:root{--azul:#0d3b66;--azul-osc:#092a4a;--naranja:#009fe3;--naranja-osc:#0080b8;--gris:#5c6b73;--gris-claro:#eef2f5;--gris-borde:#d8dfe5;--texto:#22313f;--verde-ws:#25d366}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--texto);line-height:1.75;background:#fff}
a{color:var(--azul);font-weight:600}
header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.12);padding:12px 0}
header .container{display:flex;align-items:center;justify-content:space-between;gap:14px}
header img{height:44px;display:block}
.container{max-width:820px;margin:0 auto;padding:0 22px}
.btn{display:inline-block;padding:13px 26px;border-radius:8px;font-weight:700;font-size:.95rem;text-decoration:none;transition:.2s}
.btn-ws{background:var(--verde-ws);color:#fff}
.btn-ws:hover{filter:brightness(.92)}
.btn-naranja{background:var(--naranja);color:#fff}
.btn-naranja:hover{background:var(--naranja-osc)}
article{padding:46px 0 70px}
.miga{font-size:.85rem;color:var(--gris);margin-bottom:18px}
.miga a{color:var(--naranja);text-decoration:none}
h1{color:var(--azul);font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.25;margin-bottom:10px}
.meta{color:var(--gris);font-size:.88rem;margin-bottom:26px}
.destacada{width:100%;max-height:420px;object-fit:contain;background:var(--gris-claro);border-radius:14px;margin-bottom:30px}
article h2{color:var(--azul);font-size:1.35rem;margin:34px 0 12px}
article h3{color:var(--azul);font-size:1.08rem;margin:24px 0 8px}
article p{margin-bottom:16px}
article ul,article ol{margin:0 0 16px 24px}
article li{margin-bottom:8px}
.intermedia{width:100%;max-height:380px;object-fit:contain;background:var(--gris-claro);border-radius:12px;margin:24px 0}
.resaltado{background:var(--gris-claro);border-left:4px solid var(--naranja);padding:18px 22px;border-radius:0 10px 10px 0;margin:26px 0;font-weight:600;color:var(--azul)}
.cta-final{background:linear-gradient(135deg,var(--azul-osc),var(--azul));color:#fff;border-radius:14px;padding:34px;text-align:center;margin-top:44px}
.cta-final h2{color:#fff;margin:0 0 10px}
.cta-final p{color:#d7e3ee;margin-bottom:22px}
footer{background:var(--azul-osc);color:#b9cbda;text-align:center;padding:26px 16px;font-size:.85rem}
footer a{color:#fff}
.ws-flotante{position:fixed;bottom:22px;right:22px;background:var(--verde-ws);color:#fff;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 6px 18px rgba(0,0,0,.3);text-decoration:none;z-index:200}