/* Páginas de módulo de missr.cl — generado por _herramientas_sitio/generar_modulos.py (no editar a mano) */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
ul{list-style:none}
a{text-decoration:none;color:inherit}
:root{
  --blue:#0F4C81;--blue-dk:#093460;--blue-lt:#a7c8e8;--blue-bg:#e3eef8;--water:#4DA6D9;--green:#3f7a3a;
  --bg:#f1f4f8;--gray:#445361;--gray-2:#697889;--gray-lt:#e4e9ef;--text:#0f172a;--border:#d3dbe4;--border-2:#b5c1ce;--night:#070f1f;
  --sh:0 1px 3px rgba(15,23,42,.06),0 4px 16px rgba(15,23,42,.05);--sh-lg:0 20px 60px rgba(15,23,42,.12),0 8px 24px rgba(15,23,42,.07);
  --sh-xl:0 32px 80px rgba(15,23,42,.18),0 12px 32px rgba(15,23,42,.1);
  --r:10px;--rl:16px;--ff:'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;--ffd:'Outfit','Manrope',sans-serif;
}
body{font-family:var(--ff);color:var(--text);background:#fff;line-height:1.6;overflow-x:hidden}
.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}
.section{padding:4.8rem 0}
.alt{background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.eyebrow{display:inline-flex;align-items:center;gap:.42rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c,var(--blue));background:color-mix(in srgb,var(--c,var(--blue)) 10%,#fff);border:1px solid color-mix(in srgb,var(--c,var(--blue)) 22%,#fff);padding:.32rem .88rem;border-radius:999px;margin-bottom:1rem}
.s-head{margin-bottom:2.4rem}
.s-title{font-family:var(--ffd);font-size:clamp(1.6rem,2.8vw,2.3rem);font-weight:800;line-height:1.12;letter-spacing:-.025em}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.78rem 1.5rem;border-radius:var(--r);font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .18s;white-space:nowrap}
.btn:hover{transform:translateY(-1px)}
.btn-p{background:var(--blue);color:#fff;box-shadow:0 2px 8px rgba(15,76,129,.3)}
.btn-p:hover{background:var(--blue-dk)}
.btn-g{background:#fff;color:var(--text);border:1.5px solid var(--border-2)}
.btn-g:hover{border-color:var(--text)}
.btn-w{background:#fff;color:var(--blue)}
.btn-w:hover{background:var(--blue-bg)}
.btn-lg{padding:.9rem 1.8rem;font-size:.94rem}
/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:900;padding:.9rem 0;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:all .3s}
.nav.s{border-bottom:1px solid var(--border);padding:.6rem 0;box-shadow:0 1px 20px rgba(0,0,0,.06)}
.nav-i{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.nav-brand{display:flex;align-items:center;gap:.75rem}
.nav-brand img{height:3.4rem;width:auto}
.nav-bn{font-size:1.55rem;font-weight:800;color:var(--blue);letter-spacing:-.02em;line-height:1.05}
.nav-bs{margin-top:.2rem;font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--gray-2)}
.nav-ls{display:flex;gap:.1rem}
.nav-ls a{font-size:.84rem;font-weight:500;color:var(--gray);padding:.44rem .72rem;border-radius:var(--r)}
.nav-ls a:hover{color:var(--text);background:var(--gray-lt)}
.nav-end{display:flex;margin-left:.75rem}
.nav-mob{display:flex;align-items:center}
.nav-tog{display:none;background:none;border:1.5px solid var(--border-2);padding:.42rem .58rem;border-radius:var(--r);cursor:pointer;font-size:1rem;line-height:1}
/* hero */
.mh{padding:7.5rem 0 4rem;background:radial-gradient(ellipse 80% 70% at 75% 30%,rgba(77,166,217,.14),transparent 60%),#fff;border-bottom:1px solid var(--border)}
.mh-g{display:grid;grid-template-columns:5fr 7fr;gap:3rem;align-items:center}
.mh-g.sin-img{grid-template-columns:7fr 5fr}
.migas{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.78rem;color:var(--gray-2);margin-bottom:1.1rem}
.migas a{display:inline-block;padding:.2rem 0}
.migas a:hover{color:var(--blue)}
.migas i{font-size:.6rem}
.migas span{color:var(--text);font-weight:600}
.mh h1{font-family:var(--ffd);font-size:clamp(2rem,3.6vw,3rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem}
.mh .lead{font-size:1.06rem;color:var(--gray);line-height:1.72;margin-bottom:1.8rem;max-width:540px}
.acts{display:flex;gap:.75rem;flex-wrap:wrap}
.app-win{border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh-xl);border:1px solid rgba(0,0,0,.1);background:#0f172a}
.app-tb{background:#1e293b;padding:.6rem 1rem;display:flex;align-items:center;gap:.75rem}
.app-dots{display:flex;gap:.4rem}
.app-dots span{width:.52rem;height:.52rem;border-radius:50%}
.dr{background:#ef4444}.dy{background:#f59e0b}.dg{background:#22c55e}
.app-url{flex:1;background:rgba(255,255,255,.07);border-radius:6px;padding:.26rem .75rem;font-size:.7rem;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:.4rem}
.app-url i{color:rgba(255,255,255,.3);font-size:.66rem}
.app-shot{width:100%;height:auto}
.phone{border-radius:28px;padding:7px;background:#0b1220;box-shadow:var(--sh-xl),inset 0 0 0 1.5px rgba(255,255,255,.08);border:1px solid #1f2a3d}
.phone img{border-radius:22px;width:100%;height:auto}
.phones-hero{display:flex;justify-content:center;gap:1.4rem;align-items:flex-start}
.phones-hero .phone{width:min(230px,45%)}
.phones-hero .phone:nth-child(2){margin-top:2.4rem}
.hero-icono{position:relative;border-radius:24px;background:linear-gradient(150deg,color-mix(in srgb,var(--c) 92%,#000),color-mix(in srgb,var(--c) 70%,#0b1220));color:#fff;padding:2.6rem;min-height:320px;display:flex;flex-direction:column;justify-content:center;gap:.8rem;box-shadow:var(--sh-xl);overflow:hidden}
.hero-icono>i{position:absolute;right:-1.5rem;bottom:-2.5rem;font-size:13rem;opacity:.12}
.hi-chip{position:relative;display:flex;align-items:center;gap:.7rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:.85rem 1.1rem;font-weight:700;font-size:.95rem;backdrop-filter:blur(6px)}
.hi-chip i{font-size:1.15rem;color:#bfe3f7}
/* capacidades */
.caps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.caps.c3{grid-template-columns:repeat(3,1fr)}
.cap{background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:1.6rem 1.4rem;box-shadow:var(--sh);transition:all .2s}
.cap:hover{border-color:var(--blue-lt);transform:translateY(-2px)}
.cap-ic{width:2.6rem;height:2.6rem;border-radius:10px;background:var(--blue-bg);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.15rem;margin-bottom:1rem}
.cap h3{font-size:1rem;font-weight:800;margin-bottom:.4rem}
.cap p{font-size:.88rem;color:var(--gray);line-height:1.6}
/* pasos */
.pasos{display:grid;gap:1.1rem;counter-reset:p}
.pasos.p3{grid-template-columns:repeat(3,1fr)}
.pasos.p4{grid-template-columns:repeat(4,1fr)}
.paso{background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:1.5rem 1.4rem;position:relative}
.paso .n{display:inline-flex;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;align-items:center;justify-content:center;margin-bottom:.9rem;font-size:.95rem}
.paso h3{font-size:.98rem;font-weight:800;margin-bottom:.35rem}
.paso p{font-size:.86rem;color:var(--gray);line-height:1.58}
/* galería */
.galeria{display:grid;gap:2rem}
.galeria figcaption{font-size:.84rem;color:var(--gray-2);margin-top:.7rem;text-align:center}
.gal-tels{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}
.gal-tels figure{width:220px}
/* documento de ejemplo */
.doc-g{display:grid;grid-template-columns:5fr 6fr;gap:3.2rem;align-items:center}
.doc-g .sub{color:var(--gray);font-size:.98rem;line-height:1.65;margin:.7rem 0 1.4rem}
.doc-l{list-style:none;padding:0;margin:0;display:grid;gap:.9rem}
.doc-l li{display:grid;grid-template-columns:2.3rem 1fr;gap:.8rem;align-items:start;font-size:.9rem;color:var(--gray);line-height:1.55}
.doc-l strong{display:block;color:var(--text);font-size:.95rem;margin-bottom:.1rem}
.doc-ic{width:2.3rem;height:2.3rem;border-radius:10px;background:var(--blue-bg);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.doc-hoja{margin:0;max-width:540px;width:100%;justify-self:center}
.doc-hoja a{display:block;cursor:zoom-in}
.doc-hoja img{width:100%;height:auto;background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:0 18px 40px rgba(15,23,42,.14),0 2px 6px rgba(15,23,42,.06)}
.doc-hoja figcaption{font-size:.8rem;color:var(--gray-2);margin-top:.8rem;text-align:center}
/* detalles */
.det-g{display:grid;grid-template-columns:4fr 7fr;gap:3rem;align-items:start}
.det-g .sub{color:var(--gray);font-size:.95rem;line-height:1.65;margin-top:.7rem}
.det{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.6rem}
.det li{display:grid;grid-template-columns:1.4rem 1fr;gap:.5rem;font-size:.92rem;color:var(--gray);line-height:1.5;padding:.7rem .9rem;background:#fff;border:1px solid var(--border);border-radius:var(--r)}
.det li i{color:var(--green);margin-top:.12rem}
/* relacionados */
.rels{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.rel{display:grid;grid-template-columns:2.6rem 1fr auto;gap:.9rem;align-items:center;background:#fff;border:1px solid var(--border);border-radius:var(--rl);padding:1.1rem 1.2rem;box-shadow:var(--sh);transition:all .2s}
.rel:hover{border-color:var(--blue-lt);transform:translateY(-2px)}
.rel-ic{width:2.6rem;height:2.6rem;border-radius:10px;background:var(--blue-bg);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.rel strong{display:block;font-size:.95rem}
.rel small{display:block;font-size:.78rem;color:var(--gray-2);line-height:1.4}
.rel>i{color:var(--blue)}
.otros{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-top:1.8rem;font-size:.82rem;color:var(--gray-2)}
.otros a{padding:.3rem .75rem;border:1px solid var(--border);border-radius:999px;color:var(--gray);background:#fff}
.otros a:hover{border-color:var(--blue-lt);color:var(--blue)}
/* cta y pie */
.cta{background:linear-gradient(135deg,#0a3660 0%,var(--blue) 55%,#1a6aa0 100%);color:#fff;padding:3.6rem 0}
.cta-i{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.cta h2{font-family:var(--ffd);font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;letter-spacing:-.02em}
.cta p{color:rgba(255,255,255,.75);margin-top:.3rem}
footer{background:var(--night);padding:2.6rem 0}
.ft{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem}
.ft-brand{display:flex;align-items:center;gap:.6rem}
.ft-brand img{height:3rem}
.ft-nm{font-size:1.3rem;font-weight:800;color:#fff;line-height:1.15}
.ft-sb{margin-top:.15rem;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.ft-ls{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}
.ft-ls a{display:inline-block;padding:.3rem 0;font-size:.85rem;color:rgba(255,255,255,.6)}
.ft-ls a:hover{color:#fff}
footer small{width:100%;font-size:.74rem;color:rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.08);padding-top:1.2rem}
/* responsive */
@media(max-width:1060px){.caps:not(.c3){grid-template-columns:repeat(2,1fr)}.pasos.p4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){
  .mh-g,.mh-g.sin-img,.det-g,.doc-g{grid-template-columns:1fr;gap:2.4rem}
  .rels{grid-template-columns:1fr}
  .pasos.p3{grid-template-columns:1fr}
}
@media(max-width:640px){
  .section{padding:3.6rem 0}
  .mh{padding:6.5rem 0 3rem}
  .acts{flex-direction:column}
  .caps,.caps.c3,.pasos.p4,.det{grid-template-columns:1fr}
  .phones-hero .phone{width:44%}
  .hero-icono{padding:1.8rem;min-height:0}
  .nav-mob{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:.45rem;background:#fff;border-bottom:1px solid var(--border);padding:1.2rem 1.5rem;box-shadow:var(--sh)}
  .nav-mob.open{display:flex}
  .nav-ls{flex-direction:column}
  .nav-ls a{padding:.7rem .9rem;display:block}
  .nav-end{margin:0}
  .nav-end .btn{width:100%;justify-content:center}
  .nav-tog{display:flex}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
