/* Estilos de las guías: mismos tokens, nav, botones y pie que la home */
:root{
  --azul:#2B4798; --navy:#0D0E1E; --hueso:#FFFDF1; --celeste:#94A5D4;
  --hueso-2:#F4F2E6; --linea:#DAD9CC; --texto-suave:#3C3F55;
  --f-titulo:"Raleway","Sora",system-ui,sans-serif;
  --f-cuerpo:"Sora",system-ui,-apple-system,"Segoe UI",sans-serif;
  --oct:polygon(29% 0,71% 0,100% 29%,100% 71%,71% 100%,29% 100%,0 71%,0 29%);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--hueso);color:var(--navy);font-family:var(--f-cuerpo);font-size:17px;line-height:1.7}
.wrap{max-width:1120px;margin:0 auto;padding-inline:20px}
h1,h2,h3{font-family:var(--f-titulo);text-wrap:balance;margin:0;line-height:1.15}
a{color:inherit}
:focus-visible{outline:3px solid var(--celeste);outline-offset:3px}
.eyebrow{font-family:var(--f-titulo);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--celeste)}

/* NAV */
.nav{position:sticky;top:0;z-index:20;background:rgba(255,253,241,.9);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--linea)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.nav img{height:34px;width:auto;display:block}
.nav ul{display:flex;gap:22px;white-space:nowrap;list-style:none;margin:0;padding:0;font-size:14px}
.nav ul a{color:var(--navy);text-decoration:none;font-weight:600;opacity:.8}
.nav ul a:hover,.nav ul a[aria-current]{opacity:1;color:var(--azul)}
@media (max-width:1080px){.nav ul{display:none}}
@media (max-width:560px){.nav img{height:22px}}

/* BOTONES */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-titulo);font-weight:700;font-size:15px;padding:14px 22px;border-radius:999px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .2s,transform .2s}
.btn svg{width:22px;height:22px;flex:none}
.btn-wa{background:#25D366;color:#06281A;border-color:#25D366;box-shadow:0 8px 24px -8px rgba(37,211,102,.7)}
.btn-wa:hover{background:#1EBE5A;transform:translateY(-2px)}
.btn-sm{padding:9px 16px;font-size:14px;white-space:nowrap}
.btn-lg{font-size:17px;padding:17px 28px}
@keyframes latido{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.wa-float{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:30;display:flex;align-items:center;gap:10px;background:#25D366;color:#06281A;font-family:var(--f-titulo);font-weight:800;text-decoration:none;padding:14px 20px 14px 16px;border-radius:999px;animation:latido 2.4s infinite;box-shadow:0 12px 30px -8px rgba(0,0,0,.4)}
.wa-float svg{width:28px;height:28px}
@media (max-width:560px){.wa-float span{display:none}.wa-float{padding:14px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* CABECERA DE GUÍA */
.g-hero{background:radial-gradient(60% 90% at 15% 20%,rgba(43,71,152,.6),transparent 70%),var(--navy);color:var(--hueso)}
.g-hero .wrap{max-width:820px;padding-block:28px 56px}
.migas{font-size:13px;color:#B9BBC8;margin-bottom:32px}
.migas ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.migas li+li::before{content:"›";margin-right:6px;color:var(--celeste)}
.migas a{color:#DCE1F2;text-decoration:none}
.migas a:hover{text-decoration:underline}
.g-hero h1{font-size:clamp(30px,5vw,48px);font-weight:800;letter-spacing:-.015em;margin-top:12px}
.g-meta{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:14px;color:#CFCFD8}
.g-meta img{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--celeste)}
.g-meta .b{color:var(--hueso);font-weight:600}

/* CUERPO */
.guia{max-width:820px;margin:0 auto;padding:48px 20px 72px}
.guia h2{font-size:clamp(24px,3.4vw,32px);font-weight:800;margin:56px 0 16px;scroll-margin-top:90px}
.guia p,.guia ul,.guia ol{margin:0 0 16px}
.guia ul,.guia ol{padding-left:22px;display:grid;gap:8px}
.guia strong{font-weight:600}
.resumen{background:#fff;border-left:5px solid var(--azul);border-radius:0 8px 8px 0;padding:22px 24px;font-size:18px;box-shadow:0 10px 30px -18px rgba(13,14,30,.35)}
.resumen p{margin:0}
.resumen .eyebrow{display:block;color:var(--azul);margin-bottom:8px}
.destacado{margin:32px 0;background:var(--azul);color:var(--hueso);border-radius:12px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:28px}
.destacado h2{font-size:20px;margin:0 0 14px;color:var(--hueso)}
.destacado ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.destacado li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;line-height:1.45}
.destacado .ic{font-size:22px;line-height:1}
.destacado .b{color:#fff}
.destacado small{display:block;color:#DCE1F2;font-size:14px}
@media (max-width:640px){.destacado{grid-template-columns:1fr;padding:22px}}
.clave{background:var(--hueso-2);border:1px solid var(--linea);border-radius:10px;padding:18px 20px;margin:20px 0}
.clave p:last-child{margin:0}
.pasos{list-style:none;padding:0!important;counter-reset:p;gap:14px!important}
.pasos li{counter-increment:p;display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}
.pasos li::before{content:counter(p);display:grid;place-items:center;width:40px;height:40px;background:var(--azul);color:var(--hueso);clip-path:var(--oct);font-family:var(--f-titulo);font-weight:800}
.tabla{overflow-x:auto;margin:20px 0;border:1px solid var(--linea);border-radius:10px;background:#fff}
.tabla table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;min-width:480px}
.tabla th,.tabla td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linea)}
.tabla thead th{background:var(--navy);color:var(--hueso);font-family:var(--f-titulo);font-weight:700}
.tabla tbody th{font-weight:600;color:var(--texto-suave);width:32%}
.tabla tr:last-child th,.tabla tr:last-child td{border-bottom:0}
.caso{border-left:5px solid #25D366;background:#fff;border-radius:0 10px 10px 0;padding:22px 24px;box-shadow:0 10px 30px -18px rgba(13,14,30,.35)}
.caso p:last-child{margin:0}
.cta{margin:36px 0;background:var(--navy);color:var(--hueso);border-radius:12px;padding:28px;display:grid;gap:16px;justify-items:start}
.cta h2,.cta p.tit{font-family:var(--f-titulo);font-size:22px;font-weight:800;margin:0;color:var(--hueso);line-height:1.25}
.cta p{margin:0;color:#DCE1F2}
.faq{border-top:1px solid var(--linea)}
.faq details{border-bottom:1px solid var(--linea)}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 28px;gap:16px;align-items:center;padding:18px 0;font-family:var(--f-titulo);font-weight:700;font-size:18px;line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";display:grid;place-items:center;width:28px;height:28px;background:var(--azul);color:var(--hueso);clip-path:var(--oct);font-weight:700}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 44px 18px 0;color:var(--texto-suave);margin:0}
.autor{margin-top:56px;display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;border-top:1px solid var(--linea);padding-top:28px;font-size:15px;color:var(--texto-suave)}
.autor img{width:72px;height:72px;border-radius:50%;object-fit:cover}
.autor .b{display:block;color:var(--navy);font-family:var(--f-titulo);font-size:17px}
.relacionadas{margin-top:40px}
.relacionadas p{font-size:15px;color:var(--texto-suave)}

/* ÍNDICE DE GUÍAS */
.g-lista{max-width:1120px;margin:0 auto;padding:48px 20px 80px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.g-card{background:#fff;border:1px solid var(--linea);border-radius:12px;padding:26px;display:grid;gap:10px;align-content:start;text-decoration:none;transition:transform .2s,box-shadow .2s}
.g-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px -20px rgba(13,14,30,.45)}
.g-card .eyebrow{color:var(--azul)}
.g-card h2{font-size:22px;font-weight:800}
.g-card p{margin:0;color:var(--texto-suave);font-size:15px}
.g-card span.mas{font-family:var(--f-titulo);font-weight:700;color:var(--azul);font-size:14px}
.g-card.prox{background:var(--hueso-2);border-style:dashed;pointer-events:none}
.g-card.prox h2{color:var(--texto-suave)}

/* PIE */
footer{background:var(--navy);color:#B9BBC8;font-size:14px}
.pie{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;padding-block:48px 32px}
.pie-tit{font-family:var(--f-titulo);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--celeste);margin:0 0 14px}
.pie-marca{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start}
.pie-marca img{width:56px;height:auto}
.pie-marca .b{display:block;color:var(--hueso);font-family:var(--f-titulo);font-size:17px;margin-bottom:6px}
.pie p{margin:0}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pie a{color:var(--hueso);text-decoration:none}
.pie a:hover{color:var(--celeste);text-decoration:underline}
.ssn{border-top:1px solid rgba(148,165,212,.18)}
.ssn .wrap{padding-block:22px}
.ssn-aviso{background:#fff;color:var(--navy);border-radius:4px;padding:12px 16px;display:inline-flex;align-items:center;gap:14px;font-size:13px;line-height:1.45;max-width:100%}
.ssn-aviso img{width:200px;height:auto;flex:none}
.ssn-aviso a{color:var(--azul);font-weight:600}
@media (max-width:520px){.ssn-aviso{flex-direction:column;align-items:flex-start}}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;color:#8A8C9C;padding-bottom:28px}
.legal a{color:#B9BBC8}
@media (max-width:860px){.pie{grid-template-columns:1fr 1fr}.pie-marca{grid-column:1/-1}}
@media (max-width:520px){.pie{grid-template-columns:1fr}}
.red{display:inline-flex;align-items:center;gap:10px}
.red svg{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Ventana "Quiénes somos" en las páginas especializadas */
dialog.nos-pop{border:0;padding:0;border-radius:14px;max-width:560px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);background:var(--hueso);color:var(--navy);box-shadow:0 30px 80px -20px rgba(13,14,30,.6)}
dialog.nos-pop::backdrop{background:rgba(13,14,30,.6);backdrop-filter:blur(3px)}
.nos-pop .cab{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center;background:var(--navy);color:var(--hueso);padding:24px 56px 24px 24px}
.nos-pop .cab img{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:40% 25%;border:3px solid var(--celeste)}
.nos-pop .cab .eyebrow{color:var(--celeste);display:block;margin-bottom:4px}
.nos-pop .cab h2{font-family:var(--f-titulo);font-size:22px;line-height:1.2;margin:0}
.nos-pop .cerrar{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(148,165,212,.5);background:transparent;color:var(--hueso);font-size:22px;line-height:1;cursor:pointer}
.nos-pop .cuerpo{padding:22px 24px 26px;display:grid;gap:14px;font-size:16px;line-height:1.6}
.nos-pop .cuerpo p{margin:0}
.nos-pop .datos-pop{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}
.nos-pop .datos-pop div{background:#fff;border:1px solid var(--linea);border-radius:8px;padding:10px 6px;font-size:13px;line-height:1.3}
.nos-pop .datos-pop .b{display:block;font-family:var(--f-titulo);font-size:20px;color:var(--azul)}
.nos-pop blockquote{margin:0;border-left:3px solid var(--azul);padding:2px 0 2px 14px;font-size:15px}
.nos-pop blockquote small{display:block;margin-top:4px;color:#3C3F55}
.nos-pop .mat{font-size:13px;color:#3C3F55}
.nos-pop .pie-pop{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.nos-pop .pie-pop a.link{color:var(--azul);font-weight:600;font-size:14px}
.autor .ver-nos{margin-top:8px;background:none;border:0;padding:0;color:var(--azul);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}
@media (max-width:480px){.nos-pop .cab{grid-template-columns:64px 1fr;padding:20px 52px 20px 18px}.nos-pop .cab img{width:64px;height:64px}.nos-pop .cab h2{font-size:18px}.nos-pop .cuerpo{padding:18px}}
dialog.montos-pop{max-width:720px}
.montos-pop .cab{grid-template-columns:1fr}
.montos-pop .tabla{margin:0}
.montos-pop .tabla table{font-size:14px}
.montos-pop .vigencia{margin:0}
.montos-pop .cuerpo,.montos-pop .montos-cont{min-width:0;overflow-wrap:anywhere}
.montos-pop .tabla{overflow-x:auto;max-width:100%}
.montos-pop .tabla table{min-width:0;width:100%}
@media (max-width:560px){.montos-pop .tabla th:nth-child(3),.montos-pop .tabla td:nth-child(3){display:none}.montos-pop .tabla th,.montos-pop .tabla td{padding:10px 8px}}
.montos-pop .tabla td:last-child{white-space:nowrap;overflow-wrap:normal}
@media (max-width:560px){.montos-pop .tabla table{font-size:13px}}
.montos-pop .tabla th,.montos-pop .tabla td{overflow-wrap:normal;word-break:normal}

.b{font-weight:700}