/* Estilo compartido de las guías — misma marca que la página principal */
:root{--navy:#1C263C;--navy-2:#243152;--ink:#010812;--green:#06E683;--green-ink:#047a47;--gray:#F5F5F5;--muted:#5b6478;--line:#e3e6ec;color-scheme:light}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:"Poppins",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--green-ink)}
.wrap{max-width:760px;margin:0 auto;padding-inline:20px}
.top{background:var(--navy);position:sticky;top:env(safe-area-inset-top,0px);z-index:10}
.top .bar{max-width:1120px;margin:0 auto;padding-inline:20px;height:66px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.top svg{height:40px;width:auto;display:block}
.top nav{display:flex;align-items:center;gap:20px}
.top nav a{color:rgba(255,255,255,.8);text-decoration:none;font-size:14px;font-weight:500}
.top nav a:hover{color:var(--green)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;transition:transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn-green{background:var(--green);color:var(--navy)!important}
.btn-out{border:1.5px solid var(--navy);color:var(--navy)!important}
.top .btn{padding:9px 16px;font-size:14px}
@media (max-width:620px){.top nav a.hide-sm{display:none}}
.hero{background:var(--navy);color:#fff;padding-block:44px 52px}
.crumbs{font-size:13px;color:rgba(255,255,255,.65);margin-bottom:14px}
.crumbs a{color:var(--green);text-decoration:none}
.hero h1{font-size:clamp(30px,5vw,44px);line-height:1.15;font-weight:600;margin:0 0 14px;text-wrap:balance}
.hero p{color:rgba(255,255,255,.82);font-weight:300;font-size:18px;margin:0}
.meta{font-size:13px;color:rgba(255,255,255,.6);margin-top:16px}
article{padding-block:44px 24px}
article h2{font-size:26px;line-height:1.25;font-weight:600;color:var(--navy);margin:44px 0 12px;text-wrap:balance}
article h3{font-size:19px;font-weight:600;margin:28px 0 8px}
article p,article li{color:#2b3346}
article ul,article ol{padding-left:22px}
article li{margin-bottom:8px}
.resumen{background:var(--gray);border-radius:16px;padding:22px 24px}
.resumen h2{margin-top:0;font-size:18px}
.resumen ul{margin:0}
.tabla{overflow-x:auto;margin:18px 0}
table{border-collapse:collapse;width:100%;font-size:15px;min-width:520px;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line)}
th{background:var(--navy);color:#fff;font-weight:500;font-size:14px}
tr:nth-child(even) td{background:#fafbfc}
.nota{font-size:14px;color:var(--muted)}
.cta{background:var(--navy);color:#fff;border-radius:20px;padding:28px;margin:40px 0;display:grid;gap:14px}
.cta h2{color:#fff;margin:0;font-size:22px}
.cta p{color:rgba(255,255,255,.8);margin:0}
.cta .acts{display:flex;flex-wrap:wrap;gap:10px}
.cta .btn-out{border-color:rgba(255,255,255,.4);color:#fff!important}
details{border:1px solid var(--line);border-radius:14px;padding:0 18px;margin-bottom:10px}
details[open]{border-color:var(--green)}
summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:500;display:flex;justify-content:space-between;gap:14px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:22px;line-height:1;color:var(--navy)}
details[open] summary::after{content:"−"}
details p{margin-top:0}
.relacionadas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:14px}
.relacionadas a{display:block;border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;color:var(--ink);font-weight:500;font-size:15px;transition:border-color .2s,transform .2s}
.relacionadas a:hover{border-color:var(--green);transform:translateY(-2px)}
/* Notas para Brenda (BORRADOR — se quitan antes de publicar) */
.brenda{background:#fff4c2;border:1px dashed #d4a800;color:#6b4e00;border-radius:12px;padding:12px 16px;font-size:14px;margin:14px 0}
.brenda::before{content:"Nota para Brenda (borrador): ";font-weight:600}
footer.site{background:var(--ink);color:rgba(255,255,255,.6);padding-block:30px;font-size:13px;margin-top:40px}
footer.site .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
footer.site a{color:rgba(255,255,255,.8)}
.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;width:56px;height:56px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 26px rgba(1,8,18,.3)}
.wa svg{width:28px;height:28px;fill:#fff}
a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}