@font-face{font-family:'Figtree';src:url('/assets/fonts/figtree.woff2') format('woff2');font-weight:300 900;font-style:normal;font-display:swap}

/* Paleta: olivo (base), corinto con blanco (elegancia y acción), dorado (luz) */
:root{
  --white:#FFFFFF; --cream:#F8F4EE; --mist:#EEF2EA; --sage:#D9E3CF; --sage-2:#C5D4B9;
  --night:#1C2419; --olive:#2F3E2B; --olive-mid:#55704A;
  --wine:#7A1F35; --wine-2:#922B45; --wine-soft:#F4E3E8;
  --gold:#D2A445; --gold-soft:#F7EBCB;
  --ink:#1C2419; --ink-2:#545B50; --line:#E3E6DE;
  --font:'Figtree','Proxima Nova','Helvetica Neue',Arial,system-ui,sans-serif;
  --r-xl:36px; --r-lg:24px; --r-md:18px;
  color-scheme:light;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
/* El sitio se mantiene claro también de noche; solo se suaviza el blanco */
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){ --white:#F7F6F2; --cream:#F0ECE4; } }
:root[data-theme="dark"]{ --white:#F7F6F2; --cream:#F0ECE4; }

*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 5.5rem);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font);font-size:1.125rem;line-height:1.6}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--night)}
h1,h2,h3{margin:0;color:var(--ink);font-weight:800;letter-spacing:-.02em;line-height:1.12;text-wrap:balance}
h1{font-size:clamp(2.6rem,6vw,4.25rem);letter-spacing:-.03em;line-height:1.04}
h2{font-size:clamp(1.9rem,3.6vw,2.6rem)}
h3{font-size:1.3rem;font-weight:700;letter-spacing:-.01em}
p{margin:0}
a{color:var(--wine);text-decoration-thickness:2px;text-underline-offset:.18em}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:12px}
h1:focus,h2:focus{outline:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:1rem;top:-4rem;background:var(--wine);color:#fff;padding:.6rem 1rem;z-index:50;border-radius:999px;text-decoration:none}
.skip:focus{top:1rem}
.wrap{max-width:78rem;margin:0 auto;padding:0 clamp(1.15rem,4vw,2.5rem)}
.narrow{max-width:62rem}
.art{display:block}
.ic svg,.art svg{display:block;width:100%;height:100%}
.ln{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ln .f{fill:currentColor}

/* Botones en píldora */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font:700 1.0625rem var(--font);padding:.95rem 1.6rem;border-radius:999px;border:2px solid transparent;text-decoration:none;cursor:pointer;min-height:3.4rem;line-height:1.2;transition:transform .15s ease,background-color .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn-wine{background:var(--wine);color:#fff}
.btn-wine:hover{background:var(--wine-2)}
.btn-line{background:var(--white);color:var(--wine);border-color:var(--wine)}
.btn-white{background:#fff;color:var(--wine)}
.btns{display:flex;flex-wrap:wrap;gap:.8rem}
.go{flex:none;width:3.4rem;height:3.4rem;border-radius:50%;background:#fff;color:var(--wine);display:grid;place-items:center;transition:transform .2s ease}
.go svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
a:hover .go,button:hover .go{transform:translateX(4px)}
.label{display:block;font-weight:600;font-size:1rem;color:var(--olive-mid);margin-bottom:.35rem}
.more-link{font-weight:700;color:var(--wine);white-space:nowrap}
.sec{padding:clamp(3rem,6vw,4.5rem) 0}
.sec-top{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}

/* Encabezado (como la barra negra de Healthline, en olivo nocturno) */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--night)}
.top .wrap{max-width:96rem}
.top-in{display:flex;align-items:center;gap:1.5rem;min-height:5rem}
.brand{display:block;flex:none;line-height:0}
.brand svg{height:44px;width:auto}
.nav{display:flex;align-items:center;gap:1.25rem}
.nav a{color:#fff;text-decoration:none;font-weight:700;font-size:1rem;white-space:nowrap;padding:.3rem 0;border-bottom:3px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{border-bottom-color:var(--gold)}
.tools-top{margin-left:auto;display:flex;align-items:center;gap:.9rem}
.icon-btn{width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;color:#fff;background:none;border:0;cursor:pointer;text-decoration:none}
.icon-btn svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
.icon-btn:hover{background:rgba(255,255,255,.1)}
.pill-top{color:#fff;border:1.5px solid #fff;border-radius:999px;padding:.45rem 1rem;font-weight:700;font-size:.9375rem;text-decoration:none;white-space:nowrap;background:none;cursor:pointer;font-family:var(--font)}
.pill-top.help{border-color:var(--gold);color:var(--gold)}
.pill-top:hover{background:rgba(255,255,255,.1)}
.menu-btn{display:none}
.nav .only-menu{display:none}
@media (max-width:1240px){
  .menu-btn{display:grid}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--night);flex-direction:column;align-items:flex-start;padding:1rem clamp(1.15rem,4vw,2.5rem) 1.75rem;gap:1.1rem}
  .nav.open{display:flex}
  .nav .only-menu{display:inline}
  .top .wrap{position:relative}
  .hide-sm{display:none}
}
@media (max-width:520px){.top-in{gap:.6rem}.brand svg{height:30px}.tools-top{gap:.25rem}.pill-top{padding:.38rem .65rem;font-size:.8125rem}.icon-btn{width:2.4rem;height:2.4rem}}

/* Franja de compromisos en movimiento */
.ticker{background:var(--mist);overflow:hidden;position:relative}
.ticker-track{display:flex;width:max-content;animation:tick 48s linear infinite}
.ticker.paused .ticker-track{animation-play-state:paused}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker ul{display:flex;list-style:none;margin:0;padding:1.05rem 0;gap:3rem;padding-right:3rem}
.ticker li{display:flex;align-items:center;gap:.65rem;white-space:nowrap;font-size:1.0625rem;color:var(--ink-2)}
.ticker li b{color:var(--ink);font-weight:700}
.ticker li .ic{width:1.6rem;height:1.6rem;color:var(--wine)}
.ticker-pause{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;border-radius:50%;border:0;background:var(--mist);color:var(--ink);cursor:pointer;display:grid;place-items:center;box-shadow:-14px 0 14px var(--mist)}
.ticker-pause svg{width:1rem;height:1rem;fill:currentColor}

/* Portada */
.hero{padding:clamp(2rem,5vw,3.5rem) 0 clamp(2.5rem,5vw,3.5rem)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(2rem,4vw,3.5rem);align-items:start}
.feature .art{border-radius:var(--r-xl);overflow:hidden;aspect-ratio:16/10;background:var(--sage)}
.feature .date{display:block;color:var(--wine);font-weight:700;margin:1.4rem 0 .4rem}
.feature h1{margin-bottom:.9rem}
.feature .lede{font-size:1.25rem;color:var(--ink-2);max-width:40rem;margin-bottom:1.6rem}
.sunrise{animation:rise 2s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{transform:translateY(80px)}to{transform:translateY(0)}}
.start h2{display:flex;align-items:center;gap:.6rem;font-size:1.9rem;margin-bottom:1.25rem}
.start h2 .ic{width:2.4rem;height:2.4rem;color:var(--wine)}
.start ul{list-style:none;margin:0;padding:0;display:grid;gap:1.4rem}
.start a,.start button{display:grid;grid-template-columns:8.5rem 1fr;gap:1.1rem;align-items:center;text-decoration:none;color:var(--ink);background:none;border:0;padding:0;font:inherit;text-align:left;cursor:pointer;width:100%}
.thumb{border-radius:var(--r-md);aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden}
.thumb .ic{width:46%;height:auto;aspect-ratio:1}
.start strong{display:block;font-size:1.3rem;line-height:1.25;font-weight:700}
.start a:hover strong,.start button:hover strong{color:var(--wine)}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}

/* Carrusel de adicciones */
.who{display:inline-flex;gap:.5rem;flex-wrap:wrap}
.who button,.tabs button{font:700 1rem var(--font);border:0;border-radius:999px;padding:.85rem 1.4rem;cursor:pointer;background:#EFEFEC;color:var(--ink)}
.who button[aria-pressed="true"],.tabs button[aria-selected="true"]{background:var(--wine);color:#fff}
.rail-wrap{position:relative;margin-top:1.75rem}
.rail{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:1rem;scrollbar-width:thin;cursor:grab}
.rail.dragging{cursor:grabbing;scroll-snap-type:none}
.rail > a{flex:0 0 clamp(14rem,22vw,17.5rem);scroll-snap-align:start;text-decoration:none;color:var(--ink)}
.rail .art{border-radius:var(--r-xl);aspect-ratio:3/4;overflow:hidden;transition:transform .25s ease}
.rail > a:hover .art{transform:translateY(-6px)}
.rail h3{font-size:1.5rem;margin-top:1rem}
.rail p{color:var(--ink-2);font-size:1rem;margin-top:.2rem}
.rail-btns{display:flex;gap:.6rem}
.rail-btns button{width:3rem;height:3rem;border-radius:50%;border:2px solid var(--wine);background:#fff;color:var(--wine);cursor:pointer;display:grid;place-items:center}
.rail-btns svg{width:1.2rem;height:1.2rem;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.rail-btns button:hover{background:var(--wine);color:#fff}

/* Herramientas */
.tools{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:1.5rem}
.tool-big{border-radius:var(--r-xl);background:linear-gradient(180deg,var(--sage),var(--mist));padding:clamp(1.75rem,4vw,3rem);text-align:center;display:flex;flex-direction:column;align-items:center}
.tool-big h3{font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:800;margin-bottom:.8rem}
.tool-big p{color:var(--ink-2);max-width:34rem;margin-bottom:1.5rem}
.clocks{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.75rem}
.clock{background:#fff;border-radius:999px;padding:.55rem 1rem;font-size:.9375rem;color:var(--ink-2);white-space:nowrap}
.clock b{color:var(--ink);font-variant-numeric:tabular-nums;margin-right:.4rem}
.tool-col{display:grid;gap:1.5rem}
.tool-s{display:flex;align-items:center;gap:1rem;border-radius:var(--r-xl);padding:1.6rem 1.75rem;text-decoration:none;color:var(--ink);background:var(--mist)}
.tool-s:nth-child(2){background:var(--gold-soft)}
.tool-s:nth-child(3){background:var(--wine-soft)}
.tool-s strong{display:block;font-size:1.2rem;line-height:1.3}
.tool-s > span:first-child{flex:1}
.tools-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:1.5rem;margin-top:1.5rem}
.breathe{border-radius:var(--r-xl);background:var(--wine);color:#fff;padding:1.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
.breathe .label{color:#F2C9D3}
.breathe strong{font-size:1.4rem;line-height:1.25}
.orb-wrap{width:100%;display:grid;place-items:center;min-height:10rem}
.orb{width:5.5rem;height:5.5rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--gold-soft),var(--gold));transition:transform 4s ease-in-out;display:grid;place-items:center;color:var(--night);font-weight:700;font-size:.9375rem;text-align:center}
.orb.big{transform:scale(1.65)}
.fam-card{border-radius:var(--r-xl);background:var(--olive-mid);color:#fff;padding:clamp(1.75rem,4vw,2.75rem);display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center;text-decoration:none}
.fam-card h3{color:#fff;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin-bottom:.6rem}
.fam-card p{color:#E7EEE1}
.fam-card .art{width:9rem;aspect-ratio:1;color:#fff}
@media (max-width:900px){.tools,.tools-2{grid-template-columns:1fr}.fam-card{grid-template-columns:1fr}.fam-card .art{display:none}}

/* Pestañas de lectura recomendada */
.tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}
.reads{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 3rem}
.reads li{display:grid;grid-template-columns:9.5rem 1fr;gap:1.4rem;align-items:start}
.reads .thumb{aspect-ratio:4/3}
.reads strong{display:block;font-size:1.25rem;line-height:1.3;margin-bottom:.3rem}
.reads p{color:var(--ink-2);font-size:1.0625rem}
.reads a{color:inherit;text-decoration:none}
.reads a:hover strong{color:var(--wine)}
@media (max-width:820px){.reads{grid-template-columns:1fr}.reads li{grid-template-columns:7rem 1fr}}

/* Por qué confiar */
.trust{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.trust .art{border-radius:var(--r-xl);overflow:hidden;aspect-ratio:3/2;background:var(--night)}
.trust-list{display:grid;gap:1.6rem}
.trust-item{display:grid;grid-template-columns:5px 1fr;gap:1.4rem;background:none;border:0;padding:0;text-align:left;font:inherit;cursor:pointer;color:inherit}
.trust-item .bar{border-radius:4px;background:transparent;position:relative;overflow:hidden}
.trust-item[aria-selected="true"] .bar{background:var(--line)}
.trust-item[aria-selected="true"] .bar::after{content:"";position:absolute;left:0;right:0;top:0;height:100%;background:var(--wine);transform-origin:top;animation:fill 6.5s linear both}
.trust.static .trust-item[aria-selected="true"] .bar::after{animation:none}
@keyframes fill{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.trust-item strong{display:block;font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.2;color:#C7CCC3;transition:color .2s ease;font-weight:800;letter-spacing:-.015em}
.trust-item[aria-selected="true"] strong{color:var(--ink)}
.trust-item p{display:none;color:var(--ink-2);margin-top:.6rem}
.trust-item[aria-selected="true"] p{display:block}
@media (max-width:900px){.trust{grid-template-columns:1fr}}

/* Programas destacados */
.featured{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.feat{border-radius:var(--r-xl);overflow:hidden;aspect-ratio:2/3;position:relative;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.75rem 1.25rem}
.feat .kicker{font-weight:700;font-size:.875rem;letter-spacing:.08em;text-transform:uppercase}
.feat h3{font-size:clamp(1.35rem,2.1vw,1.75rem);font-weight:800;margin-top:.3rem;line-height:1.1}
.feat .art{position:absolute;left:0;right:0;bottom:0;height:54%}
.feat .foot-note{position:absolute;bottom:1.1rem;left:0;right:0;font-weight:700;font-size:.875rem;letter-spacing:.06em;text-transform:uppercase}
.feat:hover h3{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.15em}
@media (max-width:980px){.featured{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.featured{grid-template-columns:1fr}.feat{aspect-ratio:4/5}}

/* Páginas internas (como la cabecera de tema de Healthline) */
.band{background:var(--mist);position:relative;overflow:hidden;padding:clamp(2.5rem,6vw,4.5rem) 0;text-align:center}
.band::before,.band::after{content:"";position:absolute;border-radius:50%;background:var(--sage);opacity:.7}
.band::before{width:28rem;height:28rem;left:-10rem;top:-12rem}
.band::after{width:20rem;height:20rem;right:-6rem;bottom:-12rem;background:var(--gold-soft)}
.band .wrap{position:relative;z-index:1}
.crumb{font-weight:600;color:var(--ink-2);margin-bottom:.9rem}
.crumb a{color:var(--ink-2)}
.band h1{font-size:clamp(2.4rem,6vw,4rem);margin:0 auto .9rem;max-width:20ch}
.band .lede{font-size:1.25rem;color:var(--ink-2);max-width:44rem;margin:0 auto}
.jump{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin-top:2rem;max-width:62rem;margin-left:auto;margin-right:auto}
.jump button,.jump a{background:#fff;border:0;border-radius:var(--r-md);min-height:5.5rem;padding:1rem;font:700 1.0625rem var(--font);color:var(--ink);cursor:pointer;text-decoration:none;display:grid;place-items:center;transition:transform .15s ease}
.jump button:hover,.jump a:hover{transform:translateY(-3px);color:var(--wine)}
.pbody{padding-top:clamp(2rem,5vw,3rem);padding-bottom:clamp(3rem,7vw,5rem)}
.block{margin-top:clamp(2.5rem,5vw,3.5rem)}
.block:first-child{margin-top:0}
.block > h2{font-size:clamp(1.7rem,3vw,2.2rem);margin-bottom:.5rem}
.block > .intro{color:var(--ink-2);max-width:44rem;margin-bottom:1.25rem}
.callout{border-radius:var(--r-lg);background:var(--gold-soft);padding:1.25rem 1.5rem;margin-bottom:1.5rem;max-width:52rem}
.callout.alert{background:var(--wine-soft)}
.callout a{font-weight:700}

/* Tarjetas de programa */
.progs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.prog{background:var(--mist);border-radius:var(--r-lg);padding:1.6rem;display:flex;flex-direction:column}
.prog-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}
.sig{display:inline-block;background:var(--wine);color:#fff;font-weight:800;font-size:.9375rem;border-radius:999px;padding:.3rem .8rem;letter-spacing:.01em}
.tag{font-size:.875rem;font-weight:600;color:var(--olive-mid);white-space:nowrap;padding-top:.3rem}
.prog h3{font-size:1.3rem}
.prog-alt{font-size:.9375rem;color:var(--ink-2);margin-top:.1rem}
.prog-d{margin:.6rem 0 1.1rem;color:var(--ink-2);font-size:1.0625rem}
.prog-links{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}
.prog-links a{font-weight:700;font-size:.9375rem;text-decoration:none;border-radius:999px;padding:.55rem 1rem;background:#fff;color:var(--wine);border:1.5px solid var(--wine)}
.prog-links a:first-child{background:var(--wine);color:#fff}
.prog-links a:hover{transform:translateY(-1px)}
.host{font-weight:500;opacity:.8}
@media (max-width:760px){.progs{grid-template-columns:1fr}}

/* Índice de adicciones */
.agroup{margin-top:3rem}
.agroup:first-child{margin-top:0}
.agroup h2{font-size:1.6rem;margin-bottom:1.1rem}
.agrid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1.4rem}
.agrid a{text-decoration:none;color:var(--ink);display:block}
.agrid .art{border-radius:var(--r-lg);aspect-ratio:4/3;overflow:hidden;transition:transform .2s ease}
.agrid a:hover .art{transform:translateY(-4px)}
.agrid strong{display:block;font-size:1.15rem;margin-top:.7rem;line-height:1.3}
.agrid span{display:block;color:var(--ink-2);font-size:.9375rem}

/* Primer paso */
.first{background:var(--wine);color:#fff;border-radius:var(--r-xl);padding:clamp(1.75rem,4vw,2.75rem);margin-top:3rem}
.first h2{color:#fff;margin-bottom:1rem;font-size:clamp(1.6rem,3vw,2.1rem)}
.first ol{margin:0;padding-left:1.3rem;max-width:46rem}
.first li{margin:.55rem 0}
.first a{color:#fff}

/* Escalera interactiva de los 12 pasos */
.climb{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:end}
.stair{display:flex;align-items:flex-end;gap:.45rem;height:22rem}
.stair button{flex:1;border:0;border-radius:12px 12px 4px 4px;background:var(--sage);cursor:pointer;font:800 1.05rem var(--font);color:var(--olive);display:flex;align-items:flex-start;justify-content:center;padding-top:.6rem;transition:background-color .2s ease,transform .2s ease}
.stair button:hover{transform:translateY(-4px)}
.stair button.done{background:var(--sage-2)}
.stair button[aria-current="step"]{background:var(--wine);color:#fff}
.step-card{background:var(--mist);border-radius:var(--r-xl);padding:clamp(1.75rem,4vw,2.5rem);min-height:22rem;display:flex;flex-direction:column}
.step-card .n{font-size:4.5rem;font-weight:800;color:var(--wine);line-height:1;letter-spacing:-.04em}
.step-card .of{font-weight:600;color:var(--olive-mid);margin:.4rem 0 1rem}
.step-card h3{font-size:1.9rem;font-weight:800;margin-bottom:.6rem}
.step-card p{color:var(--ink-2);font-size:1.2rem}
.step-card .btns{margin-top:auto;padding-top:1.5rem}
@media (max-width:860px){.climb{grid-template-columns:1fr}.stair{height:14rem}.stair button{font-size:.875rem}}

/* Preguntas interactivas */
.qa{list-style:none;padding:0;margin:0;display:grid;gap:1rem;max-width:52rem}
.qa li{background:var(--mist);border-radius:var(--r-lg);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.qa .yn{display:flex;gap:.5rem}
.qa .yn button{font:700 1rem var(--font);border:1.5px solid var(--wine);background:#fff;color:var(--wine);border-radius:999px;padding:.55rem 1.3rem;cursor:pointer}
.qa .yn button[aria-pressed="true"]{background:var(--wine);color:#fff}
.verdict{margin-top:1.5rem;max-width:52rem;border-radius:var(--r-lg);padding:1.5rem;background:var(--gold-soft);display:none}
.verdict.show{display:block}
.doors{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.door{background:var(--mist);border-radius:var(--r-xl);padding:1.75rem;display:flex;flex-direction:column;gap:.75rem}
.door:nth-child(2){background:var(--gold-soft)}
.door:nth-child(3){background:var(--wine-soft)}
.door p{color:var(--ink-2);flex:1}
@media (max-width:900px){.doors{grid-template-columns:1fr}}

/* Directorio */
.search{width:100%;max-width:40rem;font:500 1.125rem var(--font);padding:1.05rem 1.4rem;border:2px solid var(--line);border-radius:999px;background:#fff;color:var(--ink)}
.search:focus{border-color:var(--wine);outline:none}
.count{font-weight:700;color:var(--ink-2);margin:1rem 0}

/* Líneas de ayuda */
.lines{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.25rem}
.lines li{background:var(--mist);border-radius:var(--r-lg);padding:1.5rem}
.lines .c{font-weight:600;color:var(--olive-mid);font-size:.9375rem}
.lines .num{display:block;font-weight:800;font-size:1.9rem;color:var(--wine);text-decoration:none;letter-spacing:-.01em;margin:.2rem 0 .4rem;font-variant-numeric:tabular-nums}
.lines p{color:var(--ink-2);font-size:1rem}

/* Pie (crema, como Healthline) */
.foot{background:var(--cream);padding:clamp(3rem,6vw,4.5rem) 0 3rem}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:3rem}
.foot-logo svg{height:84px;width:auto;max-width:100%}
.foot h2{font-size:1.9rem;margin:2rem 0 .75rem}
.foot p{color:var(--ink-2);max-width:40rem}
.foot .btns{margin-top:1.25rem}
.foot-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 2rem;align-content:start;padding-top:1rem}
.foot-links a{color:var(--ink);text-decoration:none;font-weight:600}
.foot-links a:hover{color:var(--wine);text-decoration:underline}
.legal{margin-top:2.5rem;font-size:.9375rem;color:var(--ink-2);max-width:52rem}
.legal p+p{margin-top:.5rem}
.pending{font-weight:600;font-size:.9375rem;color:var(--wine);min-height:1.4em;margin-top:.75rem}
.sub-foot{background:var(--night);color:#fff;padding:1.75rem 0}
.sub-foot .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem}
.promise-mini{display:flex;align-items:center;gap:1rem;font-size:1rem}
.promise-mini .ic{width:2.6rem;height:2.6rem;flex:none}
.promise-mini b{color:var(--gold);font-weight:700}
.promise-mini span{color:#E9ECE6}
.sub-foot a{color:#fff;font-weight:700}
@media (max-width:820px){.foot-grid{grid-template-columns:1fr}}

/* Sello de la promesa dentro de páginas */
.seal{border-radius:var(--r-xl);background:var(--night);color:#fff;padding:clamp(1.75rem,4vw,2.5rem);text-align:center;margin-top:2rem}
.seal .ic{width:3.2rem;height:3.2rem;margin:0 auto 1rem}
.seal .a{color:var(--gold);font-weight:700;display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 1.2rem}
.seal .b{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;letter-spacing:-.015em;margin-top:.6rem;color:#fff;text-wrap:balance}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.ticker-track{flex-wrap:wrap;width:auto}.ticker ul+ul{display:none}.ticker ul{flex-wrap:wrap;gap:1rem 2rem;padding:1rem}}

.brand img{display:block;height:44px;width:auto}
.foot-logo img{display:block;height:84px;width:auto;max-width:100%}
[hidden]{display:none!important}
.tabpanel{display:block}
@media (max-width:520px){.brand img{height:30px}}