@font-face{font-family:'Neulis';src:url('../fonts/Neulis-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;size-adjust:90%}
@font-face{font-family:'Neulis';src:url('../fonts/Neulis-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;size-adjust:90%}
@font-face{font-family:'Neulis';src:url('../fonts/Neulis-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;size-adjust:90%}
@font-face{font-family:'Neulis';src:url('../fonts/Neulis-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;size-adjust:90%}
@font-face{font-family:'IBM Plex Sans';src:url('../fonts/IBMPlexSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('../fonts/IBMPlexSans-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('../fonts/IBMPlexSans-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('../fonts/IBMPlexSans-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('../fonts/IBMPlexSans-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
/* Autopsia Empresarial · estilos del sitio. Colores y tipografías: Autopsia → Marca. */
:root{--purple:#131A3A;--magenta:#751A7C;--lilac:#B566BA;--cream:#F6F1DE;--yellow:#FFCC00;--orange:#FF9700;--purple-rgb:19,26,58;--cream-rgb:246,241,222;--orange-rgb:255,151,0;--magenta-rgb:117,26,124}

:root{
  color-scheme: light;
  /* brief palette */
       
  --paper:var(--cream); --ink:var(--purple); --ink-2:#0C1129; --cream-2:#ECE5CC;
  --muted:#6B718E; --line:rgba(var(--purple-rgb),.16);
  /* manual gradients */
  --g001:linear-gradient(150deg,#FFCC00 0%,#FF9700 50%,#FF9700 100%);
  --g002:linear-gradient(210deg,#F6F1DE 0%,#F6F1DE 45%,#FBE39A 80%,#FFCC00 100%);
  --g003:linear-gradient(150deg,#131A3A 0%,#131A3A 35%,#44195F 70%,#751A7C 100%);
  --gfull:linear-gradient(90deg,#131A3A,#751A7C 35%,#FF9700 72%,#FFCC00);
  --display:'Neulis','IBM Plex Sans','Helvetica Neue',Arial,sans-serif;
  --sans:'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;
  --mono:'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;
  --g: clamp(16px,4.5vw,64px);
  --ease: cubic-bezier(.19,1,.22,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto !important}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-radius:4px}
.wrap{max-width:1360px;margin-inline:auto;padding-inline:var(--g)}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:600;letter-spacing:-.022em;line-height:.92;text-wrap:balance}
.has-cursor,.has-cursor a,.has-cursor button,.has-cursor label{cursor:none}

/* preloader */
.pre{position:fixed;inset:0;z-index:200;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 28px) var(--g) 28px;animation:pre-out 1s var(--ease) 1.7s forwards}
.pre .count{font:300 clamp(96px,22vw,320px)/.8 var(--display);letter-spacing:-.015em;font-variant-numeric:tabular-nums}
.pre .row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
.pre .bar{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--gfull);animation:bar 1.5s var(--ease) .1s forwards}



/* cursor */
.cursor{position:fixed;left:0;top:0;z-index:300;pointer-events:none;display:none}
.has-cursor .cursor{display:block}
.c-dot{position:fixed;left:0;top:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:var(--orange)}
.c-ring{position:fixed;left:0;top:0;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;transition:width .45s var(--ease),height .45s var(--ease),margin .45s var(--ease),background .3s,border-color .3s}
.c-ring em{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:var(--ink);opacity:0;transition:opacity .2s}
.cursor.big .c-ring{width:96px;height:96px;margin:-48px 0 0 -48px;background:var(--yellow);border-color:var(--yellow)}
.cursor.big .c-ring em{opacity:1}
.cursor.link .c-ring{width:64px;height:64px;margin:-32px 0 0 -32px;border-color:var(--orange)}
.cursor.dark .c-ring{border-color:var(--paper)}
.cursor.hide{opacity:0}

/* header */
.nav{position:fixed;left:0;right:0;top:0;z-index:100;padding-top:env(safe-area-inset-top,0px);transition:transform .7s var(--ease),background .4s,box-shadow .4s}
.nav.up{transform:translateY(-110%)}
.nav.solid{background:rgba(var(--cream-rgb),.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.nav .wrap{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand img{width:40px;height:40px;border-radius:50%;transition:transform 1s var(--ease)}
.brand:hover img{transform:rotate(360deg)}
.brand span{font:600 19px/.95 var(--display);letter-spacing:-.02em}
.brand b{font-weight:600;color:var(--lilac)}
.links{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.links > li{position:relative}
.nl{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:52px;padding:0 13px;background:none;border:0;cursor:pointer;text-align:left}
.nl .name{font:600 15.5px/1.1 var(--display);letter-spacing:-.01em;display:flex;align-items:center;gap:6px}
.nl .lab{font:500 10px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.nl::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:1.5px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease)}
.nl:hover::after,.nl[aria-current]::after{transform:scaleX(1);transform-origin:left}
.nl .chev{transition:transform .5s var(--ease)}
.dd.open .chev{transform:rotate(180deg)}
.dd-panel{position:absolute;left:calc(50% - 320px);top:calc(100% + 10px);width:min(640px,86vw);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:6px;padding:6px;background:var(--ink);color:var(--paper);border-radius:20px;clip-path:inset(0 0 100% 0 round 20px);transition:clip-path .7s var(--ease);box-shadow:0 30px 60px -20px rgba(var(--purple-rgb),.5)}
.dd.open .dd-panel{clip-path:inset(0 0 0 0 round 20px)}
.dd-col{display:flex;flex-direction:column;gap:2px;padding:6px}
.dd-col > .mono{color:var(--lilac);padding:8px 12px 6px;font-size:10.5px}
.dd-panel a{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:12px;transition:background .35s}
.dd-panel a:hover{background:#232B55}
.dd-panel strong{font:600 18px/1.1 var(--display);letter-spacing:-.01em;display:flex;align-items:center;gap:10px}
.dd-panel small{font-size:13px;line-height:1.35;opacity:.75}
.dd-panel .dot{width:9px;height:9px;border-radius:50%;flex:none}
.dd-feature{border-radius:14px;background:var(--g003);padding:16px 16px 14px !important;justify-content:flex-end;min-height:170px}
.dd-feature:hover{background:var(--g003) !important;filter:brightness(1.12)}
.right{display:flex;align-items:center;gap:10px;flex:none}
.cta{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;background:var(--orange);color:var(--ink);font:600 15px var(--sans);overflow:hidden;isolation:isolate;white-space:nowrap;box-shadow:0 8px 24px -8px rgba(var(--orange-rgb),.7)}
.cta::before{content:"";position:absolute;inset:0;background:var(--yellow);z-index:-1;transform:translateY(101%);border-radius:50% 50% 0 0;transition:transform .6s var(--ease),border-radius .6s var(--ease)}
.cta:hover::before{transform:none;border-radius:0}
.cta .pl{width:8px;height:8px;border-radius:50%;background:var(--ink);animation:pulse-d 1.6s infinite}

.menu-btn{display:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--ink);background:none;cursor:pointer}
.menu-btn i{display:grid;gap:5px}.menu-btn i::before,.menu-btn i::after{content:"";display:block;width:18px;height:1.5px;background:currentColor}
@media (max-width:1180px){.links{display:none}.menu-btn{display:inline-flex}}
@media (max-width:480px){.brand span{display:none}.cta{padding:0 16px;font-size:14px;min-height:44px}.nav .wrap{height:72px}}

/* off-canvas */
.oc{position:fixed;inset:0;z-index:150;background:var(--ink);color:var(--paper);padding:calc(env(safe-area-inset-top,0px) + 12px) var(--g) calc(env(safe-area-inset-bottom,0px) + 20px);display:flex;flex-direction:column;clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--ease);overflow-y:auto}
.oc.open{clip-path:inset(0 0 0 0)}
.oc-top{display:flex;justify-content:space-between;align-items:center;min-height:72px;gap:10px}
.oc nav{display:flex;flex-direction:column;margin-block:auto;padding-block:24px}
.oc nav > a,.oc nav > button{display:grid;grid-template-columns:34px 1fr auto;align-items:baseline;overflow:hidden;padding:6px 0;background:none;border:0;color:var(--paper);text-align:left;cursor:pointer}
.oc .n{font:500 11px var(--mono);letter-spacing:.14em;color:var(--lilac)}
.oc .t{display:inline-block;font:600 clamp(36px,10vw,56px)/1.02 var(--display);letter-spacing:-.02em;transform:translateY(110%);transition:transform .9s var(--ease)}
.oc .l{grid-column:2;font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.6;transform:translateY(200%);transition:transform .9s var(--ease)}
.oc.open .t,.oc.open .l{transform:none}
.oc.open nav > *:nth-child(2) *{transition-delay:.05s}.oc.open nav > *:nth-child(3) *{transition-delay:.1s}.oc.open nav > *:nth-child(4) *{transition-delay:.15s}.oc.open nav > *:nth-child(6) *{transition-delay:.2s}
.oc .sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}
.oc .sub.open{grid-template-rows:1fr}
.oc .sub > div{overflow:hidden;display:flex;flex-direction:column;padding-left:34px}
.oc .sub a{min-height:44px;display:flex;align-items:center;gap:10px;font:500 20px var(--display);color:var(--yellow)}
.oc .sub .grp{font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lilac);margin-top:10px}
.oc-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;opacity:.7}

/* reveals (scroll-linked, progressive) */
.line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.line > span{display:inline-block}
.hero .line > span{animation:up 1.3s var(--ease) both}

@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .rv .line > span{animation:up linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
    .fade{animation:fadeup linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
    .wipe::after{animation:wipe linear both;animation-timeline:view();animation-range:entry 10% cover 40%}
    .words span{animation:ink linear both;animation-timeline:view();animation-range:cover 10% cover 45%}
  }
}




/* hero · caso abierto */
.hero{padding-top:calc(env(safe-area-inset-top,0px) + 112px);padding-bottom:clamp(48px,7vw,96px)}
.hero-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.live{display:inline-flex;align-items:center;gap:10px}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--orange);animation:pulse 1.6s infinite}

.player{position:relative;width:100%;aspect-ratio:16/8;max-height:74vh;border-radius:clamp(16px,2.2vw,28px);overflow:hidden;background:var(--purple);color:var(--paper);isolation:isolate}
.player canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;transform:scale(var(--ps,1.08));transition:transform 1.6s var(--ease)}
.player:hover canvas{--ps:1}
.iso-bg{position:absolute;right:-4%;bottom:-18%;width:52%;opacity:.22;z-index:-1;mix-blend-mode:screen;transform:rotate(-8deg)}
.p-center{position:absolute;inset:0;display:grid;place-items:center}
.bigplay{width:clamp(76px,9vw,128px);aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(var(--cream-rgb),.7);background:rgba(var(--purple-rgb),.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;cursor:pointer;transition:transform .6s var(--ease),background .4s,border-color .4s}
.bigplay:hover{transform:scale(1.08);background:var(--orange);border-color:var(--orange)}
.bigplay svg{width:30%;height:30%}
.player .ico-pause{display:none}.player.playing .ico-play{display:none}.player.playing .ico-pause{display:block}
.player.playing .bigplay{background:var(--yellow);border-color:var(--yellow)}
.p-tl,.p-tr{position:absolute;top:clamp(14px,2.4vw,28px)}
.p-tl{left:clamp(14px,2.4vw,28px)}.p-tr{right:clamp(14px,2.4vw,28px);display:flex;align-items:center;gap:8px;opacity:.8}
.p-bar{position:absolute;left:0;right:0;bottom:0;padding:clamp(18px,4vw,48px) clamp(14px,2.4vw,28px) clamp(8px,1.4vw,16px);background:linear-gradient(transparent,rgba(12,17,41,.8));display:flex;flex-direction:column;gap:2px}
.chapters{position:relative;display:flex;gap:3px}
.chapters button{flex-grow:var(--gr);flex-basis:0;min-width:0;height:26px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center}
.chapters button span{display:block;width:100%;height:3px;background:rgba(var(--cream-rgb),.35);transition:height .4s var(--ease),background .4s}
.chapters button.done span{background:var(--c)}
.chapters button:hover span{height:7px}
.chapters .head{position:absolute;top:8px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--paper);pointer-events:none}
.ctrls{display:flex;align-items:center;gap:14px;font-size:14px}
.ctrls button{min-width:44px;height:44px;border:0;background:none;display:grid;place-items:center;cursor:pointer;border-radius:50%;color:var(--paper)}
.ctrls .time{font:500 13px var(--mono);font-variant-numeric:tabular-nums}
.ctrls .ch{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;opacity:.9}
@media (max-width:640px){.player{aspect-ratio:16/10}.ctrls .ch{display:none}.ctrls .time{flex:1}.p-tr{display:none}}
.case{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(20px,5vw,80px);align-items:end;margin-top:clamp(24px,3.4vw,44px)}
@media (max-width:860px){.case{grid-template-columns:1fr}}
.case h1{font-size:clamp(40px,6.6vw,104px)}
.case h1 .o{color:var(--orange)}
.case-meta{display:flex;flex-direction:column;gap:16px;padding-bottom:6px}
.case-meta dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:10px 18px;padding-top:14px;border-top:1.5px solid var(--ink)}
.case-meta dt{font:500 10.5px/1.9 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.case-meta dd{margin:0;font-weight:500}
.case-meta p{margin:0;color:#3B4262}
.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}

/* marquee */
.marq{border-block:1px solid var(--line);overflow:hidden;padding-block:clamp(18px,3vw,34px)}
.marq-track{display:flex;width:max-content;will-change:transform}
.marq-track span{font:600 clamp(48px,9vw,132px)/1 var(--display);letter-spacing:-.022em;white-space:nowrap;padding-right:.35em;display:flex;align-items:center;gap:.35em}
.marq-track span:nth-child(odd){color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.marq-track svg{width:.42em;height:.42em;flex:none}

/* sections */
.sec{padding-block:clamp(80px,11vw,152px)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:clamp(32px,5vw,64px)}
.sec-head h2{font-size:clamp(44px,7vw,104px)}
.sec-head .sub{display:block;margin-bottom:14px;color:var(--muted)}
.arrow-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font:500 12.5px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.arrow-link .ar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid currentColor;overflow:hidden;transition:background .4s,color .4s,border-color .4s}
.arrow-link:hover .ar{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.arrow-link:hover .ar svg{animation:arr .7s var(--ease)}


/* casos anteriores */
.cases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
@media (max-width:1000px){.cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cs h3{font-size:18px}.cs .who{font-size:13px}.cs .cover{padding:12px}}
.cs{display:flex;flex-direction:column;gap:12px}
.cs .cover{position:relative;aspect-ratio:4/3;max-width:100%;border-radius:16px;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:16px}
.cs .cover i{position:absolute;inset:0;z-index:-1;transition:transform 1.2s var(--ease)}
.cs:hover .cover i{transform:scale(1.1) rotate(-2deg)}
.cs .cover .num{font:600 clamp(40px,4.4vw,64px)/.85 var(--display);letter-spacing:-.012em}
.cs .cover .play{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border-radius:50%;background:var(--cream);display:grid;place-items:center;transform:scale(0) rotate(-90deg);transition:transform .6s var(--ease)}
.cs:hover .cover .play{transform:none}
.cs h3{font-size:clamp(20px,1.7vw,24px);letter-spacing:-.012em;line-height:1.08}
.cs .who{font-size:14.5px;color:#3B4262}

/* purpose */
.purpose{background:var(--ink);color:var(--paper);--wmuted:#5A6082;position:relative;overflow:hidden}
.purpose h2{font-size:clamp(44px,7.4vw,112px)}
.rot{display:inline-grid;vertical-align:bottom;overflow:hidden;height:1.02em;color:var(--yellow)}
.rot > span{grid-area:1/1;transform:translateY(110%);transition:transform 1s var(--ease)}
.rot > span.on{transform:none}
.rot > span.off{transform:translateY(-110%)}
.purpose-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-top:clamp(36px,5vw,64px)}
.words{margin:0;max-width:760px;font:400 clamp(22px,2.6vw,34px)/1.3 var(--display);letter-spacing:-.02em}
.purpose .iso-deco{position:absolute;right:-6%;top:-12%;width:min(44vw,520px);opacity:.1;pointer-events:none;transform:translate3d(0,var(--py,0),0) rotate(-10deg)}
.btn{position:relative;display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:0 30px;border-radius:999px;border:1.5px solid currentColor;overflow:hidden;isolation:isolate;font-weight:600;cursor:pointer;background:none;white-space:nowrap;transition:color .5s var(--ease),border-color .5s}
.btn::before{content:"";position:absolute;left:-10%;right:-10%;top:100%;height:220%;border-radius:50%;background:var(--orange);z-index:-1;transition:top .7s var(--ease)}
.btn:hover{color:var(--ink);border-color:var(--orange)}
.btn:hover::before{top:-60%}

/* notas clínicas */
.notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
@media (max-width:900px){.notes{grid-template-columns:1fr}}
.notes .card:nth-child(2){margin-top:clamp(0px,5vw,80px)}
@media (max-width:900px){.notes .card:nth-child(2){margin-top:0}}
.card{display:flex;flex-direction:column;gap:14px}
.img{position:relative;aspect-ratio:4/3;max-width:100%;border-radius:16px;overflow:hidden}
.img i{position:absolute;inset:0;transition:transform 1.4s var(--ease)}
.card:hover .img i{transform:scale(1.08) rotate(1deg)}
.img > .mono{position:absolute;right:14px;bottom:14px;color:var(--paper);opacity:.8}
.img .pill{position:absolute;left:14px;top:14px}
.wipe::after{content:"";position:absolute;inset:0;background:var(--ink);transform-origin:top;transform:scaleY(0)}
.card h3{font-size:clamp(24px,2.2vw,30px);letter-spacing:-.015em;line-height:1.05}
.ul-t{background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .8s var(--ease)}
.card:hover .ul-t,.cs:hover .ul-t{background-size:100% 1.5px}

/* próximo evento */
.event{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(20px,4vw,64px);align-items:center;padding:clamp(24px,4vw,56px);border-radius:clamp(18px,2.4vw,32px);background:var(--g002);overflow:hidden;isolation:isolate}
.event::after{content:"";position:absolute;right:-10%;top:-40%;width:50%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--orange-rgb),.55),transparent 65%);z-index:-1;animation:float 9s ease-in-out infinite alternate}

.event .date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(120px,14vw,180px);aspect-ratio:1;border-radius:50%;background:var(--ink);color:var(--paper);text-align:center}
.event .date b{font:600 clamp(44px,5vw,72px)/.9 var(--display);letter-spacing:-.02em}
.event h3{font-size:clamp(32px,4vw,60px)}
.event dl{margin:18px 0 0;display:flex;gap:10px 28px;flex-wrap:wrap}
.event dt{font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5A6082}
.event dd{margin:2px 0 0;font-weight:600}
.btn-solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}
@media (max-width:860px){.event{grid-template-columns:1fr}.event .date{width:120px}}

/* footer with subscription */
.foot{background:var(--ink);color:var(--paper);padding-top:clamp(80px,11vw,150px);position:relative;overflow:hidden}
.big-cta{display:block;font:600 clamp(64px,16vw,250px)/.84 var(--display);letter-spacing:-.015em}
.big-cta .l{display:inline-block;transition:transform .8s var(--ease),color .4s}
.big-cta:hover .l{color:var(--orange)}
.big-cta:hover .l:nth-child(odd){transform:translateY(-6%)}
.big-cta:hover .l:nth-child(even){transform:translateY(6%)}
.sub-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(28px,6vw,96px);margin-top:clamp(32px,5vw,64px);align-items:end}
@media (max-width:860px){.sub-grid{grid-template-columns:1fr}}
.sub-grid p{margin:0;max-width:420px;opacity:.85}
.sub-form{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}
.fl{position:relative;display:flex;flex-direction:column;flex:1 1 240px}
.fl label{font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.fl input{border:0;border-bottom:1.5px solid rgba(var(--cream-rgb),.35);background:none;color:var(--paper);font:400 22px var(--sans);padding:12px 0;min-height:56px;border-radius:0;color-scheme:dark}
.fl input:focus{outline:none}
.fl::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}
.fl:focus-within::after{transform:scaleX(1)}
.note{flex-basis:100%;font-size:14px;min-height:22px;opacity:.85}
.foot-cols{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));gap:32px;margin-top:clamp(64px,9vw,120px);padding-top:40px;border-top:1px solid rgba(var(--cream-rgb),.16)}
@media (max-width:760px){.foot-cols{grid-template-columns:1fr 1fr}.foot-cols > :first-child{grid-column:1/-1}.foot-cols li a small{display:none}}
.foot-cols h4{margin:0 0 14px;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lilac)}
.foot-cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.foot-cols li a{display:inline-flex;align-items:baseline;gap:10px;min-height:36px}
.foot-cols li a small{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.5}
.foot-cols li a span{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .6s var(--ease)}
.foot-cols li a:hover span{background-size:100% 1px}
.vlogo{display:flex;flex-direction:column;gap:14px}
.vlogo img{width:64px;height:64px;border-radius:50%}
.vlogo .wm{font:600 28px/.92 var(--display);letter-spacing:-.015em}
.vlogo .wm b{font-weight:600;color:var(--lilac)}
.wipr{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(var(--cream-rgb),.25);border-radius:12px;font-size:14px;max-width:max-content}
.quote{margin:clamp(56px,8vw,104px) 0 0;font:400 clamp(26px,3.4vw,48px)/1.12 var(--display);letter-spacing:-.015em;max-width:1000px}
.quote em{font-style:normal;color:var(--yellow)}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:clamp(40px,6vw,72px);padding-block:24px;border-top:1px solid rgba(var(--cream-rgb),.16);font-size:14px;opacity:.7}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
  .pre{display:none}
}

@keyframes beat{0%,100%{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1)}42%{transform:scale(1.08)}}
@keyframes pop{from{transform:translateY(24px) scale(.98)}}
@keyframes blink{50%{box-shadow:0 0 0 6px rgba(var(--orange-rgb),.18)}}
@keyframes dlin{from{transform:translateY(30px) scale(.97);opacity:0}}
@keyframes paneIn{from{opacity:0;transform:translateX(30px)}}
@keyframes pop2{from{transform:scale(0)}}
@keyframes bar{to{width:100%}}
@keyframes pre-out{to{transform:translateY(-100%);visibility:hidden}}
@keyframes pulse-d{0%{box-shadow:0 0 0 0 rgba(var(--purple-rgb),.5)}70%{box-shadow:0 0 0 8px rgba(var(--purple-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--purple-rgb),0)}}
@keyframes up{from{transform:translateY(105%) rotate(4deg)}}
@keyframes fadeup{from{transform:translateY(48px)}}
@keyframes wipe{from{transform:scaleY(1)}to{transform:scaleY(0)}}
@keyframes ink{from{color:var(--wmuted,#5A6082)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(var(--orange-rgb),.6)}70%{box-shadow:0 0 0 12px rgba(var(--orange-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--orange-rgb),0)}}
@keyframes arr{0%{transform:translateX(0)}49%{transform:translateX(160%)}50%{transform:translateX(-160%)}100%{transform:translateX(0)}}
@keyframes float{to{transform:translate(-18%,22%)}}
body.ae-pg-historial{

/* ---------- Historial Clínico ---------- */
.ph{padding-top:calc(env(safe-area-inset-top,0px) + 132px);padding-bottom:clamp(56px,8vw,112px);position:relative;overflow:hidden}
.ph .crumb{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:clamp(28px,5vw,64px);border-bottom:1px solid var(--line)}
.ph h1{font-size:clamp(48px,9vw,148px);max-width:1200px}
.ph h1 .o{color:var(--orange)}
.ph-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-top:clamp(28px,4vw,56px)}
.ph-row p{margin:0;max-width:520px;font-size:19px;color:#3B4262}
.ph .iso-float{position:absolute;right:calc(var(--g) - 10px);top:200px;width:clamp(90px,11vw,160px);opacity:.9;transform:translate3d(var(--mx,0),var(--my,0),0) rotate(-8deg);transition:transform 1.2s var(--ease)}
@media (max-width:760px){.ph .iso-float{display:none}}
.jump{display:flex;gap:8px;flex-wrap:wrap}
.jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1.5px solid var(--ink);border-radius:999px;font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;transition:background .4s,color .4s}
.jump a:hover{background:var(--ink);color:var(--paper)}

/* concepto */
.concept{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px)}
@media (max-width:860px){.concept{grid-template-columns:1fr}}
.cc{position:relative;display:flex;flex-direction:column;gap:18px;min-height:clamp(380px,40vw,560px);padding:clamp(24px,3.4vw,48px);border-radius:clamp(18px,2.2vw,28px);overflow:hidden;isolation:isolate}
.cc .k{font:600 clamp(56px,8vw,120px)/.85 var(--display);letter-spacing:-.012em;margin-top:auto}
.cc p{margin:0;max-width:460px;font-size:18px}
.cc .tagline{font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.cc.dead{background:var(--g003);color:var(--cream)}
.cc.alive{background:var(--g001);color:var(--purple)}
.cc .ecg{position:absolute;left:0;right:0;top:34%;width:100%;height:90px;z-index:-1;opacity:.55}
.cc .ecg path{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 2.4s var(--ease)}
.cc:hover .ecg path{stroke-dashoffset:0}
.arrow-mid{display:none}
.premise{margin-top:clamp(48px,7vw,96px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:start;padding-top:clamp(28px,4vw,44px);border-top:1.5px solid var(--ink)}
.premise p{margin:0;font:400 clamp(26px,3.4vw,48px)/1.12 var(--display);letter-spacing:-.015em;max-width:1000px}
.premise p em{font-style:normal;color:var(--orange)}
@media (max-width:640px){.premise{grid-template-columns:1fr}}

/* metodología */
.method{background:var(--ink);color:var(--paper)}
.method .sec-head .sub{color:var(--lilac)}
.m-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.m-sticky{position:sticky;top:calc(env(safe-area-inset-top,0px) + 12px);z-index:5;padding-block:18px;background:var(--ink)}
.m-bar{display:flex;gap:4px;height:14px}
.m-bar span{flex-grow:var(--m);flex-basis:0;border-radius:4px;background:var(--c);opacity:.25;transition:opacity .5s,transform .5s var(--ease);transform-origin:bottom}
.m-bar span.on{opacity:1;transform:scaleY(1.6)}
.m-bar span.done{opacity:.8}
.m-bar span{box-shadow:inset 0 0 0 1px rgba(var(--cream-rgb),.3)}
.m-bar span.on{box-shadow:inset 0 0 0 1.5px var(--cream)}
.m-scale{display:flex;justify-content:space-between;margin-top:12px;gap:12px}
.m-scale b{font-weight:500;color:var(--yellow)}
.blocks{display:flex;flex-direction:column;margin-top:clamp(24px,4vw,48px)}
.blk{display:grid;grid-template-columns:140px minmax(0,1.1fr) minmax(0,1fr);gap:clamp(16px,3vw,48px);padding-block:clamp(36px,5vw,64px);border-top:1px solid rgba(var(--cream-rgb),.16);align-items:start;opacity:.45;transition:opacity .6s var(--ease)}
.blk.on{opacity:1}
.blk .time{display:flex;flex-direction:column;gap:10px}
.blk .time .sw{width:44px;height:44px;border-radius:12px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(var(--cream-rgb),.35)}
.blk .time b{font:500 13px var(--mono);letter-spacing:.08em}
.blk .time small{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.6}
.blk h3{font-size:clamp(34px,4.4vw,64px)}
.blk h3 small{display:block;margin-top:12px;font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lilac)}
.blk p{margin:0;font-size:18px;opacity:.9}
.blk .obj{margin-top:18px;padding-top:14px;border-top:1px solid rgba(var(--cream-rgb),.2)}
.blk .obj span{display:block;font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);margin-bottom:6px}
@media (max-width:860px){.blk{grid-template-columns:1fr}.blk .time{flex-direction:row;align-items:center}}

/* aliados */
.allies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
@media (max-width:760px){.allies{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ally{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:clamp(150px,15vw,210px);padding:clamp(16px,2vw,28px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;isolation:isolate;transition:color .6s var(--ease)}
.ally::before{content:"";position:absolute;inset:0;background:var(--ink);z-index:-1;clip-path:circle(0% at var(--x,50%) var(--y,50%));transition:clip-path .8s var(--ease)}
.ally:hover{color:var(--paper)}
.ally:hover::before{clip-path:circle(150% at var(--x,50%) var(--y,50%))}
.ally .logo{font:600 clamp(22px,2.4vw,34px)/1 var(--display);letter-spacing:-.015em}
.ally .ph-logo{font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.55}
.ally .role{font-size:14px;opacity:.75}
.wipr-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(16px,3vw,40px);align-items:center;margin-top:clamp(20px,3vw,32px);padding:clamp(22px,3vw,40px);border-radius:clamp(18px,2.2vw,28px);background:var(--g003);color:var(--cream)}
.wipr-card .logo{font:600 clamp(44px,6vw,88px)/.9 var(--display);letter-spacing:-.02em}
.wipr-card p{margin:0;max-width:520px}
@media (max-width:760px){.wipr-card{grid-template-columns:1fr}}

/* auspiciadores */
.sponsors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
@media (max-width:760px){.sponsors{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sp{display:grid;place-items:center;aspect-ratio:3/2;max-width:100%;border:1.5px dashed var(--line);border-radius:16px;font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:border-color .4s,background .4s}
.sp:hover{border-color:var(--orange);background:rgba(var(--orange-rgb),.06)}
.sponsor-cta{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:end;margin-top:clamp(20px,3vw,32px);padding:clamp(26px,4vw,56px);border-radius:clamp(18px,2.2vw,28px);background:var(--g002);position:relative;overflow:hidden;isolation:isolate}
.sponsor-cta::after{content:"";position:absolute;right:-8%;top:-40%;width:45%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--orange-rgb),.5),transparent 65%);z-index:-1;animation:float 9s ease-in-out infinite alternate}
.sponsor-cta h3{font-size:clamp(36px,4.8vw,72px)}
.sponsor-cta p{margin:0 0 18px;color:#3B4262}
.copy{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}
.copy code{font:500 17px var(--mono);padding:12px 16px;border-radius:12px;background:rgba(var(--purple-rgb),.08);user-select:all}
@media (max-width:760px){.sponsor-cta{grid-template-columns:1fr}}

}
body.ae-pg-cuerpo{

/* ---------- Cuerpo Médico ---------- */
.ph{padding-top:calc(env(safe-area-inset-top,0px) + 132px);padding-bottom:clamp(40px,6vw,80px);position:relative;overflow:hidden}
.ph .crumb{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:clamp(28px,5vw,64px);border-bottom:1px solid var(--line)}
.ph h1{font-size:clamp(48px,9vw,148px);max-width:1200px}
.ph h1 .o{color:var(--orange)}
.ph-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-top:clamp(28px,4vw,56px)}
.ph-row p{margin:0;max-width:520px;font-size:19px;color:#3B4262}
.jump{display:flex;gap:8px;flex-wrap:wrap}
.jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1.5px solid var(--ink);border-radius:999px;font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;transition:background .4s,color .4s}
.jump a:hover{background:var(--ink);color:var(--paper)}

/* hosts */
.host{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,6vw,96px);align-items:center;padding-block:clamp(48px,7vw,96px);border-top:1px solid var(--line)}
.host.rev .photo{order:2}
@media (max-width:860px){.host{grid-template-columns:1fr}.host.rev .photo{order:0}}
.photo{position:relative;aspect-ratio:4/5;max-width:100%;border-radius:clamp(18px,2.2vw,28px);overflow:hidden;isolation:isolate}
.photo .bg{position:absolute;inset:-12% 0;transform:translate3d(0,var(--par,0),0);transition:transform .2s linear}
.photo .tone{position:absolute;inset:0;background:var(--g003);mix-blend-mode:color;opacity:0;transition:opacity .8s var(--ease)}
.photo:hover .tone{opacity:1}
.photo .lbl{position:absolute;left:18px;bottom:18px;color:var(--cream)}
.photo .iso{position:absolute;right:-8%;top:-6%;width:46%;opacity:.35;mix-blend-mode:screen;transition:transform 1.4s var(--ease)}
.photo:hover .iso{transform:rotate(-20deg) scale(1.08)}
.role{font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.host h2{font-size:clamp(56px,8.6vw,136px);margin-top:14px}
.host h2 .o{color:var(--orange)}
.host .name{margin-top:clamp(18px,2.4vw,28px);font:600 clamp(24px,2.4vw,34px)/1.1 var(--display);letter-spacing:-.02em}
.host .job{margin-top:6px;color:#3B4262}
.host p{margin:clamp(18px,2.4vw,28px) 0 0;max-width:520px;font-size:18px}
.host .bio{color:var(--muted);font-style:italic}
.social{display:inline-flex;align-items:center;gap:12px;margin-top:clamp(20px,3vw,32px);min-height:48px;padding:0 20px 0 6px;border-radius:999px;border:1.5px solid var(--ink);font-weight:600;transition:background .45s,color .45s}
.social .ig{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--ink);transition:transform .8s var(--ease),background .45s}
.social:hover{background:var(--ink);color:var(--paper)}
.social:hover .ig{background:var(--orange);transform:rotate(360deg)}

/* especialistas: drag gallery */
.spec{background:var(--ink);color:var(--paper);overflow:hidden}
.spec .sec-head .sub{color:var(--lilac)}
.spec .sec-head p{margin:0;max-width:400px;opacity:.8}
.rail{display:flex;gap:clamp(12px,1.6vw,20px);overflow-x:auto;scroll-snap-type:x proximity;padding-inline:var(--g);scroll-padding-inline:var(--g);padding-bottom:18px;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch}
.rail::-webkit-scrollbar{display:none}
.rail.dragging{cursor:grabbing;scroll-snap-type:none}
.rail.dragging a{pointer-events:none}
@media (min-width:1360px){.rail{padding-inline:calc((100vw - 1360px)/2 + var(--g));scroll-padding-inline:calc((100vw - 1360px)/2 + var(--g))}}
.sc{flex:0 0 clamp(250px,24vw,340px);scroll-snap-align:start;display:flex;flex-direction:column;gap:14px;user-select:none}
.sc .pic{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;transition:transform .8s var(--ease),border-radius .8s var(--ease)}
.sc:hover .pic{transform:scale(.97);border-radius:32px}
.sc .pic .lbl{position:absolute;left:14px;bottom:14px}
.sc .chip{position:absolute;left:14px;top:14px;padding:6px 10px;border-radius:999px;background:var(--cream);color:var(--purple);font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.sc h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.012em;line-height:1.05}
.sc .org{font-size:15px;opacity:.8}
.sc.empty .pic{border:1.5px dashed rgba(var(--cream-rgb),.3);display:grid;place-items:center}
.sc.empty .plus{width:64px;height:64px;border-radius:50%;border:1.5px solid rgba(var(--cream-rgb),.5);display:grid;place-items:center;transition:transform .8s var(--ease),background .4s}
.sc.empty:hover .plus{transform:rotate(90deg);background:var(--orange);border-color:var(--orange)}
.rail-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(16px,2vw,28px)}
.rail-prog{flex:1;height:2px;background:rgba(var(--cream-rgb),.18);position:relative;overflow:hidden;border-radius:2px}
.rail-prog i{position:absolute;left:0;top:0;bottom:0;width:30%;background:var(--orange);border-radius:2px}
.rail-btns{display:flex;gap:8px}
.rail-btns button{width:48px;height:48px;border-radius:50%;border:1.5px solid rgba(var(--cream-rgb),.5);background:none;color:var(--paper);display:grid;place-items:center;cursor:pointer;transition:background .4s,border-color .4s}
.rail-btns button:hover{background:var(--orange);border-color:var(--orange);color:var(--ink)}

/* producción */
.prod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(24px,6vw,96px);align-items:start}
@media (max-width:860px){.prod{grid-template-columns:1fr}}
.prod-card{padding:clamp(24px,3vw,40px);border-radius:clamp(18px,2.2vw,28px);background:var(--g002);display:flex;flex-direction:column;gap:16px}
@media (min-width:861px){.prod-card{position:sticky;top:120px}}
.prod-card h3{font-size:clamp(34px,3.6vw,52px)}
.prod-card p{margin:0;color:#3B4262}
.crew{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.crew li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline;padding-block:clamp(18px,2.4vw,28px);border-bottom:1px solid var(--line);transition:padding .6s var(--ease)}
.crew li:hover{padding-left:14px}
.crew .n{font:600 clamp(24px,2.6vw,36px)/1.05 var(--display);letter-spacing:-.015em}
.crew .r{font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:right}

}
body.ae-pg-notas{

/* ---------- Notas Clínicas: listado ---------- */
.ph{padding-top:calc(env(safe-area-inset-top,0px) + 132px);padding-bottom:clamp(32px,4vw,56px);position:relative;overflow:hidden}
.ph .crumb{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:clamp(28px,5vw,64px);border-bottom:1px solid var(--line)}
.ph h1{font-size:clamp(64px,13vw,210px);letter-spacing:-.015em}
.ph h1 .o{color:var(--orange)}
.ph-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-top:clamp(20px,3vw,40px)}
.ph-row p{margin:0;max-width:460px;font-size:19px;color:#3B4262}
.ph-row .tabs{display:flex;gap:6px;padding:5px;border-radius:999px;background:rgba(var(--purple-rgb),.07)}
.ph-row .tabs a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.ph-row .tabs a.on{background:var(--ink);color:var(--paper)}

.filters{position:sticky;top:calc(env(safe-area-inset-top,0px) + 10px);z-index:20;display:flex;gap:8px;overflow-x:auto;padding-block:12px;scrollbar-width:none;background:linear-gradient(var(--paper) 70%,rgba(var(--cream-rgb),0))}
.filters::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px 0 12px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper);font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .4s,color .4s,border-color .4s}
.chip i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(var(--purple-rgb),.3)}
.chip:hover{border-color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.chip[aria-pressed="true"] i{box-shadow:0 0 0 2px var(--paper)}

.feat{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:end;margin-top:clamp(20px,3vw,40px);padding-bottom:clamp(40px,6vw,80px);border-bottom:1px solid var(--line)}
@media (max-width:860px){.feat{grid-template-columns:1fr}}
.feat .img{aspect-ratio:16/11}
.feat h2{font-size:clamp(36px,4.8vw,72px);margin-top:16px}
.feat p{margin:18px 0 0;max-width:460px;color:#3B4262;font-size:18px}
.meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.meta .mono{color:var(--muted)}
.cat{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;background:var(--c);color:var(--fg)}

.grid-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,44px) clamp(16px,2vw,28px);margin-top:clamp(40px,5vw,64px)}
@media (max-width:980px){.grid-notes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.grid-notes{grid-template-columns:1fr}}
.nt{display:flex;flex-direction:column;gap:12px;transition:opacity .5s var(--ease),transform .6s var(--ease),filter .5s}
.nt.out{opacity:.12;transform:scale(.96);filter:grayscale(1);pointer-events:none}
.nt h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.015em;line-height:1.06}
.nt .ep{font-size:14px;color:var(--muted)}
.empty-msg{display:none;margin-top:24px;color:var(--muted)}
.more{display:flex;justify-content:center;margin-top:clamp(40px,5vw,72px)}

.botiquin{margin-top:clamp(80px,10vw,140px);background:var(--ink);color:var(--paper);border-radius:clamp(20px,2.6vw,36px);padding:clamp(26px,4vw,64px);position:relative;overflow:hidden;isolation:isolate}
.botiquin .iso{position:absolute;right:-6%;bottom:-30%;width:min(40vw,440px);opacity:.14;z-index:-1;transform:rotate(-12deg)}
.botiquin h2{font-size:clamp(48px,7vw,112px)}
.bq-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.bq-row p{margin:0;max-width:420px;opacity:.85}
.bq-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:clamp(28px,4vw,48px)}
@media (max-width:860px){.bq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bq{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:34px;min-height:180px;padding:20px;border-radius:18px;border:1px solid rgba(var(--cream-rgb),.2);overflow:hidden;isolation:isolate;transition:color .6s var(--ease),border-color .6s}
.bq::before{content:"";position:absolute;inset:0;background:var(--c);z-index:-1;transform:translateY(101%);transition:transform .7s var(--ease)}
.bq:hover{color:var(--fg);border-color:var(--c)}
.bq:hover::before{transform:none}
.bq b{font:600 clamp(22px,2.2vw,30px)/1 var(--display);letter-spacing:-.015em}
.bq small{display:block;margin-top:6px;opacity:.8;font-size:14px}
.bq .n{font:500 11px var(--mono);letter-spacing:.14em}

}
body.ae-pg-articulo{

/* ---------- Artículo ---------- */
.ah .line > span{animation:up 1.3s var(--ease) both}
.readbar{position:fixed;left:0;top:0;height:3px;width:100%;z-index:120;background:var(--c,var(--magenta));transform-origin:left;transform:scaleX(var(--p,0))}
.ah{padding-top:calc(env(safe-area-inset-top,0px) + 132px)}
.ah .back{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ah .back:hover{color:var(--ink)}
.ah-top{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:clamp(20px,3vw,36px)}
.cat{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;background:var(--c);color:var(--fg)}
.ah h1{font-size:clamp(42px,7vw,112px);max-width:1150px;margin-top:clamp(18px,2.6vw,32px)}
.ah .dek{margin:clamp(20px,3vw,32px) 0 0;max-width:640px;font:400 clamp(20px,2vw,26px)/1.35 var(--display);letter-spacing:-.015em;color:#3B4262}
.byline{display:flex;align-items:center;gap:14px;margin-top:clamp(24px,3vw,36px);padding-block:18px;border-block:1px solid var(--line);flex-wrap:wrap}
.byline img{width:44px;height:44px;border-radius:50%}
.byline .who b{display:block;font-weight:600}
.byline .who span{font-size:14px;color:var(--muted)}
.byline .share{margin-left:auto;display:flex;gap:8px}
.byline .share button{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--ink);background:none;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .4s,color .4s}
.byline .share button:hover{background:var(--ink);color:var(--paper)}
.cover{position:relative;margin-top:clamp(28px,4vw,56px);aspect-ratio:21/9;max-width:100%;border-radius:clamp(18px,2.2vw,28px);overflow:hidden}
.cover i{position:absolute;inset:-10% 0;background:linear-gradient(150deg,var(--lilac),var(--magenta) 50%,var(--purple));transform:translate3d(0,var(--par,0),0)}
.cover .mono{position:absolute;left:18px;bottom:16px;color:var(--cream)}
@media (max-width:640px){.cover{aspect-ratio:4/3}}

.body-grid{display:grid;grid-template-columns:200px minmax(0,680px) minmax(0,1fr);gap:clamp(24px,4vw,64px);margin-top:clamp(48px,6vw,88px)}
@media (max-width:1000px){.body-grid{grid-template-columns:minmax(0,1fr)}.toc{display:none}}
.toc{position:sticky;top:120px;align-self:start;display:flex;flex-direction:column;gap:4px}
.toc .mono{color:var(--muted);margin-bottom:8px}
.toc a{position:relative;padding:8px 0 8px 16px;font-size:14.5px;color:var(--muted);transition:color .3s}
.toc a::before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--line);transition:background .3s,transform .3s}
.toc a.on{color:var(--ink)}
.toc a.on::before{background:var(--orange);transform:scale(1.5)}
.prose{font-size:19px;line-height:1.7}
.prose > * + *{margin-top:1.1em}
.prose p{margin:0}
.prose h2{font-size:clamp(30px,3vw,42px);line-height:1.02;margin-top:1.8em;scroll-margin-top:110px}
.prose .lead::first-letter{float:left;font:600 5.2em/.8 var(--display);margin:.06em .1em 0 0;color:var(--orange)}
.prose blockquote{margin:1.6em 0;padding:0;font:500 clamp(26px,2.8vw,38px)/1.15 var(--display);letter-spacing:-.015em;color:var(--purple)}
.prose blockquote::before{content:"";display:block;width:56px;height:4px;margin-bottom:22px;background:var(--gfull);border-radius:2px}
.prose blockquote cite{display:block;margin-top:14px;font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:var(--muted)}
.prose ol{padding-left:0;list-style:none;counter-reset:s}
.prose ol li{counter-increment:s;position:relative;padding:16px 0 16px 64px;border-top:1px solid var(--line)}
.prose ol li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:14px;font:600 30px/1 var(--display);color:var(--magenta);letter-spacing:-.015em}
.dato{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:22px;border-radius:18px;background:var(--ink);color:var(--paper)}
.dato .num{font:600 clamp(44px,5vw,64px)/.9 var(--display);letter-spacing:-.02em;color:var(--yellow)}
.dato p{font-size:16px;line-height:1.5}
.dato .mono{display:block;color:var(--lilac);margin-bottom:6px}

.side{align-self:start;position:sticky;top:120px;display:flex;flex-direction:column;gap:16px}
@media (max-width:1000px){.side{position:static}}
.ep-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:var(--ink);color:var(--paper)}
.ep-card .thumb{position:relative;aspect-ratio:16/9;background:var(--g003);display:grid;place-items:center}
.ep-card .thumb .pb{width:60px;height:60px;border-radius:50%;background:var(--orange);display:grid;place-items:center;transition:transform .6s var(--ease)}
.ep-card:hover .thumb .pb{transform:scale(1.12)}
.ep-card .thumb .mono{position:absolute;left:12px;top:12px}
.ep-card .info{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px}
.ep-card .info b{font:600 20px/1.1 var(--display);letter-spacing:-.02em}
.ep-card .info span{font-size:14px;opacity:.75}

.receta{position:relative;margin-top:clamp(64px,8vw,112px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(26px,4vw,56px);border-radius:clamp(20px,2.6vw,32px);background:var(--g001);overflow:hidden;isolation:isolate}
@media (max-width:860px){.receta{grid-template-columns:1fr}}
.receta::after{content:"";position:absolute;right:-6%;bottom:-40%;width:44%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,204,0,.9),transparent 65%);z-index:-1;animation:float 8s ease-in-out infinite alternate}
.receta h2{font-size:clamp(38px,5vw,76px)}
.receta p{margin:16px 0 0;max-width:460px}
.rx{position:relative;padding:22px 22px 20px;border-radius:18px;background:var(--cream);color:var(--purple);box-shadow:0 24px 50px -20px rgba(var(--purple-rgb),.5);transform:rotate(2deg);transition:transform .8s var(--ease)}
.receta:hover .rx{transform:rotate(-1deg) translateY(-6px)}
.rx .rxh{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1.5px dashed rgba(var(--purple-rgb),.3)}
.rx .rxh b{font:600 44px/1 var(--display);color:var(--orange)}
.rx h3{font-size:26px;margin-top:14px;letter-spacing:-.02em}
.rx .rxm{margin-top:8px;font-size:14px;color:var(--muted)}
.rx .btn{margin-top:18px;background:var(--ink);color:var(--paper);border-color:var(--ink)}
.related{margin-top:clamp(80px,10vw,140px)}
.rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}
@media (max-width:860px){.rel-grid{grid-template-columns:1fr}}

}
body.ae-pg-botiquin{

/* ---------- El Botiquín ---------- */
.ph{padding-top:calc(env(safe-area-inset-top,0px) + 132px);padding-bottom:clamp(24px,3vw,40px);position:relative;overflow:hidden}
.ph .crumb{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:clamp(28px,5vw,64px);border-bottom:1px solid var(--line)}
.ph h1{font-size:clamp(64px,13vw,210px);letter-spacing:-.015em}
.ph h1 .o{color:var(--orange)}
.ph-row{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-top:clamp(20px,3vw,40px)}
.ph-row p{margin:0;max-width:460px;font-size:19px;color:#3B4262}
.ph .cross{position:absolute;right:var(--g);top:150px;width:clamp(70px,9vw,130px);height:auto;animation:beat 1.6s var(--ease) infinite}

@media (max-width:760px){.ph .cross{display:none}}
.tabs2{display:flex;gap:6px;padding:5px;border-radius:999px;background:rgba(var(--purple-rgb),.07)}
.tabs2 a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.tabs2 a.on{background:var(--ink);color:var(--paper)}
.thanks{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:14px;border-radius:14px;border:1.5px dashed var(--line);margin-top:clamp(20px,3vw,32px);font-size:15px;color:#3B4262}
.thanks .sp{padding:6px 12px;border-radius:8px;background:rgba(var(--purple-rgb),.06);font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase}

.tools{position:sticky;top:calc(env(safe-area-inset-top,0px) + 8px);z-index:20;margin-top:clamp(24px,3vw,40px);padding:10px;border-radius:22px;background:rgba(var(--cream-rgb),.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 0 1px var(--line),0 20px 40px -24px rgba(var(--purple-rgb),.35);display:flex;flex-direction:column;gap:10px}
@media (max-width:760px){.tools{position:static}}
.tools-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.search{position:relative;flex:1 1 260px}
.search input{width:100%;min-height:52px;padding:0 18px 0 48px;border-radius:14px;border:1.5px solid var(--line);background:#fffdf6;color:var(--ink);font:16px var(--sans);transition:border-color .3s,box-shadow .3s}
.search input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px rgba(var(--orange-rgb),.2)}
.search svg{position:absolute;left:16px;top:50%;translate:0 -50%}
.sel{position:relative}
.sel label{position:absolute;left:14px;top:7px;font:500 9.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);pointer-events:none}
.sel select{appearance:none;-webkit-appearance:none;min-height:52px;padding:18px 40px 4px 14px;border-radius:14px;border:1.5px solid var(--line);background:#fffdf6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath d='M3 6l5 5 5-5' fill='none' stroke='%23280047' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;color:var(--ink);font:500 15px var(--sans);cursor:pointer}
.types{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.types::-webkit-scrollbar{display:none}
.type{flex:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px 0 12px;border-radius:999px;border:1.5px solid transparent;background:none;cursor:pointer;font:600 15px var(--display);letter-spacing:-.01em;transition:background .35s,color .35s,border-color .35s}
.type i{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(var(--purple-rgb),.3)}
.type small{font:500 11px var(--mono);color:var(--muted);transition:color .35s}
.type:hover{border-color:var(--line)}
.type[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.type[aria-pressed="true"] small{color:var(--lilac)}

.results-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:clamp(28px,4vw,48px)}
.res-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:18px}
@media (max-width:980px){.res-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.res-grid{grid-template-columns:1fr}}
.it{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(18px,2vw,26px);border-radius:20px;background:#fffdf6;box-shadow:0 0 0 1px var(--line);animation:pop .6s var(--ease) both;transition:transform .6s var(--ease),box-shadow .5s}
.it:hover{transform:translateY(-4px);box-shadow:0 0 0 1.5px var(--ink),0 24px 40px -24px rgba(var(--purple-rgb),.4)}

.it .top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.it .type-tag{display:inline-flex;align-items:center;gap:8px;font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.it .type-tag i{width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(var(--purple-rgb),.3)}
.it h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.012em;line-height:1.05}
.it .org{font-size:14.5px;color:var(--muted);margin-top:-6px}
.it dl{margin:0;display:grid;gap:10px}
.it dt{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.it dd{margin:2px 0 0;font-size:15px}
.it .tags{display:flex;gap:6px;flex-wrap:wrap}
.it .tags span{padding:4px 10px;border-radius:999px;background:rgba(var(--purple-rgb),.07);font-size:12.5px}
.it .ift{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line)}
.it .lnk{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;font-size:15px}
.it .lnk svg{transition:transform .5s var(--ease)}
.it .lnk:hover svg{transform:translate(3px,-3px)}
.soon{padding:5px 10px;border-radius:999px;background:var(--orange);color:var(--ink);font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;animation:blink 1.6s infinite}

.ally{padding:5px 10px;border-radius:999px;background:var(--ink);color:var(--cream);font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.count{display:flex;align-items:baseline;gap:8px}
.count b{font:600 clamp(44px,4.6vw,64px)/.9 var(--display);letter-spacing:-.02em}
.count span{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.it.urgent{box-shadow:0 0 0 1.5px var(--orange)}
.it.archived{opacity:.55;filter:grayscale(.8)}
.it.tpl{background:var(--ink);color:var(--paper);box-shadow:none}
.it.tpl .org,.it.tpl dt{color:#A9AEC6}
.it.tpl .ift{border-color:rgba(var(--cream-rgb),.18)}
.it.tpl .rx{font:600 40px/1 var(--display);color:var(--orange)}
.none{display:none;padding:48px 0;text-align:center;color:var(--muted)}
.arch{display:flex;justify-content:center;margin-top:clamp(28px,4vw,48px)}
.sample{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* download dialog */
dialog.dl{width:min(520px,calc(100vw - 32px));border:0;border-radius:24px;padding:0;background:var(--cream);color:var(--ink);box-shadow:0 40px 80px -20px rgba(12,17,41,.6)}
dialog.dl::backdrop{background:rgba(12,17,41,.6);backdrop-filter:blur(4px)}
dialog.dl[open]{animation:dlin .6s var(--ease)}

.dl-head{padding:26px 26px 18px;background:var(--g001);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.dl-head h2{font-size:32px;letter-spacing:-.015em;margin-top:8px}
.dl-close{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--ink);background:none;display:grid;place-items:center;cursor:pointer;flex:none}
.dl form{padding:22px 26px 26px;display:flex;flex-direction:column;gap:14px}
.dl .fld{display:flex;flex-direction:column;gap:6px}
.dl .fld label{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.dl .fld input{min-height:50px;padding:0 14px;border-radius:12px;border:1.5px solid var(--ink);background:#fffdf6;font:16px var(--sans);color:var(--ink)}
.dl .fld input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px rgba(var(--orange-rgb),.2)}
.dl .msg{font-size:14px;min-height:20px}
.dl .btn{align-self:flex-start;background:var(--ink);color:var(--paper);border-color:var(--ink)}

}
body.ae-pg-clinica{

/* ---------- La Clínica ---------- */
.ph{padding-top:calc(env(safe-area-inset-top,0px) + 132px);padding-bottom:clamp(40px,6vw,80px);position:relative;overflow:hidden}
.ph .crumb{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:clamp(28px,5vw,64px);border-bottom:1px solid var(--line)}
.ph-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:end}
@media (max-width:960px){.ph-grid{grid-template-columns:1fr}}
.ph h1{font-size:clamp(64px,12vw,196px);letter-spacing:-.015em}
.ph h1 .o{color:var(--orange)}
.ph p.lead{margin:clamp(20px,3vw,32px) 0 0;max-width:460px;font-size:19px;color:#3B4262}

/* appointment card */
.appt{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 120px;border-radius:24px;background:var(--ink);color:var(--paper);box-shadow:0 40px 80px -30px rgba(var(--purple-rgb),.6);transform:rotate(-2deg);transition:transform .9s var(--ease)}
.appt:hover{transform:rotate(0) translateY(-6px)}
.appt .main{padding:clamp(22px,2.6vw,32px);display:flex;flex-direction:column;gap:16px;border-right:2px dashed rgba(var(--cream-rgb),.3)}
.appt .stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px;background:var(--g001);color:var(--purple);border-radius:0 24px 24px 0}
.appt .stub b{font:600 56px/.85 var(--display);letter-spacing:-.012em}
.appt::before,.appt::after{content:"";position:absolute;right:108px;width:24px;height:24px;border-radius:50%;background:var(--paper)}
.appt::before{top:-12px}.appt::after{bottom:-12px}
.appt h2{font-size:clamp(28px,3vw,42px)}
.appt dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.appt dt{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--lilac)}
.appt dd{margin:3px 0 0;font-weight:600}
.appt .btn{align-self:flex-start;border-color:var(--orange);background:var(--orange);color:var(--ink)}
.appt .btn::before{background:var(--yellow)}
@media (max-width:520px){.appt{grid-template-columns:1fr}.appt .main{border-right:0;border-bottom:2px dashed rgba(var(--cream-rgb),.3)}.appt .stub{flex-direction:row;border-radius:0 0 24px 24px}.appt::before,.appt::after{display:none}}

/* upcoming events */
.ev-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.fchip{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px 0 12px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper);font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .4s,color .4s,border-color .4s}
.fchip i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px rgba(var(--purple-rgb),.3)}
.fchip:hover{border-color:var(--ink)}
.fchip[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.evs{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.ev{display:grid;grid-template-columns:120px minmax(0,1fr) auto auto;gap:clamp(16px,3vw,40px);align-items:center;padding-block:clamp(20px,2.6vw,30px);border-bottom:1px solid var(--line);position:relative;isolation:isolate;transition:opacity .5s var(--ease)}
.ev::before{content:"";position:absolute;inset:0 calc(var(--g) * -1);background:var(--c);z-index:-1;clip-path:inset(0 100% 0 0);transition:clip-path .8s var(--ease)}
.ev:hover::before{clip-path:inset(0 0 0 0)}
.ev.hide{display:none}
.ev .date{display:flex;flex-direction:column}
.ev .date b{font:600 clamp(40px,4vw,56px)/.9 var(--display);letter-spacing:-.02em}
.ev .date span{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.ev h3{font-size:clamp(24px,2.6vw,36px);letter-spacing:-.015em;line-height:1.05}
.ev .kind{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.ev .kind i{width:9px;height:9px;border-radius:50%;background:var(--k);box-shadow:inset 0 0 0 1px rgba(var(--purple-rgb),.3)}
.ev .where{font-size:15px;color:#3B4262;margin-top:6px}
.ev .price{font:600 22px var(--display);text-align:right;white-space:nowrap}
.ev .price small{display:block;font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ev .reg{min-height:50px;padding:0 22px}
@media (max-width:760px){.ev{grid-template-columns:80px minmax(0,1fr)}.ev .price{text-align:left;grid-column:2}.ev .reg{grid-column:2;justify-self:start}}

/* formats: expanding panels */
.formats{display:flex;gap:10px;height:clamp(440px,42vw,560px)}
.fmt{position:relative;flex:1;min-width:0;border-radius:24px;overflow:hidden;isolation:isolate;padding:clamp(20px,2.4vw,32px);display:flex;flex-direction:column;justify-content:space-between;transition:flex .9s var(--ease);cursor:default}
.fmt.on{flex:2.6}
.fmt:not(.on) h3{font-size:clamp(26px,2.8vw,44px);overflow-wrap:anywhere}
@media (max-width:860px){.fmt:not(.on) h3{font-size:clamp(32px,8vw,48px)}}
.fmt .n{font:500 12px var(--mono);letter-spacing:.14em}
.fmt h3{font-size:clamp(32px,4vw,64px)}
.fmt .freq{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;margin-top:12px;display:block}
.fmt p{margin:14px 0 0;max-width:420px;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .8s var(--ease)}
.fmt.on p{opacity:1;transform:none;transition-delay:.25s}
.fmt .big{position:absolute;right:-4%;top:-6%;font:600 clamp(160px,18vw,280px)/1 var(--display);letter-spacing:-.015em;opacity:.12;z-index:-1}
@media (max-width:860px){.formats{flex-direction:column;height:auto}.fmt{min-height:240px}.fmt p{opacity:1;transform:none}}

/* past events gallery */
.past{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(120px,12vw,180px);gap:10px}
.ph1{grid-column:span 3;grid-row:span 2}.ph2{grid-column:span 3}.ph3{grid-column:span 2}.ph4{grid-column:span 1}.ph5{grid-column:span 2}.ph6{grid-column:span 2}.ph7{grid-column:span 2}
@media (max-width:760px){.past{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:140px}.past > *{grid-column:span 1 !important;grid-row:span 1 !important}.past > .ph1{grid-column:span 2 !important;grid-row:span 2 !important}}
.pic{position:relative;border-radius:16px;overflow:hidden}
.pic i{position:absolute;inset:0;transition:transform 1.2s var(--ease),filter .8s}
.pic:hover i{transform:scale(1.08)}
.past:hover .pic:not(:hover) i{filter:saturate(.3) brightness(.9)}
.pic .mono{position:absolute;left:12px;bottom:12px;color:var(--cream)}

/* registration dialog */
dialog.dl{width:min(540px,calc(100vw - 32px));border:0;border-radius:24px;padding:0;background:var(--cream);color:var(--ink);box-shadow:0 40px 80px -20px rgba(12,17,41,.6)}
dialog.dl::backdrop{background:rgba(12,17,41,.6);backdrop-filter:blur(4px)}
dialog.dl[open]{animation:dlin .6s var(--ease)}

.dl-head{padding:26px;background:var(--ink);color:var(--cream);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.dl-head h2{font-size:30px;letter-spacing:-.015em;margin-top:8px}
.dl-close{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--cream);background:none;display:grid;place-items:center;cursor:pointer;flex:none}
.dl form{padding:22px 26px 26px;display:flex;flex-direction:column;gap:14px}
.f2c{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:480px){.f2c{grid-template-columns:1fr}}
.dl .fld{display:flex;flex-direction:column;gap:6px}
.dl .fld label{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.dl .fld input{min-height:50px;padding:0 14px;border-radius:12px;border:1.5px solid var(--ink);background:#fffdf6;font:16px var(--sans);color:var(--ink);width:100%}
.dl .fld input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px rgba(var(--orange-rgb),.2)}
.dl .msg{font-size:14px;min-height:20px}
.dl .btn{align-self:flex-start;background:var(--orange);color:var(--ink);border-color:var(--orange)}
.dl .btn::before{background:var(--yellow)}

}
body.ae-pg-consulta{

/* ---------- Pide tu consulta ---------- */
.cq{padding-top:calc(env(safe-area-inset-top,0px) + 132px);padding-bottom:clamp(80px,10vw,140px)}
.cq .line > span{animation:up 1.3s var(--ease) both}
.cq .crumb{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:clamp(28px,5vw,64px);border-bottom:1px solid var(--line)}
.cq-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
@media (max-width:960px){.cq-grid{grid-template-columns:1fr}}
.cq h1{font-size:clamp(52px,8vw,128px)}
.cq h1 .o{color:var(--orange)}
.cq .lead{margin:clamp(20px,3vw,32px) 0 0;max-width:460px;font-size:19px;color:#3B4262}
.who{margin-top:clamp(28px,4vw,44px);padding:22px;border-radius:18px;background:var(--ink);color:var(--paper)}
.who .mono{color:var(--yellow)}
.who ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.who li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:16px}
.who li svg{margin-top:3px}
.next{margin-top:24px;display:flex;flex-direction:column}
.next .mono{color:var(--muted);margin-bottom:6px}
.next div{display:grid;grid-template-columns:40px 1fr;gap:12px;padding-block:14px;border-top:1px solid var(--line)}
.next b{font:600 22px/1 var(--display);color:var(--orange)}

/* intake form */
.intake{position:relative;border-radius:clamp(20px,2.4vw,32px);background:#fffdf6;box-shadow:0 0 0 1px var(--line),0 40px 80px -40px rgba(var(--purple-rgb),.35);overflow:hidden}
.monitor{padding:20px clamp(20px,3vw,32px) 16px;background:var(--ink);color:var(--paper)}
.monitor .row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.monitor svg{display:block;width:100%;height:56px;margin-top:8px}
.monitor .base{fill:none;stroke:rgba(181,102,186,.35);stroke-width:2}
.monitor .live{fill:none;stroke:var(--yellow);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 5px rgba(255,204,0,.7));transition:stroke-dashoffset 1s var(--ease)}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:6px}
.steps span{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;opacity:.45;transition:opacity .4s,color .4s}
.steps span.on{opacity:1;color:var(--yellow)}
.steps span.done{opacity:.85}
.steps b{font-weight:500}
@media (max-width:640px){.steps span:not(.on) b{display:none}.steps span.on{grid-column:span 1;white-space:nowrap}}
.intake form{padding:clamp(22px,3vw,40px)}
.pane{display:none;flex-direction:column;gap:18px;animation:paneIn .7s var(--ease)}
.pane.on{display:flex}

.pane h2{font-size:clamp(30px,3.4vw,46px)}
.pane .hint{margin:-8px 0 0;color:var(--muted);font-size:15px}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:560px){.g2{grid-template-columns:1fr}}
.fld{display:flex;flex-direction:column;gap:6px}
.fld label,.fld legend{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:0}
.fld input,.fld select,.fld textarea{width:100%;min-height:52px;padding:12px 14px;border-radius:12px;border:1.5px solid rgba(var(--purple-rgb),.35);background:var(--paper);color:var(--ink);font:16px var(--sans);transition:border-color .3s,box-shadow .3s;resize:vertical;color-scheme:light}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px rgba(var(--orange-rgb),.2)}
.fld .count{align-self:flex-end;font:500 11px var(--mono);color:var(--muted)}
.fld.err input,.fld.err select,.fld.err textarea{border-color:#c0192c}
.fld .e{display:none;font-size:13.5px;color:#a3101f}
.fld.err .e{display:block}
fieldset.fld{border:0;margin:0;padding:0}
.opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.opts label{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid rgba(var(--purple-rgb),.3);font:500 14px var(--sans);letter-spacing:0;text-transform:none;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.opts input{position:absolute;opacity:0;pointer-events:none}
.opts label:has(input:checked){background:var(--ink);color:var(--paper);border-color:var(--ink)}
.opts label:has(input:focus-visible){outline:2px solid var(--orange);outline-offset:2px}
.check{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:15px}
.check input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--orange)}
.nav-btns{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:18px;border-top:1px solid var(--line)}
.nav-btns .back{min-height:48px;padding:0 18px;border-radius:999px;border:0;background:none;font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.nav-btns .back:disabled{opacity:0;pointer-events:none}
.go{background:var(--orange);color:var(--ink);border-color:var(--orange)}
.go::before{background:var(--yellow)}
.done-pane{text-align:left}
.done-pane .big-check{width:88px;height:88px;border-radius:50%;background:var(--g001);display:grid;place-items:center;animation:pop2 .9s cubic-bezier(.3,1.6,.4,1)}

.review{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 18px;padding:18px;border-radius:14px;background:var(--paper);font-size:15px}
.review dt{font:500 10.5px/1.9 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.review dd{margin:0;overflow-wrap:anywhere}

}
/* Telón entre páginas */

.ph .line > span,.ah .line > span{animation:up 1.3s var(--ease) both}
.curtain{position:fixed;inset:0;z-index:180;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 28px) var(--g) 32px;transform:translateY(101%);pointer-events:none}
.curtain.in{transform:translateY(0);transition:transform .65s cubic-bezier(.76,0,.24,1)}
.curtain.out{transform:translateY(-101%);transition:transform .75s cubic-bezier(.76,0,.24,1)}
.curtain b{font:600 clamp(48px,10vw,160px)/.9 var(--display);letter-spacing:-.012em;overflow:hidden;display:block}
.curtain b span{display:inline-block;transform:translateY(100%);transition:transform .7s var(--ease) .15s}
.curtain.in b span{transform:none}
.curtain .bar2{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--gfull);transform:scaleX(0);transform-origin:left}
.curtain.in .bar2{transform:scaleX(1);transition:transform .6s var(--ease) .1s}

/* ================= WordPress: ajustes del tema ================= */
.skip{position:absolute;left:-9999px;top:8px;z-index:400;padding:12px 18px;border-radius:999px;background:var(--orange);color:var(--purple);font-weight:600}
.skip:focus{left:16px}
.hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0}
.ae-no-pre .pre{display:none}
.ph .line > span,.ah .line > span,.cq .line > span,.case .line > span,.empty-state .line > span{animation:up 1.3s var(--ease) both}
.logo-h{height:40px;width:auto;max-width:220px}
.logo-v{width:180px;height:auto}
.wipr-logo{height:22px;width:auto}
.empty-line{margin:0;padding:28px 0;color:var(--muted);font-size:18px;border-top:1px solid var(--line)}
.empty-state{padding-block:clamp(40px,8vw,120px)}
.empty-state h1{font-size:clamp(44px,8vw,120px)}
.sec-note{margin:0;max-width:380px;color:#3B4262}
.pager{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.pager a{min-height:52px}
:root{--muted-2:#3B4262}

/* Reproductor con YouTube */
.player .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.92;transition:transform 1.6s var(--ease)}
.player:hover .poster{transform:scale(1.03)}
.player .poster + .iso-bg{display:none}
.player:has(.poster)::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,17,41,.35),rgba(12,17,41,0) 40%,rgba(12,17,41,.55))}
.player .yt-slot{position:absolute;inset:0 0 76px 0;z-index:2;display:none;background:#000}
.player .yt-slot iframe{width:100%;height:100%;border:0;display:block}
.player.started .yt-slot{display:block}
.player.started .p-center,.player.started .p-tl,.player.started .p-tr{display:none}
.player.started .p-bar{background:var(--purple);padding-top:10px;z-index:3}
.player.started{cursor:auto}
.p-tr{color:var(--cream)}
.bigplay .ico-play,.bigplay .ico-pause{display:grid;place-items:center;color:var(--cream)}
.player.playing .bigplay .ico-pause{color:var(--purple)}
.smallplay .ico-play,.smallplay .ico-pause{display:grid;place-items:center}
.player .ico-pause{display:none}
.player.playing .ico-play{display:none}
.player.playing .ico-pause{display:grid}
.ctrls a.yt-open{min-width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--cream)}
.ctrls a.yt-open:hover,.ctrls button:hover{background:rgba(var(--cream-rgb),.12)}
.ctrls .fs{color:var(--cream)}
.ep-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:clamp(24px,3vw,36px)}

/* Tarjetas con imagen real */
.cs .cover .cover-img,.img > img,.ep-card .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform 1.2s var(--ease)}
.img > img{z-index:0}
.img > .cat.on-img{position:absolute;left:14px;top:14px;z-index:1}
.card:hover .img > img,.cs:hover .cover .cover-img{transform:scale(1.08)}
.cs .cover{background:var(--purple)}
.ep-card .thumb{position:relative;overflow:hidden;isolation:isolate}
.cases.cases-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1000px){.cases.cases-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cat{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;background:var(--c);color:var(--fg);box-shadow:0 0 0 1px rgba(var(--cream-rgb),.3)}

/* Notas Clínicas: filtros como enlaces */
body.ae-pg-notas .chip[aria-current]{background:var(--purple);color:var(--cream);border-color:var(--purple)}
body.ae-pg-notas .chip[aria-current] i{box-shadow:0 0 0 2px var(--cream)}
body.ae-pg-notas .feat .img{aspect-ratio:16/11}
body.ae-pg-notas .nt{transition:none}

/* Historial */
.premise p .em{color:var(--orange)}
.ally .ally-logo{display:flex;align-items:center;height:48px}
.ally .ally-logo img{max-height:48px;width:auto;max-width:160px;object-fit:contain;transition:filter .6s}
.ally:hover .ally-logo img{filter:brightness(0) invert(1)}
.sp.has-logo{padding:18px;border-style:solid}
.sp.has-logo img{max-width:80%;max-height:70%;object-fit:contain}
.wipr-card .logo img{max-height:70px;width:auto}
.mailto{font-weight:600;text-decoration:underline;text-underline-offset:4px}

/* Cuerpo Médico */
.photo .bg img{width:100%;height:100%;object-fit:cover;display:block}
.bio-text{color:#3B4262}
.sc .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc h3,.sc .org{position:relative}

/* El Botiquín */
.thanks .sp img{max-height:28px;width:auto}
body.ae-pg-botiquin .it .ift a.lnk{color:inherit}

/* La Clínica */
body.ae-pg-clinica .ev::before{background:color-mix(in srgb,var(--k) 30%,transparent)}
.sold{display:inline-flex;align-items:center;min-height:50px;padding:0 22px;border-radius:999px;border:1.5px dashed var(--muted);color:var(--muted);font-weight:600}
body.ae-pg-clinica .past .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter .8s}
body.ae-pg-clinica .past .pic:hover img{transform:scale(1.08)}
body.ae-pg-clinica .past:hover .pic:not(:hover) img{filter:saturate(.3) brightness(.9)}

/* Pide tu consulta */
body.ae-pg-consulta .ok-e{display:none;font-size:13.5px;color:#a3101f}
body.ae-pg-consulta .ok-e.show{display:block}
body.ae-pg-consulta .who li svg{color:var(--yellow);flex:none}
body.ae-pg-consulta .big-check{color:var(--purple)}

/* Artículo: contenido del editor de WordPress */
body.ae-pg-articulo .cover i{background-size:cover;background-position:center}
.prose h2{font-family:var(--display);font-weight:600;letter-spacing:-.015em}
.prose h3{font-size:clamp(24px,2.2vw,30px);line-height:1.08;margin-top:1.6em;letter-spacing:-.02em}
.prose a{color:var(--magenta);text-decoration:underline;text-underline-offset:3px}
.prose img,.prose figure{max-width:100%;height:auto;border-radius:16px}
.prose figure{margin:1.6em 0}
.prose figcaption{font:500 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:10px}
.prose ul{padding-left:1.2em}
.prose ul li::marker{color:var(--orange)}
.prose > p:first-of-type::first-letter{float:left;font:600 5.2em/.8 var(--display);margin:.06em .1em 0 0;color:var(--orange)}
.prose blockquote,.prose .wp-block-quote,.prose .wp-block-pullquote blockquote{margin:1.6em 0;padding:0;border:0;font:500 clamp(26px,2.8vw,38px)/1.15 var(--display);letter-spacing:-.015em;color:var(--purple)}
.prose blockquote::before{content:"";display:block;width:56px;height:4px;margin-bottom:22px;background:var(--gfull);border-radius:2px}
.prose blockquote p{margin:0}
.prose blockquote cite{display:block;margin-top:14px;font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;font-style:normal;color:var(--muted)}
.prose .wp-block-pullquote{border:0;padding:0;text-align:left}
.prose .has-background{border-radius:18px;padding:22px}
.prose .wp-block-embed iframe{width:100%;aspect-ratio:16/9;height:auto;border-radius:16px}
.prose.simple{max-width:760px;font-size:18px;line-height:1.7}
.prose.simple > p:first-of-type::first-letter{float:none;font:inherit;margin:0;color:inherit}
.toc:empty,.toc:not(:has(a)){visibility:hidden}

.ae-curtain-in .curtain{transform:none;transition:none}
.ae-curtain-in .curtain b span{transform:none}
.ev.flash{animation:flash 2.4s var(--ease)}
@keyframes flash{0%,40%{box-shadow:inset 0 0 0 2px var(--orange)}100%{box-shadow:inset 0 0 0 2px transparent}}

.curtain{visibility:hidden}
.curtain.in,.curtain.out,.ae-curtain-in .curtain{visibility:visible}

/* Movimiento reducido */
@media (prefers-reduced-motion:reduce){.curtain{display:none}}
body.ae-pg-clinica .fmt:not(.on) h3{font-size:clamp(22px,2.1vw,34px);overflow-wrap:normal;hyphens:auto}

/* ================= Manual de marca ================= */
.mono{letter-spacing:.18em;font-weight:500;font-variant-numeric:tabular-nums}
h1,h2,h3{font-weight:600}
.line{padding-top:.1em;margin-top:-.1em}
/* Acentos legibles: naranja sobre oscuro, morado sobre claro */
.ph h1 .o,.case h1 .o,.host h2 .o,.cq h1 .o,.ah h1 .o,.premise p em,.premise p .em,.next b,.rx .rxh b,.prose .lead::first-letter,.prose > p:first-of-type::first-letter,.empty-state h1 .o{color:var(--purple) !important}
[data-dark] .o{color:var(--orange)}
/* Logos */
.brand .logo-full,.brand .logo-iso{border-radius:0;width:auto}
.brand:hover .logo-full{transform:none}
.oc .brand{gap:0}
.brand .logo-full{height:46px;width:auto}
.brand .logo-iso{display:none;height:40px;width:40px;transition:transform 1s var(--ease)}
.brand:hover .logo-iso{transform:rotate(360deg)}
@media (max-width:480px){.brand .logo-full{display:none}.brand .logo-iso{display:block}}
.oc .brand .logo-full{height:42px}
.vlogo .logo-v{width:190px;height:auto;border-radius:0}
.pre .logo-pre{height:44px;width:auto}
.curtain{visibility:hidden}.curtain.in,.curtain.out{visibility:visible}
.curtain .iso-c{width:56px;height:56px;margin-bottom:auto}
/* Visor: esquinas como en el banner */
.vf,.sec-head .sub,.hero-top .live,.crumb > .mono:first-child{position:relative;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:
 linear-gradient(currentColor,currentColor) left top/10px 1px no-repeat,linear-gradient(currentColor,currentColor) left top/1px 10px no-repeat,
 linear-gradient(currentColor,currentColor) right top/10px 1px no-repeat,linear-gradient(currentColor,currentColor) right top/1px 10px no-repeat,
 linear-gradient(currentColor,currentColor) left bottom/10px 1px no-repeat,linear-gradient(currentColor,currentColor) left bottom/1px 10px no-repeat,
 linear-gradient(currentColor,currentColor) right bottom/10px 1px no-repeat,linear-gradient(currentColor,currentColor) right bottom/1px 10px no-repeat}
.sec-head .sub{margin-bottom:18px}
/* Fondos oscuros: retícula clínica y resplandor morado */
.purpose,.method,.spec,.foot,.botiquin,.pre,.curtain,.oc{background-image:
 radial-gradient(ellipse 55% 65% at 0% 100%,rgba(117,26,124,.55),transparent 70%),
 radial-gradient(ellipse 45% 55% at 100% 0%,rgba(8,107,221,.14),transparent 70%),
 linear-gradient(rgba(246,241,222,.045) 1px,transparent 1px),
 linear-gradient(90deg,rgba(246,241,222,.045) 1px,transparent 1px) !important;
 background-size:100% 100%,100% 100%,120px 120px,120px 120px !important}
.method,.spec,.foot{position:relative;overflow:clip}
.m-sticky{background:rgba(19,26,58,.86) !important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
/* Líneas de la marca */
.brand-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.brand-lines path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}
.brand-lines .l1{stroke:#B566BA;stroke-width:1.6;opacity:.55}
.brand-lines .l2{stroke:#F6F1DE;stroke-width:2.2;opacity:.28}
.brand-lines .l3{stroke:#086BDD;stroke-width:1.6;opacity:.45}
.purpose > .wrap,.method > .wrap,.spec > .wrap,.spec > .rail,.foot > .wrap,.botiquin > *:not(.brand-lines):not(.iso){position:relative;z-index:1}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion:no-preference){
    .brand-lines path{stroke-dasharray:3200;animation:ae-draw linear both;animation-timeline:view();animation-range:entry 0% cover 55%}
  }
}
@keyframes ae-draw{from{stroke-dashoffset:3200}to{stroke-dashoffset:0}}
/* Esferas naranja del banner */
.orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle at 38% 36%,#FFB24A 0%,#FF9700 48%,rgba(255,151,0,.82) 78%,rgba(255,151,0,.55) 100%);box-shadow:0 0 120px 10px rgba(255,151,0,.25);animation:ae-orb 12s ease-in-out infinite alternate}
@keyframes ae-orb{to{transform:translate(-3%,4%) scale(1.04)}}
.purpose .orb{width:min(38vw,520px);aspect-ratio:1;right:-12vw;top:-16vw}
.purpose .iso-deco{left:-8%;right:auto;top:auto;bottom:-22%;opacity:.12}
/* Patrón de isotipos en el footer */
.foot::before{content:"";position:absolute;inset:0;background:url("../img/pattern.png") center/cover no-repeat;opacity:.05;pointer-events:none}
/* Portada clara con esquina amarilla, como en la paleta */
.hero{background:radial-gradient(ellipse 45% 55% at 0% 100%,rgba(255,204,0,.28),transparent 70%)}
/* Palabra rotativa: Neulis es más alta */
.rot{height:1.18em !important;padding-bottom:.08em;vertical-align:-.12em !important}
.rot > span{transform:translateY(130%)}
.rot > span.on{transform:none}
.rot > span.off{transform:translateY(-130%)}
/* Isotipo en la cinta */
.marq-track .mq-iso{width:.62em;height:.62em;flex:none;object-fit:contain}