/* Páginas generales de missr.cl — generado por _herramientas_sitio/generar_paginas.py */
/* ── Páginas generales (about / services / contact) ── */
.pg-hero{padding:7.5rem 0 3.6rem;background:radial-gradient(ellipse 80% 70% at 75% 30%,rgba(77,166,217,.14),transparent 60%),#fff;border-bottom:1px solid var(--border)}
.pg-hero h1{font-family:var(--ffd);font-size:clamp(2rem,3.8vw,3.1rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem;max-width:820px}
.pg-hero .lead{font-size:1.08rem;color:var(--gray);line-height:1.72;max-width:680px}
.facts{background:var(--night);color:#fff}
.facts-g{display:grid;grid-template-columns:repeat(4,1fr)}
.fact{padding:2rem 1.6rem;border-right:1px solid rgba(255,255,255,.08);display:flex;gap:.9rem;align-items:flex-start}
.fact:last-child{border-right:none}
.fact i{font-size:1.3rem;color:var(--water);margin-top:.1rem}
.fact strong{display:block;font-size:.96rem;margin-bottom:.15rem}
.fact span{font-size:.82rem;color:rgba(255,255,255,.62);line-height:1.5}
.dos{display:grid;grid-template-columns:1.1fr .9fr;gap:3.5rem;align-items:center}
.dos p{color:var(--gray);line-height:1.75;margin-bottom:1rem}
.cita{border-left:3px solid var(--blue);padding:1.1rem 1.4rem;background:var(--blue-bg);border-radius:0 var(--r) var(--r) 0;margin-top:1.4rem}
.cita p{font-style:italic;margin:0}
.cita cite{display:block;margin-top:.5rem;font-size:.82rem;font-style:normal;font-weight:700;color:var(--text)}
.foto{border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh-lg);border:1px solid var(--border-2);position:relative}
.foto img{width:100%;height:400px;object-fit:cover}
.foto .bdg{position:absolute;left:1rem;right:1rem;bottom:1rem;background:rgba(7,15,31,.84);backdrop-filter:blur(12px);color:#fff;border-radius:var(--r);padding:.8rem 1rem;display:flex;gap:.7rem;align-items:center}
.foto .bdg i{width:2rem;height:2rem;border-radius:7px;background:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.foto .bdg small{display:block;color:rgba(255,255,255,.6);font-size:.72rem}
.tabla-correo{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.tc{background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:1.2rem 1.3rem}
.tc strong{display:flex;align-items:center;gap:.5rem;font-size:.94rem;margin-bottom:.3rem}
.tc strong i{color:var(--blue)}
.tc span{font-size:.86rem;color:var(--gray)}
.nota{margin-top:1.4rem;padding:1rem 1.2rem;border-radius:var(--r);background:var(--blue-bg);color:var(--gray);font-size:.92rem}
.titular{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.4rem}
.titular div{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:.9rem 1rem}
.titular small{display:block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-2)}
.titular b{font-size:.92rem}
/* servicios */
.area{margin-bottom:3rem}
.area:last-child{margin-bottom:0}
.area-h{display:flex;align-items:center;gap:.8rem;margin-bottom:1.3rem}
.area-h .ic{width:2.6rem;height:2.6rem;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.15rem}
.area-h h2{font-family:var(--ffd);font-size:1.5rem;font-weight:800;letter-spacing:-.02em}
.svc-g{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.svc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:1.4rem;box-shadow:var(--sh);transition:all .2s}
.svc:hover{border-color:var(--blue-lt);transform:translateY(-2px)}
.svc .cap-ic{margin-bottom:.8rem}
.svc h3{font-size:1.02rem;font-weight:800;margin-bottom:.25rem}
.svc .t{font-size:.86rem;color:var(--gray);line-height:1.55;margin-bottom:.8rem}
.svc ul{display:grid;gap:.35rem;margin-bottom:1rem}
.svc li{display:grid;grid-template-columns:1.1rem 1fr;gap:.4rem;font-size:.83rem;color:var(--gray)}
.svc li i{color:var(--green)}
.svc .mas{margin-top:auto;font-size:.84rem;font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:.35rem}
/* contacto */
.ct-g{display:grid;grid-template-columns:1.2fr .8fr;gap:2.5rem;align-items:start}
.fb{background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:2rem;box-shadow:var(--sh-lg)}
.fb h2{font-family:var(--ffd);font-size:1.4rem;font-weight:800;margin-bottom:.3rem}
.fb .fb-s{color:var(--gray);font-size:.9rem;margin-bottom:1.4rem}
.fd{margin-bottom:.95rem}
.fd label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--gray);margin-bottom:.36rem}
.fd label em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:500;color:var(--gray-2)}
.fd input,.fd textarea{width:100%;background:var(--bg);border:1.5px solid var(--border-2);border-radius:var(--r);padding:.74rem 1rem;font-family:var(--ff);font-size:.92rem;color:var(--text);outline:none;transition:border-color .18s,box-shadow .18s}
.fd textarea{min-height:140px;resize:vertical}
.fd input:focus,.fd textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(15,76,129,.1)}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
.fm{display:none;padding:.75rem 1rem;border-radius:8px;font-size:.88rem;margin-bottom:1rem}
.fm.ok{display:block;background:#dcefd8;color:var(--green)}
.fm.er{display:block;background:#fee2e2;color:#b91c1c}
.fnote{display:flex;gap:.6rem;align-items:flex-start;margin-top:1rem;padding:.75rem .95rem;background:var(--blue-bg);border-left:3px solid var(--blue);border-radius:0 8px 8px 0;font-size:.8rem;color:var(--gray);line-height:1.55}
.fnote i{color:var(--blue);font-size:1rem;line-height:1.25;flex-shrink:0}
.fnote a{color:var(--blue);font-weight:700}
.info{display:grid;gap:.9rem}
.info-c{display:grid;grid-template-columns:2.6rem 1fr;gap:.9rem;background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:1.1rem 1.2rem}
.info-c .cap-ic{margin:0}
.info-c strong{display:block;font-size:.95rem}
.info-c span,.info-c a{font-size:.88rem;color:var(--gray)}
.info-c a{color:var(--blue);font-weight:700}
/* precios (lee en vivo 234ffar3rafs/tarifa_suscripcion.json y seriales.json) */
.pr-g{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;align-items:stretch}
.pr-card{background:var(--night);color:#fff;border-radius:var(--rl);padding:2rem;box-shadow:var(--sh-lg);display:flex;flex-direction:column}
.pr-card .k{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--water)}
.pr-monto{font-family:var(--ffd);font-size:clamp(2.6rem,5vw,3.6rem);font-weight:800;letter-spacing:-.03em;line-height:1;margin:.7rem 0 .35rem}
.pr-monto small{font-family:var(--ff);font-size:1rem;font-weight:600;color:rgba(255,255,255,.62);letter-spacing:0}
.pr-sub{color:rgba(255,255,255,.78);font-size:.98rem}
.pr-tramo{margin-top:1.1rem;padding:.85rem 1rem;border-radius:var(--r);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:.93rem}
.pr-clp{margin-top:.75rem;font-size:.83rem;color:rgba(255,255,255,.62)}
.pr-inc{display:grid;gap:.55rem;margin:1.5rem 0 1.7rem}
.pr-inc li{display:flex;gap:.6rem;font-size:.92rem;color:rgba(255,255,255,.88)}
.pr-inc i{color:var(--water)}
.pr-card .btn{margin-top:auto;justify-content:center}
.pr-calc{background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:2rem;box-shadow:var(--sh);display:flex;flex-direction:column}
.pr-calc h2{font-family:var(--ffd);font-size:1.4rem;font-weight:800;margin-bottom:.3rem}
.pr-calc .s{color:var(--gray);font-size:.9rem;margin-bottom:1.4rem}
.pr-calc label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--gray);margin-bottom:.45rem}
.pr-in{display:flex;align-items:center;gap:1rem}
.pr-in input[type=number]{width:7.5rem;background:var(--bg);border:1.5px solid var(--border-2);border-radius:var(--r);padding:.7rem .9rem;font-family:var(--ff);font-size:1.05rem;font-weight:700;color:var(--text);outline:none}
.pr-in input[type=number]:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(15,76,129,.1)}
.pr-in input[type=range]{flex:1;min-width:0;accent-color:var(--blue)}
.pr-res{margin-top:1.4rem;padding:1.4rem;border-radius:var(--r);background:var(--blue-bg)}
.pr-res .uf{font-family:var(--ffd);font-size:2.3rem;font-weight:800;letter-spacing:-.02em;color:var(--blue);line-height:1.1}
.pr-res .uf small{font-family:var(--ff);font-size:.95rem;font-weight:600;color:var(--gray)}
.pr-res .clp{font-size:1.05rem;font-weight:700;margin-top:.25rem}
.pr-res .det{font-size:.86rem;color:var(--gray);margin-top:.15rem}
.pr-res .tr{font-size:.84rem;color:var(--gray);margin-top:.35rem}
.pr-calc .pie{margin-top:auto;padding-top:1.2rem;font-size:.8rem;color:var(--gray-2)}
.pr-scroll{overflow-x:auto;border-radius:var(--rl);box-shadow:var(--sh)}
.pr-tabla{width:100%;min-width:420px;border-collapse:collapse;background:#fff;border:1px solid var(--border);border-radius:var(--rl);overflow:hidden}
.pr-tabla th,.pr-tabla td{padding:.9rem 1.2rem;text-align:left;border-bottom:1px solid var(--border);font-size:.93rem}
.pr-tabla th{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);background:var(--bg)}
.pr-tabla td:first-child{font-weight:700;white-space:nowrap}
.pr-tabla td.uf{font-weight:800;color:var(--blue)}
.pr-tabla td.tot{font-weight:700}
.pr-tabla tr:last-child td{border-bottom:none}
.pr-aviso{display:none;gap:.7rem;align-items:flex-start;margin-bottom:1.6rem;padding:1rem 1.2rem;border-radius:var(--r);background:#fff7e6;border:1px solid #f1cf86;color:#6b4800;font-size:.93rem;line-height:1.55}
.pr-aviso.on{display:flex}
.pr-calc .s a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.pr-res .soc{font-size:.92rem;font-weight:700;color:var(--blue);margin-top:.35rem}
.pr-dos{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.pr-lst{background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:1.8rem;box-shadow:var(--sh)}
.pr-lst h3{font-size:1.02rem;font-weight:800;margin-bottom:.8rem}
.pr-lst ul{display:grid;gap:.6rem}
.pr-lst li{display:grid;grid-template-columns:1.2rem 1fr;gap:.55rem;font-size:.92rem;color:var(--gray);line-height:1.55}
.pr-lst li i{color:var(--green);margin-top:.15rem}
.pr-lst p{font-size:.92rem;color:var(--gray);line-height:1.65;margin-bottom:.7rem}
.pr-lst p:last-child{margin-bottom:0}
.pr-lst a{color:var(--blue);font-weight:700}
.pr-aviso i{font-size:1.1rem;margin-top:.1rem}
@media(max-width:900px){
  .pr-g,.pr-dos{grid-template-columns:1fr}
  .dos,.ct-g{grid-template-columns:1fr;gap:2.4rem}
  .facts-g,.titular{grid-template-columns:repeat(2,1fr)}
  .fact:nth-child(2){border-right:none}
  .svc-g,.tabla-correo{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .pg-hero{padding:6.5rem 0 3rem}
  .facts-g,.titular,.svc-g,.tabla-correo,.fr{grid-template-columns:1fr}
  .pr-tabla{min-width:0}
  .pr-tabla th,.pr-tabla td{padding:.8rem .75rem;font-size:.88rem}
  .pr-card,.pr-calc,.pr-lst{padding:1.5rem}
  .fact{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}
}