/*
Theme Name: Alergo's Premium
Theme URI: https://alergo-s.com/
Author: Alergo's
Description: Tema a medida para Alergo's, alergólogos en Cali. Diseño premium, ligero y con SEO médico integrado (títulos, descripciones, Open Graph y datos estructurados por página).
Version: 2.9.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: alergos
*/
@font-face{font-family:"Montserrat";font-weight:500;font-style:normal;font-display:swap;src:url(assets/fonts/montserrat-500.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-weight:600;font-style:normal;font-display:swap;src:url(assets/fonts/montserrat-600.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-weight:700;font-style:normal;font-display:swap;src:url(assets/fonts/montserrat-700.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-weight:400;font-style:normal;font-display:swap;src:url(assets/fonts/opensans-400.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-weight:600;font-style:normal;font-display:swap;src:url(assets/fonts/opensans-600.woff2) format("woff2")}
@font-face{font-family:"PT Serif";font-weight:400;font-style:italic;font-display:swap;src:url(assets/fonts/ptserif-400i.woff2) format("woff2")}




/* Concepto: video a pantalla completa, el especialista como protagonista y una página que guía hasta la cita. */
:root{
	--ink:#0F1C26; --ink2:#182A37; --pearl:#F4F5F6; --line:#E2E5E8; --line-dk:rgba(255,255,255,.16);
	--text:#26323C; --muted:#66727D; --brand:#2B7DB4; --brand-lt:#8EC5EA; --brand-soft:#EAF3FA;
	--serif:"Libre Caslon Display","Times New Roman",serif;
	--sans:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
	--max:1280px; --gut:clamp(20px,5vw,64px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);font-size:17px;line-height:1.7;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;margin:0;color:var(--ink);letter-spacing:-.005em;text-wrap:balance}
p,ul,ol,figure,dl,dd,blockquote{margin:0}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gut)}
.label{font-size:.8125rem;letter-spacing:.04em;color:var(--brand);font-weight:500}
.on-dark .label{color:var(--brand-lt)}
section{padding:clamp(5rem,9vw,8rem) 0}
.head{display:grid;grid-template-columns:5fr 6fr;gap:3rem;align-items:end;margin-bottom:clamp(3rem,5vw,4.5rem)}
.head h2,.h2{font-size:clamp(2.25rem,1.6rem + 2.4vw,3.6rem);line-height:1.06}
.head p{color:var(--muted);max-width:34rem;justify-self:end}
@media(max-width:860px){.head{grid-template-columns:1fr;gap:1.25rem}.head p{justify-self:start}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font:500 .9375rem/1.2 var(--sans);letter-spacing:.01em;text-decoration:none;padding:1rem 1.75rem;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.btn:hover{background:var(--ink2)}
.btn--light{background:#fff;color:var(--ink);border-color:#fff}
.btn--light:hover{background:var(--pearl)}
.btn--brand{background:var(--brand);border-color:var(--brand)}
.btn--brand:hover{background:var(--brand-dk);border-color:var(--brand-dk)}
.link{display:inline-flex;align-items:center;gap:.75rem;font-weight:500;font-size:.9375rem;text-decoration:none;padding-bottom:.35rem;border-bottom:1px solid currentColor}
.link span{transition:transform .2s}
.link:hover span{transform:translateX(4px)}

/* Encabezado */
.top{position:fixed;inset:0 0 auto;z-index:50;color:#fff;transition:background .3s,color .3s,box-shadow .3s}
.top .wrap{display:flex;align-items:center;gap:2.5rem;height:88px}
.top .logo img{width:138px;height:auto;max-height:64px;object-fit:contain;filter:brightness(0) invert(1);transition:filter .3s}
.top nav{margin-left:auto}
.top nav ul{display:flex;gap:2.25rem;list-style:none;margin:0;padding:0;font-size:.9375rem}
.top nav a{text-decoration:none;opacity:.92}
.top nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.top .btn{padding:.75rem 1.25rem;background:transparent;border-color:rgba(255,255,255,.6)}
.top .btn:hover{background:#fff;color:var(--ink)}
.top.is-solid{background:#fff;color:var(--ink);box-shadow:0 1px 0 var(--line)}
.top.is-solid .logo img{filter:none}
.top.is-solid .btn{border-color:var(--ink);background:var(--ink);color:#fff}
.menu-btn{display:none;margin-left:auto;background:none;border:0;color:inherit;font:inherit;font-weight:500;cursor:pointer;padding:.5rem}
@media(max-width:1000px){.top nav{display:none}.top .btn{display:none}.menu-btn{display:block}
	.top.open nav{display:block;position:absolute;top:88px;left:0;right:0;background:#fff;color:var(--ink);padding:1rem var(--gut) 2rem;box-shadow:0 1px 0 var(--line)}
	.top.open nav ul{flex-direction:column;gap:1rem;font-size:1.125rem}}

/* Hero: video a pantalla completa */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;color:#fff;background:var(--ink);overflow:hidden;padding:0}
.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,28,38,.55) 0%,rgba(15,28,38,.12) 30%,rgba(15,28,38,.35) 60%,rgba(15,28,38,.9) 100%)}
.hero .wrap{position:relative;z-index:1;width:100%;padding-bottom:clamp(3rem,8vh,6rem)}
.hero-grid{display:grid;grid-template-columns:1fr auto;align-items:end;gap:3rem}
.hero h1{color:#fff;font-size:clamp(2.75rem,1.6rem + 4.6vw,6rem);line-height:1.02;max-width:13ch}
.hero p{max-width:34rem;margin-top:1.5rem;font-size:1.125rem;color:rgba(255,255,255,.88)}
.hero .actions{display:flex;flex-wrap:wrap;align-items:center;gap:2rem;margin-top:2.25rem}
.hero .link{color:#fff}
.hero-aside{font-size:.875rem;color:rgba(255,255,255,.78);text-align:right;border-left:1px solid var(--line-dk);padding-left:1.5rem;line-height:1.6}
.hero-aside strong{display:block;color:#fff;font-weight:500}
.reveal{opacity:0;transform:translateY(14px);animation:rise 1s cubic-bezier(.2,.7,.2,1) forwards}
.reveal:nth-child(2){animation-delay:.15s}.reveal:nth-child(3){animation-delay:.3s}
@keyframes rise{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.reveal{animation:none;opacity:1;transform:none}html{scroll-behavior:auto}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.hero-aside{text-align:left;border-left:0;padding:1.25rem 0 0;border-top:1px solid var(--line-dk)}}

/* Barra de confianza */
.strip{padding:clamp(2.5rem,5vw,3.5rem) 0;border-bottom:1px solid var(--line)}
.strip dl{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}
.strip dl>div{border-left:1px solid var(--line);padding-left:1.5rem}
.strip dt{font-family:var(--serif);font-size:2.25rem;line-height:1;color:var(--ink)}
.strip dd{color:var(--muted);font-size:.9375rem;margin-top:.6rem}
@media(max-width:900px){.strip dl{grid-template-columns:1fr 1fr}}

/* El especialista */
.doctor{background:var(--pearl)}
.doctor .wrap{display:grid;grid-template-columns:5fr 7fr;gap:clamp(3rem,7vw,7rem);align-items:center}
.doctor figure{position:relative}
.doctor figure img{width:100%;aspect-ratio:5/7;object-fit:cover}
.doctor figure::before{content:"";position:absolute;inset:2rem -2rem -2rem 2rem;border:1px solid var(--brand);z-index:-1}
.doctor figure{z-index:0}
.doctor h2{font-size:clamp(2.4rem,1.6rem + 2.8vw,4rem);line-height:1.04;margin:1.1rem 0 1.5rem}
.doctor .lead{font-size:1.1875rem;color:var(--text);max-width:38rem}
.cred{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem 3rem;margin:2.5rem 0;padding-top:2.25rem;border-top:1px solid var(--line)}
.cred dt{font-size:.8125rem;color:var(--brand);letter-spacing:.03em}
.cred dd{color:var(--ink);margin-top:.3rem;line-height:1.5;font-weight:500}
.cred dd small{display:block;color:var(--muted);font-size:.875rem;font-weight:400}
.doctor blockquote{font-family:var(--serif);font-size:1.5rem;line-height:1.35;color:var(--ink);padding-left:1.5rem;border-left:1px solid var(--brand);margin-bottom:2.5rem;max-width:34rem}
.doctor .actions{display:flex;flex-wrap:wrap;gap:1.75rem;align-items:center}
@media(max-width:900px){.doctor .wrap{grid-template-columns:1fr}.doctor figure{max-width:420px}.doctor figure::before{inset:.9rem -.9rem -.9rem .9rem}.cred{grid-template-columns:1fr}}

/* Qué tratamos */
.conds{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(2rem,5vw,5rem);border-top:1px solid var(--line)}
.cond{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.5rem;padding:1.6rem 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.cond h3{font-size:1.625rem;line-height:1.2;transition:color .2s}
.cond p{color:var(--muted);font-size:.9375rem;margin-top:.25rem}
.cond .arr{width:44px;height:44px;border:1px solid var(--line);display:grid;place-items:center;transition:background .2s,border-color .2s,color .2s;color:var(--ink)}
.cond:hover h3{color:var(--brand)}
.cond:hover .arr{background:var(--ink);border-color:var(--ink);color:#fff}
@media(max-width:860px){.conds{grid-template-columns:1fr}.cond h3{font-size:1.375rem}}


/* Ilustraciones circulares */
.ico{display:block;flex:none;width:84px;height:84px;border-radius:50%;overflow:hidden;border:5px solid #fff;box-shadow:0 8px 22px rgba(15,28,38,.12);background:var(--brand-soft)}
.ico img{display:block;width:100%;height:100%;object-fit:cover}
.cond{grid-template-columns:auto 1fr auto;width:100%;background:none;border-width:0 0 1px;border-style:solid;border-color:var(--line);font:inherit;text-align:left;cursor:pointer;padding:1.4rem 0}
.cond:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.stepimg{margin:0 0 1.5rem;overflow:hidden;background:var(--pearl)}
.stepimg img{width:100%;aspect-ratio:4/3;object-fit:cover}
.steps b{font-size:1.75rem;margin-bottom:.5rem}

/* Ficha de enfermedad */
dialog.ficha{border:0;padding:0;max-width:min(860px,calc(100% - 32px));width:100%;background:#fff;color:var(--text);box-shadow:0 30px 80px rgba(15,28,38,.3)}
dialog.ficha::backdrop{background:rgba(15,28,38,.55)}
dialog.ficha[open]{animation:pop .35s cubic-bezier(.2,.7,.2,1)}
@keyframes pop{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){dialog.ficha[open]{animation:none}}
.ficha-in{display:grid;grid-template-columns:5fr 7fr}
.ficha-art{background:var(--pearl);min-height:100%}
.ficha-art img{width:100%;height:100%;min-height:420px;object-fit:cover}
.ficha-body{padding:clamp(2rem,4vw,3rem);position:relative}
.ficha-body h3{font-size:clamp(2rem,1.6rem + 1.4vw,2.75rem);line-height:1.08;margin:.75rem 0 1rem}
.ficha-body p{color:var(--text)}
.ficha-body ul{list-style:none;padding:0;margin:1.5rem 0 2rem;border-top:1px solid var(--line)}
.ficha-body li{padding:.65rem 0 .65rem 1.4rem;border-bottom:1px solid var(--line);position:relative;font-size:.9375rem}
.ficha-body li::before{content:"";position:absolute;left:0;top:1.2rem;width:.6rem;height:1px;background:var(--brand)}
.ficha-body .actions{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}
.ficha-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:1px solid var(--line);background:#fff;cursor:pointer;display:grid;place-items:center;color:var(--ink)}
.ficha-close:hover{background:var(--pearl)}
@media(max-width:700px){.ficha-in{grid-template-columns:1fr}.ficha-art img{min-height:0;aspect-ratio:16/10}}

/* Diagnóstico */
.split{padding:0;display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:rgba(255,255,255,.78)}
.split figure{overflow:hidden;min-height:520px}
.split figure img{width:100%;height:100%;object-fit:cover}
.split .body{padding:clamp(4rem,8vw,7rem) clamp(1.5rem,6vw,7rem);align-self:center;max-width:680px}
.split h2{color:#fff;font-size:clamp(2.25rem,1.6rem + 2.4vw,3.4rem);line-height:1.06;margin:1.1rem 0 1.5rem}
.tests{list-style:none;padding:0;margin:2.25rem 0;border-top:1px solid var(--line-dk)}
.tests li{display:flex;justify-content:space-between;gap:1.5rem;padding:1rem 0;border-bottom:1px solid var(--line-dk)}
.tests a{text-decoration:none;color:#fff;font-weight:500}
.tests a:hover{color:var(--brand-lt)}
.tests span{color:var(--brand-lt);font-size:.875rem;white-space:nowrap}
.split .link{color:#fff}
@media(max-width:900px){.split{grid-template-columns:1fr}.split figure{min-height:0;aspect-ratio:4/3}}

/* Proceso */
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,3vw,3rem)}
.steps li{border-top:1px solid var(--ink);padding-top:1.5rem}
.steps b{display:block;font-family:var(--serif);font-weight:400;font-size:3rem;line-height:1;color:var(--brand);margin-bottom:1.25rem}
.steps h3{font-size:1.5rem;margin-bottom:.6rem}
.steps p{color:var(--muted);font-size:.9375rem}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr;row-gap:3rem}}
@media(max-width:520px){.steps{grid-template-columns:1fr}}

/* Prepare su visita */
.prep{background:var(--brand-soft)}
.prep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3rem)}
.prep-grid>div{background:#fff;padding:2rem;border-top:2px solid var(--brand)}
.prep-grid h3{font-size:1.5rem;margin-bottom:.75rem}
.prep-grid p{color:var(--muted);font-size:.9375rem}
.prep-grid ul{margin:.25rem 0 0;padding-left:1.1rem;color:var(--muted);font-size:.9375rem}
@media(max-width:900px){.prep-grid{grid-template-columns:1fr}}

/* Solicitud de cita */
.book .wrap{display:grid;grid-template-columns:5fr 7fr;gap:clamp(3rem,7vw,7rem);align-items:start}
.book aside p{color:var(--muted);margin:1.5rem 0 2.25rem;max-width:28rem}
.book dl{display:grid;grid-template-columns:auto 1fr;gap:1rem 1.75rem;padding:1.75rem 0;border-block:1px solid var(--line)}
.book dt{font-size:.8125rem;color:var(--brand);padding-top:.15rem}
.book dd{color:var(--ink)}
.book dd a{text-decoration:none;border-bottom:1px solid var(--line)}
.book aside .link{margin-top:2rem}
form{background:var(--pearl);padding:clamp(1.75rem,4vw,3rem);display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 1.5rem}
form h3{grid-column:1/-1;font-size:1.75rem}
form .full{grid-column:1/-1}
label{display:grid;gap:.4rem;font-size:.875rem;font-weight:500;color:var(--ink)}
input,select,textarea{font:400 1rem/1.4 var(--sans);color:var(--text);background:#fff;border:1px solid #CBD2D8;border-radius:0;padding:.85rem .9rem;width:100%;appearance:none}
select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat;padding-right:2.5rem}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(43,125,180,.15)}
textarea{min-height:110px;resize:vertical}
.check{display:flex;gap:.75rem;align-items:flex-start;font-weight:400;color:var(--muted);font-size:.875rem;line-height:1.5}
.check input{width:18px;height:18px;padding:0;margin-top:.15rem;appearance:auto;accent-color:var(--brand);flex:none}
.form-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center;justify-content:space-between;margin-top:.5rem}
.form-foot small{color:var(--muted);font-size:.8125rem;max-width:22rem}
.form-msg{grid-column:1/-1;font-size:.9375rem;color:var(--ink);background:#fff;border-left:2px solid var(--brand);padding:.9rem 1rem}
@media(max-width:900px){.book .wrap{grid-template-columns:1fr}}
@media(max-width:560px){form{grid-template-columns:1fr}}

/* Artículos */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,2.5rem)}
.post{text-decoration:none;color:inherit;border-top:1px solid var(--ink);padding-top:1.5rem}
.post .label{display:block;margin-bottom:.9rem}
.post h3{font-size:1.625rem;line-height:1.2;transition:color .2s}
.post p{color:var(--muted);font-size:.9375rem;margin:.75rem 0 1.25rem}
.post:hover h3{color:var(--brand)}
@media(max-width:900px){.posts{grid-template-columns:1fr}}

/* Preguntas */
.faq{background:var(--pearl)}
.faq .wrap{display:grid;grid-template-columns:4fr 7fr;gap:clamp(3rem,8vw,8rem)}
.faq .side p{color:var(--muted);margin:1.5rem 0 2rem;max-width:22rem}
details{border-bottom:1px solid var(--line)}
details:first-child{border-top:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:2rem;padding:1.4rem 0;font-family:var(--serif);font-size:1.375rem;color:var(--ink);line-height:1.3}
summary::-webkit-details-marker{display:none}
summary i{flex:none;position:relative;width:14px;height:14px;margin-top:.45rem}
summary i::before,summary i::after{content:"";position:absolute;left:0;top:6px;width:14px;height:1px;background:var(--ink);transition:transform .25s}
summary i::after{transform:rotate(90deg)}
details[open] summary i::after{transform:rotate(0)}
details p{padding:0 3rem 1.6rem 0;color:var(--muted)}
@media(max-width:900px){.faq .wrap{grid-template-columns:1fr}}

/* Pie */
footer{background:#0A141C;color:rgba(255,255,255,.62);font-size:.9375rem;padding:5rem 0 2rem}
footer a{text-decoration:none;color:rgba(255,255,255,.86)}
footer a:hover{color:#fff}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}
.fgrid img{width:138px;height:auto;filter:brightness(0) invert(1);margin-bottom:1.5rem}
.social{display:flex;gap:.6rem;margin-top:1.5rem;list-style:none;padding:0}
.social a{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);color:#fff;transition:background .2s,border-color .2s}
.social a:hover{background:#fff;color:var(--ink);border-color:#fff}
.social svg{width:18px;height:18px;fill:currentColor}
.fgrid h4{font-family:var(--sans);font-weight:500;color:#fff;font-size:.875rem;margin:0 0 1.25rem}
.fgrid ul{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}
.fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:4rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.8125rem}
.fbot ul{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}
@media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.fgrid{grid-template-columns:1fr}}
.wa{position:fixed;right:20px;bottom:20px;z-index:60;width:56px;height:56px;display:grid;place-items:center;background:var(--ink);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 30px rgba(15,28,38,.25)}
.wa svg{width:24px;height:24px;fill:currentColor}
.wa:hover{background:#1E8E53}

body.inner{padding-top:88px}
body.inner .top{background:#fff;color:var(--ink);box-shadow:0 1px 0 var(--line)}
body.inner .top .logo img{filter:none}
body.inner .top .btn{border-color:var(--ink);background:var(--ink);color:#fff}
.phead{background:var(--pearl);padding:clamp(3rem,6vw,5rem) 0}
.phead .wrap{display:grid;grid-template-columns:6fr 5fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.crumbs{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8125rem;color:var(--muted)}
.crumbs li+li::before{content:"/";margin-right:.5rem;color:#B3B8BC}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.phead h1{font-size:clamp(2.6rem,1.5rem + 3.6vw,5rem);line-height:1.04;max-width:14ch}
.phead .lead{font-size:1.1875rem;color:var(--text);max-width:36rem;margin-top:1.5rem}
.phead .actions{display:flex;flex-wrap:wrap;gap:1.75rem;align-items:center;margin-top:2rem}
.phead figure{margin:0}
.phead figure img{width:100%;aspect-ratio:4/5;object-fit:cover}
.phead figcaption{font-size:.75rem;color:var(--muted);margin-top:.6rem}
@media(max-width:900px){.phead .wrap{grid-template-columns:1fr}.phead figure img{aspect-ratio:16/10}}
.article .wrap{display:grid;grid-template-columns:3fr 8fr;gap:clamp(2rem,6vw,6rem)}
.toc{position:sticky;top:120px;align-self:start;font-size:.9375rem}
.toc .label{display:block;margin-bottom:1rem}
.toc ol{list-style:none;padding:0;margin:0;border-left:1px solid var(--line)}
.toc a{display:block;padding:.45rem 0 .45rem 1.1rem;text-decoration:none;color:var(--muted);margin-left:-1px;border-left:1px solid transparent}
.toc a:hover{color:var(--ink);border-left-color:var(--brand)}
.toc a.btn{margin-top:2rem;width:100%;color:#fff;border:1px solid var(--ink);padding:1rem;margin-left:0}
.toc a.btn:hover{border-color:var(--ink2);color:#fff}
.prose{max-width:720px;min-width:0}
.prose h2{font-size:clamp(1.875rem,1.5rem + 1.2vw,2.5rem);line-height:1.12;margin:4rem 0 1.25rem;scroll-margin-top:120px}
.prose h2:first-child{margin-top:0}
.prose p+p{margin-top:1.1rem}
.prose ul{padding:0;list-style:none;margin:1.25rem 0;border-top:1px solid var(--line)}
.prose ul li{padding:.8rem 0 .8rem 1.75rem;border-bottom:1px solid var(--line);position:relative}
.prose ul li::before{content:"";position:absolute;left:0;top:1.45rem;width:.75rem;height:1px;background:var(--brand)}
.prose a{color:var(--ink);text-decoration-color:var(--brand);text-underline-offset:3px}
.note{margin-top:3rem;padding:1.75rem 2rem;background:var(--brand-soft);border-left:2px solid var(--brand)}
.note h3{font-size:1.375rem;margin-bottom:.5rem}
.note p{color:var(--text)}
.reviewed{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}
@media(max-width:900px){.article .wrap{grid-template-columns:1fr}.toc{position:static}.toc .btn{display:none}}
.others{background:var(--pearl)}
.others-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem 2rem}
.other{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--ink);padding:.75rem 0}
.other .ico{width:64px;height:64px;border-width:4px}
.other span:last-child{font-family:var(--serif);font-size:1.25rem;line-height:1.2}
.other:hover span:last-child{color:var(--brand)}
@media(max-width:900px){.others-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.others-grid{grid-template-columns:1fr}}
.band{background:var(--ink);color:rgba(255,255,255,.78);padding:clamp(4rem,8vw,6rem) 0}
.band .wrap{display:grid;grid-template-columns:1fr auto;gap:2.5rem;align-items:end}
.band h2{color:#fff;font-size:clamp(2rem,1.5rem + 2vw,3.25rem);line-height:1.08}
.band p{margin-top:1rem;max-width:36rem}
.band .actions{display:flex;flex-wrap:wrap;gap:1.75rem;align-items:center}
.band .link{color:#fff}
@media(max-width:860px){.band .wrap{grid-template-columns:1fr}}

.lead-l{font-size:1.1875rem;color:var(--text)}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,2.5vw,2rem)}
.card{display:block;text-decoration:none;color:inherit;background:#fff;border-top:2px solid var(--brand)}
.card figure{margin:0;overflow:hidden;aspect-ratio:3/2;background:var(--pearl)}
.card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.card:hover img{transform:scale(1.03)}
.card .in{padding:1.5rem 0}
.card h3{font-size:1.625rem;line-height:1.15}
.card p{color:var(--muted);font-size:.9375rem;margin:.6rem 0 1.1rem}
@media(max-width:900px){.cards3{grid-template-columns:1fr}}
.rows{border-top:1px solid var(--ink)}
.row{display:grid;grid-template-columns:4fr 6fr 2fr;gap:clamp(1.5rem,4vw,4rem);padding:2.25rem 0;border-bottom:1px solid var(--line)}
.row h2,.row h3{font-size:1.75rem;line-height:1.15}
.row h2 a,.row h3 a{text-decoration:none}.row h2 a:hover,.row h3 a:hover{color:var(--brand)}
.row p{color:var(--text)}
.row .time{text-align:right;font-size:.875rem;color:var(--muted)}
.row .time b{display:block;font-family:var(--serif);font-weight:400;font-size:1.5rem;color:var(--brand);line-height:1.1}
@media(max-width:900px){.row{grid-template-columns:1fr;gap:.75rem}.row .time{text-align:left}}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.three>div{border-top:1px solid var(--ink);padding-top:1.5rem}
.three h3{font-size:1.5rem;margin-bottom:.6rem}
.three p,.three li{color:var(--muted);font-size:.9375rem}
.three ul{padding-left:1.1rem;margin:0}
@media(max-width:900px){.three{grid-template-columns:1fr}}
.profile .wrap{display:grid;grid-template-columns:5fr 7fr;gap:clamp(2.5rem,7vw,7rem)}
.profile .portrait{position:sticky;top:120px;align-self:start;margin:0}
.profile .portrait img{width:100%;aspect-ratio:5/7;object-fit:cover}
.profile .portrait figcaption{font-size:.8125rem;color:var(--muted);margin-top:.9rem}
.profile h1{font-size:clamp(2.6rem,1.5rem + 3.4vw,4.75rem);line-height:1.04;margin:1.25rem 0 1.5rem}
.profile h2{font-size:1.875rem;margin:3.5rem 0 1.25rem}
.timeline{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.timeline li{display:grid;grid-template-columns:150px 1fr;gap:1.5rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}
.timeline time{font-family:var(--serif);font-size:1.25rem;color:var(--brand)}
.timeline b{display:block;font-weight:500;color:var(--ink)}
.timeline span{color:var(--muted);font-size:.9375rem}
.chips{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:0}
.chips li{border:1px solid var(--line);padding:.55rem .9rem;font-size:.9375rem}
.chips a{text-decoration:none}.chips a:hover{color:var(--brand)}
.quote{margin:3.5rem 0 0;padding:2.5rem 0 0;border-top:1px solid var(--line);font-family:var(--serif);font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem);line-height:1.3;color:var(--ink)}
.quote cite{display:block;font-family:var(--sans);font-style:normal;font-size:.875rem;color:var(--muted);margin-top:1rem}
.profile .actions{display:flex;flex-wrap:wrap;gap:1.75rem;align-items:center;margin-top:3rem}
@media(max-width:900px){.profile .wrap{grid-template-columns:1fr}.profile .portrait{position:static;max-width:440px}.timeline li{grid-template-columns:1fr;gap:.25rem}}
.gal{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:280px 280px;gap:12px}
.gal img{width:100%;height:100%;object-fit:cover}
.gal .g1{grid-row:span 2}
.gal-cap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:1.25rem;color:var(--muted);font-size:.875rem}
@media(max-width:760px){.gal{grid-template-columns:1fr 1fr;grid-template-rows:240px 160px 160px}.gal .g1{grid-column:span 2;grid-row:auto}}
.statement .wrap{display:grid;grid-template-columns:7fr 4fr;gap:clamp(3rem,8vw,8rem)}
.statement blockquote{font-family:var(--serif);font-size:clamp(1.6rem,1.2rem + 1.4vw,2.5rem);line-height:1.3;color:var(--ink)}
.facts{display:grid;gap:2.25rem;align-content:start;border-left:1px solid var(--line);padding-left:clamp(1.5rem,3vw,3rem);margin:0}
.facts dt{font-family:var(--serif);font-size:2.25rem;line-height:1;color:var(--ink)}
.facts dd{color:var(--muted);font-size:.9375rem;margin-top:.5rem}
@media(max-width:900px){.statement .wrap{grid-template-columns:1fr}.facts{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:2rem}}
.legal .prose h2{font-size:1.625rem;margin-top:2.75rem}
.post-meta{font-size:.875rem;color:var(--muted);margin-top:1.25rem}
.visit-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(3rem,7vw,7rem);align-items:start}
.visit-grid dl{display:grid;grid-template-columns:auto 1fr;gap:1rem 1.75rem;padding:1.75rem 0;border-block:1px solid var(--line);margin:0}
.visit-grid dt{font-size:.8125rem;color:var(--brand);padding-top:.15rem}
.visit-grid dd{color:var(--ink);margin:0}
.map{width:100%;min-height:420px;border:0;filter:grayscale(1) contrast(.95);margin-top:2rem}
@media(max-width:900px){.visit-grid{grid-template-columns:1fr}}

/* WordPress */
.admin-bar .top{top:32px}
@media(max-width:782px){.admin-bar .top{top:46px}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.al-skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:.75rem 1rem;z-index:1000}
.al-skip:focus{left:1rem;top:1rem}
.fgrid ul.social{display:flex;flex-direction:row;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0 0;padding:0}
.fgrid ul.social li{margin:0}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
label span[aria-hidden]{color:var(--brand);margin-left:.15rem}
.form-msg.is-ok{border-left-color:#1E8E53}
.form-msg a{color:var(--brand)}
.check a{color:var(--brand)}
.options{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.25rem,2.5vw,2rem)}
.option{background:var(--pearl);padding:clamp(1.75rem,3.5vw,2.75rem);border-top:2px solid var(--brand)}
.option h2{font-size:clamp(1.75rem,1.4rem + 1.2vw,2.4rem);line-height:1.1;margin:.75rem 0 1rem}
.option p{color:#3A4651}
.option ul{margin:1.25rem 0 1.75rem;padding-left:1.1rem;color:var(--muted);font-size:.9375rem}
.option .actions{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center}
@media(max-width:860px){.options{grid-template-columns:1fr}}
.book-solo .wrap{display:block!important;max-width:900px}
/* Slider (video + imágenes) */
.hero-media,.hero-m{position:absolute;inset:0}
.hero-m{opacity:0;transition:opacity 1.2s ease;z-index:0}
.hero-m.is-on{opacity:1}
.hero-m .poster,.hero-m video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero--multi .hero-m.is-on img.poster{animation:kb 12s ease-out both}
@keyframes kb{from{transform:scale(1.06)}to{transform:scale(1)}}
.hero-texts{display:grid}
.hero-txt{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s .8s}
.hero-txt.is-on{opacity:1;visibility:visible;transition:opacity .8s ease .2s,visibility 0s}
.hero .hero-t{font-family:var(--serif);font-weight:400;color:#fff;font-size:clamp(2.75rem,1.6rem + 4.6vw,6rem);line-height:1.02;max-width:13ch;margin:0;letter-spacing:-.005em;text-wrap:balance}
.hero .hero-p{max-width:34rem;margin-top:1.5rem;font-size:1.125rem;color:rgba(255,255,255,.88)}
.hero-nav{display:flex;align-items:center;gap:.5rem;margin-top:2.25rem}
.hero-dot{width:34px;height:2px;padding:0;border:0;background:rgba(255,255,255,.35);cursor:pointer;transition:background .3s}
.hero-dot.is-on{background:#fff}
.hero-dot{position:relative}
.hero-dot::before{content:"";position:absolute;inset:-12px 0}
.hero-arr{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.45);background:transparent;color:#fff;cursor:pointer;transition:background .2s,color .2s}
.hero-arr:hover{background:#fff;color:var(--ink)}
.hero-arr:first-child{margin-right:.5rem}
.hero-arr:last-child{margin-left:.5rem}
@media(prefers-reduced-motion:reduce){.hero-m,.hero-txt{transition:none}.hero--multi .hero-m.is-on img.poster{animation:none}}
/* Variantes */
.split--der figure{order:2}
@media(max-width:900px){.split--der figure{order:0}}
.prep--blanco{background:#fff}
.prep--blanco .prep-grid>div{background:var(--pearl)}
/* Sección libre */
.libre--perla{background:var(--pearl)}
.libre--oscuro{background:var(--ink);color:rgba(255,255,255,.8)}
.libre--oscuro h2,.libre--oscuro h3{color:#fff}
.libre-in{max-width:880px}
.libre-in>*+*{margin-top:1.25rem}
.libre-in h2{font-size:clamp(1.875rem,1.5rem + 1.2vw,2.5rem);line-height:1.12;margin-top:3rem}
.libre-in h3{font-size:1.5rem;line-height:1.2;margin-top:2rem}
.libre-in h2:first-child,.libre-in h3:first-child{margin-top:0}
.libre-in img{height:auto}
.libre-in figure{margin:2rem 0}
.libre-in figcaption{font-size:.8125rem;color:var(--muted);margin-top:.5rem}
.libre-in ul{padding-left:1.2rem}
.libre-in a{color:var(--brand)}
.libre-in .wp-block-columns{display:flex;flex-wrap:wrap;gap:clamp(1.5rem,3vw,3rem)}
.libre-in .wp-block-column{flex:1 1 260px;min-width:0}
.libre-in .alignwide,.libre-in .alignfull,.libre-in .wp-block-columns{max-width:none;width:min(1152px,calc(100vw - 2*var(--gut)))}
.libre-in .wp-block-buttons{display:flex;flex-wrap:wrap;gap:1rem}
.libre-in .wp-block-button__link{display:inline-flex;font:500 .9375rem/1.2 var(--sans);text-decoration:none;padding:1rem 1.75rem;background:var(--brand);color:#fff;border-radius:0}
.libre-in .is-style-outline .wp-block-button__link{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.libre-in .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.libre-in .wp-block-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}
.libre-in blockquote{margin:2rem 0;padding-left:1.5rem;border-left:2px solid var(--brand);font-family:var(--serif);font-size:1.5rem;line-height:1.35;color:var(--ink)}
.libre-in hr{border:0;border-top:1px solid var(--line);margin:2.5rem 0}
.libre-in .wp-block-embed iframe{width:100%;aspect-ratio:16/9;height:auto}

.book+.articulos{padding-top:0}
/* ===== Identidad de Alergo's (colores y fuentes del sitio anterior) ===== */
:root{
	--ink:#22374A; --ink2:#2D4760; --pearl:#F4F6F8; --line:#E5E5E5; --line-dk:rgba(255,255,255,.18);
	--text:#4A4A4A; --muted:#666666; --brand:#5A81A2; --brand-dk:#4A6E8C; --brand2:#728BC4; --brand-lt:#9CC8ED; --brand-soft:#EEF3F8;
	--serif:"Montserrat","Helvetica Neue",Arial,sans-serif;
	--sans:"Open Sans","Helvetica Neue",Arial,sans-serif;
	--quote:"PT Serif",Georgia,serif;
}
body{font-size:16px;line-height:1.75}
h1,h2,h3,.hero .hero-t{font-weight:600;letter-spacing:-.015em}
h3{font-weight:600}
.hero h1,.hero .hero-t{font-size:clamp(2.35rem,1.3rem + 3.6vw,4.6rem);line-height:1.08;max-width:15ch}
.phead h1{font-size:clamp(2.2rem,1.4rem + 2.8vw,3.9rem);line-height:1.1}
.profile h1{font-size:clamp(2.2rem,1.4rem + 2.6vw,3.7rem);line-height:1.1}
.head h2,.h2{font-size:clamp(1.9rem,1.4rem + 1.9vw,2.9rem);line-height:1.12}
.doctor h2{font-size:clamp(2rem,1.4rem + 2.1vw,3.1rem);line-height:1.1}
.split h2{font-size:clamp(1.9rem,1.4rem + 1.9vw,2.8rem);line-height:1.12}
.band h2{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.6rem);line-height:1.15}
.prose h2,.libre-in h2{font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);line-height:1.2}
.prep-grid h3,.row h2,.row h3{font-size:1.25rem}
.steps h3,.post h3,.card h3{font-size:1.2rem;line-height:1.3}
.cond h3{font-size:1.15rem}
summary{font-size:1.1rem;font-weight:600;line-height:1.4}
.steps b,.row .time b{font-weight:700;font-size:2.4rem}
.strip dt,.facts dt{font-weight:700;font-size:2rem;color:var(--brand)}
/* Marca del sitio anterior: barra de color bajo los títulos de sección */
.head h2::after,.faq .side h2::after,.book aside h2::after{content:"";display:block;width:48px;height:3px;background:var(--brand);margin-top:1.1rem}
/* Citas en PT Serif itálica, como antes */
.doctor blockquote,.quote,.statement blockquote,.libre-in blockquote,blockquote{font-family:var(--quote);font-style:italic;font-weight:400;letter-spacing:0}
/* Etiquetas y botones */
.label{font-family:var(--serif);font-weight:600;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.btn{font-family:var(--serif);font-weight:600;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase;border-color:var(--brand);background:var(--brand)}
.btn:hover{background:var(--brand-dk);border-color:var(--brand-dk)}
.btn--brand{background:var(--brand);border-color:var(--brand)}
.btn--brand:hover{background:var(--brand-dk);border-color:var(--brand-dk)}
.btn--light{background:#fff;color:var(--ink);border-color:#fff}
.btn--light:hover{background:var(--brand-lt);border-color:var(--brand-lt);color:var(--ink)}
.link{color:var(--brand2);font-weight:600}
.on-dark .link,.hero .link,.band .link,.split .link{color:#fff}
.prose a,.check a,.form-msg a,.libre-in a{color:var(--brand2)}
/* Menú: página actual con el azul del sitio anterior */
.top nav a[aria-current="page"],.top .current-menu-item>a{color:var(--brand)}
.top .btn{font-size:.75rem}
/* Superficies */
footer{background:#1B2C3B}
.hero::after{background:linear-gradient(180deg,rgba(34,55,74,.55) 0%,rgba(34,55,74,.12) 30%,rgba(34,55,74,.35) 60%,rgba(34,55,74,.9) 100%)}
.prep{background:var(--brand-soft)}
.option,.prep-grid>div{border-top-color:var(--brand)}
.top nav ul{font-family:var(--serif);font-weight:500;font-size:.8125rem;letter-spacing:.06em;text-transform:uppercase}
.top.is-solid .btn,body.inner .top .btn,.toc a.btn{background:var(--brand);border-color:var(--brand);color:#fff}
.top.is-solid .btn:hover,body.inner .top .btn:hover,.toc a.btn:hover{background:var(--brand-dk);border-color:var(--brand-dk)}

/* ===== Diseño clásico de Alergo's (estructura y estilo del sitio anterior) ===== */
:root{--ink:#1D1D1D;--pearl:#F0F0F0;--line:#E5E5E5;--text:#666666;--muted:#666666;--brand:#5A81A2;--brand-dk:#4D7290;--brand2:#728BC4;--brand-lt:#9CC8ED;--brand-soft:#F0F0F0;--max:1230px;--gut:clamp(18px,3vw,24px)}
body{font-size:15px;line-height:1.85;color:var(--text)}
h1,h2,h3,.hero .hero-t{color:var(--ink);font-weight:600;letter-spacing:0}
section{padding:clamp(3.5rem,7vw,5.5rem) 0}
.wrap{max-width:calc(var(--max) + 2*var(--gut))}

/* Encabezado: barra superior + menú blanco */
.topbar{border-bottom:1px solid var(--line);font-size:13px;color:var(--text);background:#fff}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:46px}
.topbar-info{display:flex;flex-wrap:wrap;gap:.4rem 1.75rem;list-style:none;margin:0;padding:0}
.topbar-info li{display:flex;align-items:center;gap:.5rem}
.topbar-info svg{width:14px;height:14px;fill:var(--brand)}
.topbar-info a{text-decoration:none;color:var(--text)}
.topbar-info a:hover{color:var(--brand)}
.topbar ul.social{display:flex;gap:.4rem;margin:0;padding:0;list-style:none}
.topbar ul.social a{width:30px;height:30px;display:grid;place-items:center;color:var(--text);border:1px solid var(--line)}
.topbar ul.social a:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.topbar ul.social svg{width:14px;height:14px;fill:currentColor}
body.inner,body{padding-top:0}
.top,body.inner .top{position:sticky;top:0;background:#fff;color:var(--text);box-shadow:0 2px 12px rgba(0,0,0,.06)}
.admin-bar .top{top:32px}
@media(max-width:782px){.admin-bar .top{top:46px}}
.top .wrap{height:84px;gap:1.5rem}
.top .logo img,body.inner .top .logo img,.top.is-solid .logo img{filter:none;width:auto;height:52px;max-height:none}
.top nav ul{gap:.15rem;font-family:var(--sans);font-weight:400;font-size:13.5px;letter-spacing:.02em;text-transform:uppercase}
.top nav a{display:block;padding:.65rem .95rem;color:var(--text);opacity:1;transition:background .2s,color .2s}
.top nav a:hover,.top nav a.is-current{background:var(--brand);color:#fff;text-decoration:none}
.top .btn,body.inner .top .btn,.top.is-solid .btn{background:var(--brand2);border-color:var(--brand2);color:#fff;padding:.7rem 1.1rem;font-size:13px}
.top .btn:hover,body.inner .top .btn:hover{background:var(--brand);border-color:var(--brand)}
.top .menu-btn{color:var(--ink)}
@media(max-width:1000px){.topbar-info li:first-child{display:none}}
@media(max-width:700px){.topbar{display:none}.top .logo img{height:42px}}
.top.open nav{top:84px}
.top.open nav a{padding:.6rem 0}
.top.open nav a:hover,.top.open nav a.is-current{background:transparent;color:var(--brand)}

/* Botones (como los del sitio anterior) */
.btn{font-family:var(--sans);font-weight:400;font-size:14px;letter-spacing:.02em;text-transform:uppercase;padding:15px 28px;background:var(--brand);border:1px solid var(--brand);color:#fff}
.btn:hover,.btn--brand:hover{background:var(--brand2);border-color:var(--brand2)}
.btn--brand{background:var(--brand);border-color:var(--brand)}
.btn--light{background:transparent;color:#fff;border-color:#fff}
.btn--light:hover{background:#fff;color:var(--brand);border-color:#fff}
.btn--line{background:transparent;color:#fff;border-color:rgba(255,255,255,.85)}
.btn--line:hover{background:#fff;color:var(--brand)}
.link{color:var(--brand2);font-weight:600;font-size:14px}
.label{font-family:var(--serif);font-weight:600;font-size:12px;letter-spacing:.08em;color:var(--brand)}

/* Títulos de sección con la barra de color (como antes) */
.head{display:block;margin-bottom:clamp(2rem,4vw,3rem)}
.head h2,.h2{font-size:clamp(1.6rem,1.2rem + 1.2vw,1.9rem);line-height:1.35}
.head h2::after,.faq .side h2::after,.book aside h2::after,.doctor h2::after,.split h2::after,.phead h1::after,.profile h1::after{content:"";display:block;width:40px;height:2px;background:var(--brand);margin-top:.9rem}
.head p{max-width:46rem;margin-top:1.25rem;justify-self:auto;color:var(--text)}
.doctor h2{font-size:clamp(1.6rem,1.2rem + 1.3vw,2rem);line-height:1.3;margin:.6rem 0 1.25rem}
.phead h1,.profile h1{font-size:clamp(1.8rem,1.3rem + 1.6vw,2.4rem);line-height:1.25}
.prose h2,.libre-in h2{font-size:1.5rem}
.band h2{font-size:clamp(1.5rem,1.2rem + 1vw,1.9rem)}
p{text-wrap:pretty}

/* Slider */
.hero{min-height:min(78vh,700px)}
.hero::after{background:linear-gradient(90deg,rgba(20,30,40,.62) 0%,rgba(20,30,40,.3) 55%,rgba(20,30,40,.05) 100%)}
.hero h1,.hero .hero-t{color:#fff;font-size:clamp(2rem,1.3rem + 2.6vw,3.4rem);line-height:1.15;max-width:18ch}
.hero .hero-p{font-size:1.05rem}
.hero .actions{gap:1.25rem}
.hero .btn--light{background:var(--brand);border-color:var(--brand)}
.hero .btn--light:hover{background:var(--brand2);border-color:var(--brand2);color:#fff}
.hero-aside{border-color:rgba(255,255,255,.35)}

/* Cajas de colores */
.cajas{padding:0;position:relative;z-index:2}
.cajas-in{display:grid;grid-template-columns:repeat(3,1fr)}
.caja{padding:28px 30px 32px;color:rgba(255,255,255,.92);display:flex;flex-direction:column;align-items:flex-start}
.caja--1{background:var(--brand)}
.caja--2{background:var(--brand-lt);color:#1F3346}
.caja--3{background:var(--brand2)}
.caja h2{color:#fff;font-size:1.5rem;font-weight:400;margin-bottom:.75rem}
.caja--2 h2{color:#1F3346}
.caja p{font-size:14px;line-height:1.7;margin-bottom:1.25rem}
.caja dl{width:100%;margin:0 0 .5rem;font-size:14px}
.caja dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.3)}
.caja dt{font-weight:400}.caja dd{margin:0;text-align:right}
.caja .btn{margin-top:auto;padding:11px 18px;font-size:13px}
.caja--2 .btn--line{color:#1F3346;border-color:#1F3346}
.caja--2 .btn--line:hover{background:#1F3346;color:#fff}
@media(max-width:860px){.cajas-in{grid-template-columns:1fr}}

/* Cifras: línea o banda con foto */
.strip{border-bottom:0}
.strip dt{color:var(--brand)}
.strip--banda{position:relative;background:#2E3033 center/cover no-repeat;background-attachment:fixed;padding:clamp(4.5rem,9vw,7rem) 0;color:#fff}
.strip--banda::before{content:"";position:absolute;inset:0;background:rgba(30,45,60,.72)}
.strip--banda .wrap{position:relative}
.strip--banda dl>div{border-left:0;padding-left:0;text-align:center}
.strip--banda dt{color:#fff;font-family:var(--sans);font-weight:300;font-size:clamp(2.4rem,1.8rem + 2vw,3.2rem)}
.strip--banda dd{color:rgba(255,255,255,.85);text-transform:uppercase;font-size:13px;letter-spacing:.05em;max-width:16rem;margin:.8rem auto 0}
.strip--banda dd a{color:#fff}
@media(hover:none){.strip--banda{background-attachment:scroll}}

/* Especialista */
.doctor{background:#fff}
.doctor figure::before,.doctor figure::after{display:none}
.cred{border-top:1px solid var(--line)}
.cred dt{color:var(--brand)}

/* Foto y texto: fondo gris como las secciones del sitio anterior */
.split,.split.on-dark{background:var(--pearl);color:var(--text)}
.split h2,.split.on-dark h2{color:var(--ink);font-size:clamp(1.6rem,1.2rem + 1.2vw,1.9rem);line-height:1.35}
.split .link,.split.on-dark .link{color:var(--brand2)}
.split .label,.on-dark.split .label{color:var(--brand)}
.split .tests li,.split.on-dark .tests li{border-color:var(--line);color:var(--text)}
.split .tests a{color:var(--ink)}
.split .tests span{color:var(--brand)}

/* Listas con viñeta de verificación */
.prose ul li::before,.libre-in ul li::before{content:"";position:absolute;left:0;top:1.15rem;width:12px;height:7px;border-left:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(-45deg);background:none}

/* Tarjetas y artículos con fondo gris */
.post{background:var(--pearl);padding:1.75rem;border-top:0}
.card .in{background:var(--pearl)}
.card h3,.post h3{font-size:1.05rem;line-height:1.4}
.card h3{text-transform:uppercase;letter-spacing:.02em}
.steps b{color:var(--brand)}
.prep,.prep--blanco{background:var(--pearl)}
.prep-grid>div{background:#fff;border-top:3px solid var(--brand)}
.option{background:var(--pearl);border-top:3px solid var(--brand)}

/* Preguntas frecuentes como acordeón */
.faq{background:#fff}
.faq details{border:1px solid var(--line);border-bottom:0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{padding:1rem 1.25rem;font-size:1rem}
.faq details[open] summary{background:var(--brand2);color:#fff}
.faq details[open] summary i{filter:brightness(0) invert(1)}
.faq details p{padding:1rem 1.25rem 1.25rem}

/* Franja de llamado en azul */
.band{background:var(--brand);color:rgba(255,255,255,.9)}
.band h2{color:#fff}

/* Encabezado de páginas internas */
.phead{background:var(--pearl)}
.crumbs a{color:var(--brand2)}

/* Pie de página */
footer{background:#2E3033;color:#A4A9AE;padding:0}
footer .fgrid{padding:3.5rem 0 3rem}
footer .fgrid h4{font-family:var(--serif);font-weight:600;color:#fff;font-size:1.05rem}
footer .fgrid h4::after{content:"";display:block;width:40px;height:2px;background:var(--brand);margin-top:.75rem}
footer a{color:#D5D8DB}
footer a:hover{color:#fff}
footer .fgrid img{filter:brightness(0) invert(1);opacity:.95}
.fbanners ul{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}
.fbanners li a{display:flex;align-items:center;gap:1.1rem;padding:30px;color:#fff;text-decoration:none;height:100%}
.fbanners .fb1{background:var(--brand)}.fbanners .fb2{background:var(--brand-lt)}.fbanners .fb3{background:var(--brand2)}
.fbanners .fb2 a{color:#1F3346}
.fbanners svg{width:38px;height:38px;fill:currentColor;flex:none;opacity:.9}
.fbanners span{font-family:var(--serif);font-weight:300;font-size:1.6rem;line-height:1.2}
.fbanners small{display:block;font-family:var(--sans);font-size:13px;text-transform:uppercase;letter-spacing:.05em;opacity:.85;margin-bottom:.3rem}
.fbanners li a:hover span{text-decoration:underline;text-underline-offset:5px}
@media(max-width:860px){.fbanners ul{grid-template-columns:1fr}}
.fbot{display:block;background:#151515;color:#BAC0C5;padding:1.6rem 0;margin:0;border:0}
.fbot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:13px}
.fbot a{color:#BAC0C5}
.fgrid ul.social a{border-color:rgba(255,255,255,.2)}

/* Botón de WhatsApp verde y redondo, como antes */
.wa{background:#25D366;border:0;border-radius:50%;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.wa:hover{background:#1EBE5A}
.strip--banda dl{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.strip--banda dl{grid-template-columns:repeat(2,minmax(0,1fr))}.strip--banda dt{font-size:1.75rem}}
.phead h1::after,.profile h1::after{background:var(--brand)!important;width:40px!important;height:2px!important}