/* =========================================================
   ODOS DENTAL — Sistema de diseño
   Cambia los colores de marca en :root cuando tengamos el logo
   ========================================================= */
:root{
  --ink:#2B2018;
  --ink-2:#3A2C22;
  --ink-3:#4A392C;
  --paper:#FAF7F2;
  --paper-2:#EFE7DC;
  --white:#FFFFFF;
  --line:rgba(43,32,24,.12);
  --line-inv:rgba(255,255,255,.14);
  --muted:#7A6A5C;
  --muted-inv:rgba(255,255,255,.62);

  --accent:#A0703F;        /* verde-teal clínico */
  --accent-2:#E2C49B;      /* menta luminosa */
  --night:#1F1712;         /* medicina del sueño */
  --night-2:#2E231B;
  --violet:#D2A672;
  --rose:#B98A72;          /* armonización facial */
  --blush:#F2E4DA;
  --wa:#25D366;

  --radius:22px;
  --radius-lg:36px;
  --ease:cubic-bezier(.16,1,.3,1);
  --gutter:clamp(16px,4vw,56px);
  --maxw:1440px;
  --font:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --logo:'Montserrat','Gotham','Avenir Next',system-ui,sans-serif;
  --wood:#B8854F;
}

*,*::before,*::after{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-family:var(--font);font-size:clamp(16px,1.05vw,18px);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--accent-2);color:var(--ink)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}

.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.section{padding:clamp(80px,12vw,180px) 0;position:relative}
.dark{background:var(--ink);color:var(--white)}
.dark .muted{color:var(--muted-inv)}
.muted{color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- Tipografía ---------- */
.display,h1,h2,h3{font-family:var(--font);font-stretch:115%;font-weight:800;letter-spacing:-.035em;line-height:.92;margin:0}
.display-xl{font-size:clamp(54px,11.5vw,210px)}
.display-l{font-size:clamp(44px,7.6vw,138px)}
.display-m{font-size:clamp(36px,5vw,88px)}
.display-s{font-size:clamp(28px,3.2vw,52px);line-height:1}
h3{font-size:clamp(22px,1.9vw,32px);line-height:1.05;letter-spacing:-.025em}
p{margin:0 0 1em}
.lead{font-size:clamp(18px,1.45vw,24px);line-height:1.45;font-weight:400;max-width:44ch}
.eyebrow{display:inline-flex;align-items:center;gap:.7em;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-stretch:100%}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}
.dark .eyebrow::before{background:var(--accent-2);box-shadow:0 0 0 4px rgba(226,196,155,.18)}
.outline{color:transparent;-webkit-text-stroke:1.5px currentColor}
.outline{-webkit-text-stroke-color:var(--ink)}
.dark .outline,.on-dark .outline{-webkit-text-stroke-color:var(--white)}
.accent{color:var(--accent)}
.dark .accent{color:var(--accent-2)}
.num{font-variant-numeric:tabular-nums}

/* Split de texto (animación por líneas/palabras) */
.split-line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.split-line>span{display:inline-block;will-change:transform}
.js-anim .split-line>span{transform:translateY(105%)}
.js-anim .split-line.in>span{transform:none;transition:transform 1.25s var(--ease)}
[data-reveal]{transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js-anim [data-reveal]:not(.in){opacity:0;transform:translateY(40px)}

/* ---------- Botones ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.65em;height:58px;padding:0 28px;border-radius:999px;font-weight:600;font-size:16px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;isolation:isolate;transition:color .5s var(--ease),transform .4s var(--ease)}
.btn::before{content:"";position:absolute;inset:0;border-radius:inherit;transform:translateY(101%);transition:transform .55s var(--ease);z-index:-1}
.btn:hover::before{transform:none}
.btn svg{width:18px;height:18px;flex:none;transition:transform .5s var(--ease)}
.btn:hover svg{transform:translateX(4px)}
.btn--primary{background:var(--ink);color:var(--white)}
.btn--primary::before{background:var(--accent)}
.dark .btn--primary,.on-dark .btn--primary{background:var(--accent-2);color:var(--ink)}
.dark .btn--primary::before,.on-dark .btn--primary::before{background:var(--white)}
.btn--ghost{border:1.5px solid currentColor}
.btn--ghost::before{background:var(--ink)}
.btn--ghost:hover{color:var(--white)}
.dark .btn--ghost::before,.on-dark .btn--ghost::before{background:var(--white)}
.dark .btn--ghost:hover,.on-dark .btn--ghost:hover{color:var(--ink)}
.btn--wa{background:var(--wa);color:#04210F}
.btn--wa::before{background:#1EBE5A}
.btn--sm{height:46px;padding:0 20px;font-size:15px}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.btn-row>.btn{flex:1 1 0;min-width:210px;max-width:320px}
.link-arrow{display:inline-flex;align-items:center;gap:.5em;font-weight:600;border-bottom:1.5px solid currentColor;padding-bottom:2px}
.link-arrow svg{width:16px;height:16px;transition:transform .4s var(--ease)}
.link-arrow:hover svg{transform:translate(3px,-3px)}

/* ---------- Preloader ---------- */
.preloader{position:fixed;inset:0;z-index:999;background:var(--ink);color:var(--white);display:flex;align-items:flex-end;justify-content:space-between;padding:var(--gutter);transition:clip-path 1.1s var(--ease)}
.preloader.done{clip-path:inset(0 0 100% 0)}
.preloader__word{font-family:var(--logo);font-weight:200;font-size:clamp(50px,9vw,150px);letter-spacing:.18em;line-height:.85;display:flex;overflow:hidden}
.preloader__sub{font-family:var(--logo);font-weight:300;letter-spacing:.6em;font-size:clamp(13px,1.3vw,20px);margin-top:18px;color:var(--accent-2)}
.preloader__brand{display:flex;flex-direction:column}
.preloader__word span{display:inline-block;transform:translateY(100%);animation:preUp 1s var(--ease) forwards}
.preloader__word span:nth-child(2){animation-delay:.08s}
.preloader__word span:nth-child(3){animation-delay:.16s}
.preloader__word span:nth-child(4){animation-delay:.24s}
.preloader__count{font-size:clamp(18px,2vw,28px);font-weight:600}
@keyframes preUp{to{transform:none}}

/* ---------- Navegación ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;transition:transform .6s var(--ease),background .4s,padding .4s}
.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav.scrolled{padding:10px 0}
.nav.scrolled .nav__bar{background:rgba(244,241,235,.78);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 1px 0 var(--line)}
.nav.hidden{transform:translateY(-110%)}
.nav__bar{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 10px 10px 22px;border-radius:999px;transition:background .4s,box-shadow .4s}
.logo{display:inline-flex;align-items:center;gap:.32em;font-family:var(--logo);font-weight:600;font-size:21px;letter-spacing:.045em;line-height:1;text-transform:uppercase;white-space:nowrap}
.logo img{height:38px;width:auto}
.nav__links{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav__links a{display:block;padding:10px 14px;border-radius:999px;font-size:15px;font-weight:500;transition:background .3s}
.nav__links a:hover,.nav__links a[aria-current]{background:rgba(43,32,24,.06)}
.nav__cta{display:flex;align-items:center;gap:10px}
.nav__phone{font-weight:600;font-size:15px;padding:0 8px}
.burger{display:none;width:48px;height:48px;border-radius:50%;background:var(--ink);position:relative}
.burger span{position:absolute;left:14px;right:14px;height:2px;background:var(--white);transition:transform .4s var(--ease)}
.burger span:nth-child(1){top:19px}.burger span:nth-child(2){top:27px}
.menu-open .burger span:nth-child(1){transform:translateY(4px) rotate(45deg)}
.menu-open .burger span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}
/* tema oscuro del nav sobre heros oscuros */
.nav--light:not(.scrolled) .nav__bar{color:var(--white)}
.nav--light:not(.scrolled) .nav__links a:hover{background:rgba(255,255,255,.1)}
.nav--light:not(.scrolled) .btn--primary{background:var(--white);color:var(--ink)}
.nav--light:not(.scrolled) .btn--primary:hover{color:var(--white)}
.nav .nav__cta .btn--primary::before{background:var(--accent)!important}
.nav .nav__cta .btn--primary:hover,.nav .nav__cta .btn--primary:focus-visible,.nav .nav__cta .btn--primary:active{color:#fff!important}

.mobile-menu{position:fixed;inset:0;z-index:99;background:var(--ink);color:var(--white);padding:110px var(--gutter) 40px;display:flex;flex-direction:column;justify-content:space-between;clip-path:circle(0 at calc(100% - 44px) 44px);transition:clip-path .9s var(--ease);overflow-y:auto}
.menu-open .mobile-menu{clip-path:circle(150% at calc(100% - 44px) 44px)}
.mobile-menu ul{list-style:none;margin:0;padding:0}
.mobile-menu>ul>li{border-bottom:1px solid var(--line-inv);padding:10px 0}
.mobile-menu>ul>li>a{display:block;font-size:clamp(22px,6vw,34px);font-weight:700;font-stretch:110%;letter-spacing:-.03em;line-height:1.2;padding:4px 0}
.mobile-menu .msub{display:flex;flex-wrap:wrap;gap:6px 8px;list-style:none;margin:8px 0 4px;padding:0}
.mobile-menu .msub a{display:block;font-size:14px;font-weight:500;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.07)}
.mobile-menu__foot{display:grid;gap:12px;margin-top:40px}

/* ---------- Barra móvil fija ---------- */
.mbar{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;display:none;grid-template-columns:1fr 1fr 1.4fr;gap:8px;padding:8px;border-radius:24px;background:rgba(43,32,24,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(0,0,0,.3);transform:translateY(140%);transition:transform .6s var(--ease)}
.mbar.show{transform:none}
.mbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:54px;border-radius:16px;font-size:12px;font-weight:600;color:var(--white);background:rgba(255,255,255,.08)}
.mbar a svg{width:20px;height:20px}
.mbar a.mbar__wa{background:var(--wa);color:#04210F}
.mbar a.mbar__cita{background:var(--accent-2);color:var(--ink);font-size:14px}

/* ---------- Cursor ---------- */
.cursor{position:fixed;top:0;left:0;z-index:998;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--accent);pointer-events:none;mix-blend-mode:normal;transition:width .4s var(--ease),height .4s var(--ease),margin .4s var(--ease),background .3s;display:none}
.cursor.big{width:84px;height:84px;margin:-42px 0 0 -42px;background:rgba(226,196,155,.9)}
.cursor__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--ink);opacity:0;transition:opacity .3s}
.cursor.big .cursor__label{opacity:1}
@media (hover:hover) and (pointer:fine){.cursor{display:block}}

/* ---------- Placeholder de imágenes ----------
   Sube una foto con el nombre indicado en --img y aparece sola */
.media{position:relative;overflow:hidden;background-color:var(--ink-3);background-image:var(--img,none),radial-gradient(120% 90% at 20% 10%,#8A6440 0%,transparent 55%),radial-gradient(90% 80% at 85% 90%,#3A2A1E 0%,transparent 60%),linear-gradient(160deg,#4A382A,#241A13);background-size:cover;background-position:center}
.media::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:overlay}
.media--warm{background-image:var(--img,none),radial-gradient(110% 90% at 25% 15%,#E6CBB8 0%,transparent 60%),radial-gradient(90% 80% at 80% 90%,#B98A72 0%,transparent 60%),linear-gradient(160deg,#F2E4DA,#C9A792)}
.media--night{background-image:var(--img,none),radial-gradient(90% 70% at 70% 20%,#7A5634 0%,transparent 60%),radial-gradient(100% 80% at 10% 100%,#5A4330 0%,transparent 55%),linear-gradient(170deg,#2E231B,#1F1712)}
.media--light{background-image:var(--img,none),radial-gradient(100% 80% at 20% 20%,#FFFFFF 0%,transparent 60%),radial-gradient(90% 80% at 85% 85%,#E8D6BE 0%,transparent 60%),linear-gradient(160deg,#EDE8DF,#E9DCCB)}

/* ---------- HERO HOME ---------- */
.hero{position:relative;min-height:100svh;padding:140px 0 60px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.hero__bg{position:absolute;inset:-20% -10% auto auto;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(circle,rgba(226,196,155,.55),rgba(226,196,155,0) 65%);filter:blur(20px);pointer-events:none;z-index:0}
.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:36px}
.hero__top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
.hero h1{font-size:clamp(40px,6.4vw,118px);line-height:.9}
.hero h1 .row2{display:flex;align-items:center;gap:.18em;flex-wrap:wrap}
.hero__pill{display:inline-block;width:1.6em;height:.78em;border-radius:999px;vertical-align:middle;flex:none}
.hero__bottom{display:grid;grid-template-columns:1.1fr 1fr auto;gap:clamp(24px,4vw,64px);align-items:end}
.rotator{display:inline-grid;vertical-align:top;overflow:hidden;height:1.5em;height:1lh;line-height:inherit}
.rotator span{grid-area:1/1;transform:translateY(110%);transition:transform .9s var(--ease);color:var(--accent);font-weight:700}
.rotator span.on{transform:none}
.rotator span.out{transform:translateY(-110%)}
.rating{display:flex;align-items:center;gap:14px;padding:14px 20px 14px 14px;border-radius:999px;background:var(--white);box-shadow:0 10px 40px rgba(43,32,24,.08)}
.rating__g{width:44px;height:44px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-weight:800;font-size:22px}
.rating strong{font-size:22px;font-weight:800;letter-spacing:-.02em}
.stars{color:#F5B400;letter-spacing:2px;font-size:14px}
.scroll-cue{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.scroll-cue i{width:1.5px;height:44px;background:var(--line);position:relative;overflow:hidden}
.scroll-cue i::after{content:"";position:absolute;left:0;right:0;top:-40%;height:40%;background:var(--ink);animation:cue 2s var(--ease) infinite}
@keyframes cue{to{top:110%}}

/* Imagen que se expande al hacer scroll */
.expand{position:relative;height:auto;padding:0 var(--gutter)}
.expand__media{height:92svh;border-radius:var(--radius-lg);will-change:clip-path,transform}
.expand__overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:clamp(24px,4vw,56px);color:var(--white);gap:24px;flex-wrap:wrap;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent 50%)}
.expand__overlay p{max-width:30ch;font-size:clamp(18px,1.6vw,26px);line-height:1.3;margin:0;font-weight:500}
.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.2)}
.chip--dark{background:rgba(43,32,24,.05);border-color:var(--line);backdrop-filter:none}

/* ---------- Marquee ---------- */
.marquee{overflow:hidden;padding:clamp(26px,3vw,44px) 0;border-block:1px solid var(--line);white-space:nowrap;user-select:none}
.marquee__track{display:inline-flex;gap:0;animation:marq 38s linear infinite;will-change:transform}
.marquee__track span{font-size:clamp(32px,5vw,84px);font-weight:800;font-stretch:115%;letter-spacing:-.04em;line-height:1;padding-right:.5em;display:inline-flex;align-items:center;gap:.5em}
.marquee__track span::after{content:"✳";font-size:.5em;color:var(--accent)}
.marquee__track span:nth-child(even){color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.dark .marquee{border-color:var(--line-inv)}
.dark .marquee__track span:nth-child(even){-webkit-text-stroke-color:var(--white)}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---------- Manifiesto palabra a palabra ---------- */
.manifesto{font-size:clamp(30px,4.6vw,78px);font-weight:700;font-stretch:110%;letter-spacing:-.035em;line-height:1.04;max-width:20ch}
.manifesto .w{opacity:.16;transition:opacity .2s}
.manifesto .w.lit{opacity:1}
.manifesto em{font-style:normal;color:var(--accent)}

/* ---------- Scroll horizontal (3 especialidades) ---------- */
.hs{position:relative;background:var(--ink);color:var(--white);overflow:hidden;min-height:100vh;display:flex;align-items:center;padding:clamp(80px,9vh,120px) 0}
.hs__track{display:flex;align-items:stretch;gap:clamp(16px,2vw,28px);padding:0 var(--gutter);will-change:transform;width:100%}
.hs__intro{flex:0 0 min(78vw,620px);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(8px,1vw,16px) clamp(8px,3vw,40px) 0 0}
.hs__intro h2{font-size:clamp(44px,6vw,108px)}
.hs__panel{flex:0 0 min(82vw,1100px);height:min(78vh,760px);border-radius:var(--radius-lg);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,3.4vw,52px);isolation:isolate}
.hs__panel .media{position:absolute;inset:0;z-index:-2;transition:transform 1.2s var(--ease)}
.hs__panel:hover .media{transform:scale(1.05)}
.hs__panel::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(30,22,16,.8) 0%,rgba(30,22,16,.1) 60%)}
.hs__num{font-size:clamp(80px,11vw,200px);font-weight:900;font-stretch:125%;line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.6)}
.hs__panel h3{font-size:clamp(34px,4.6vw,80px);line-height:.92;letter-spacing:-.04em;margin-bottom:18px}
.hs__panel ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 24px}
.hs__panel--cta{background:var(--accent-2);color:var(--ink);justify-content:center;gap:28px}
.hs__panel--cta::before{display:none}
.hs__progress{position:absolute;left:var(--gutter);right:var(--gutter);bottom:44px;height:2px;background:var(--line-inv);border-radius:2px;overflow:hidden}
.hs__progress i{position:absolute;inset:0;background:var(--accent-2);transform-origin:left;transform:scaleX(0)}
@media (max-width:899px){
  .hs{padding:84px 0 70px}
  .hs__intro{flex-basis:82vw}
  .hs__intro h2{font-size:clamp(40px,11vw,60px)}
  .hs__panel{flex-basis:84vw;height:min(68vh,560px)}
  .hs__progress{bottom:30px}
}

/* ---------- Stats ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.stat{padding:36px 24px 0 0;border-right:1px solid var(--line);padding-left:24px}
.stat:first-child{padding-left:0}
.stat:last-child{border-right:0}
.stat__n{font-size:clamp(44px,5.6vw,96px);white-space:nowrap;font-weight:800;font-stretch:115%;letter-spacing:-.05em;line-height:.9;display:block}
.stat__l{display:block;margin-top:14px;color:var(--muted);font-size:15px;max-width:22ch}
.dark .stats,.dark .stat{border-color:var(--line-inv)}
.dark .stat__l{color:var(--muted-inv)}

/* ---------- Bento tratamientos ---------- */
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;margin-bottom:clamp(40px,5vw,72px)}
.sec-head p{max-width:40ch;margin:0}
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(12px,1.2vw,18px)}
.card{position:relative;border-radius:var(--radius);padding:clamp(22px,2.4vw,36px);background:var(--white);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:300px;isolation:isolate;transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(43,32,24,.35)}
.card h3{margin-bottom:12px}
.card p{color:var(--muted);margin:0;font-size:16px}
.card__tag{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.card__arrow{position:absolute;top:22px;right:22px;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;transition:background .4s,transform .6s var(--ease),border-color .4s}
.card__arrow svg{width:18px;height:18px}
.card:hover .card__arrow{background:var(--ink);color:var(--white);border-color:var(--ink);transform:rotate(-45deg)}
.card--photo{color:var(--white);min-height:440px}
.card--photo .media{position:absolute;inset:0;z-index:-2;transition:transform 1.2s var(--ease)}
.card--photo:hover .media{transform:scale(1.06)}
.card--photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 65%)}
.card--photo p{color:rgba(255,255,255,.78)}
.card--photo .card__tag{color:var(--accent-2)}
.card--photo .card__arrow{border-color:rgba(255,255,255,.4)}
.card--photo:hover .card__arrow{background:var(--white);color:var(--ink)}
.card--accent{background:var(--accent);color:var(--white)}
.card--accent p{color:rgba(255,255,255,.8)}
.card--accent .card__tag{color:var(--accent-2)}
.card--ink{background:var(--ink);color:var(--white)}
.card--ink p{color:var(--muted-inv)}
.card--ink .card__tag{color:var(--accent-2)}
.card__price{font-size:clamp(40px,4vw,64px);font-weight:800;font-stretch:115%;letter-spacing:-.04em;line-height:1}
.c-8{grid-column:span 8}.c-6{grid-column:span 6}.c-4{grid-column:span 4}.c-3{grid-column:span 3}.c-5{grid-column:span 5}.c-7{grid-column:span 7}.c-12{grid-column:span 12}

/* ---------- Tecnología ---------- */
.tech{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,96px);align-items:center}
.scanner{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(circle at 50% 50%,#4A3626,#1E1610 70%)}
.scanner svg{position:absolute;inset:0;width:100%;height:100%}
.scanner__line{position:absolute;left:0;right:0;height:2px;background:var(--accent-2);box-shadow:0 0 24px 6px rgba(226,196,155,.6);top:10%;animation:scan 4s ease-in-out infinite alternate}
@keyframes scan{to{top:90%}}
.scanner__hud{position:absolute;left:20px;right:20px;bottom:20px;display:flex;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--accent-2);text-transform:uppercase}
.feature-list{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:0}
.feature-list li{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:22px 0;border-top:1px solid var(--line-inv)}
.feature-list li b{display:block;font-size:19px;margin-bottom:4px;letter-spacing:-.01em}
.feature-list li span{font-size:13px;font-weight:700;color:var(--accent-2);padding-top:4px}
.feature-list--light li{border-color:var(--line)}
.feature-list--light li span{color:var(--accent)}

/* ---------- Proceso: cartas apiladas ---------- */
.stack{display:grid;gap:0;padding-bottom:10vh}
.stack__card{position:sticky;top:110px;min-height:62vh;border-radius:var(--radius-lg);padding:clamp(28px,4vw,64px);display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,5vw,80px);align-items:start;margin-bottom:5vh;transform-origin:center top;will-change:transform;box-shadow:0 -20px 60px -30px rgba(0,0,0,.25)}
.stack__card:nth-child(1){background:var(--white)}
.stack__card:nth-child(2){background:var(--paper-2)}
.stack__card:nth-child(3){background:var(--accent);color:var(--white)}
.stack__card:nth-child(4){background:var(--ink);color:var(--white)}
.stack__card:nth-child(5){background:var(--accent-2);color:var(--ink)}
.stack__n{font-size:clamp(90px,14vw,260px);font-weight:900;font-stretch:125%;line-height:.75;letter-spacing:-.07em}
.stack__card h3{font-size:clamp(32px,4.2vw,72px);line-height:.95;letter-spacing:-.04em;margin-bottom:24px;max-width:14ch}
.stack__card p{font-size:clamp(17px,1.3vw,21px);max-width:48ch;opacity:.8}
.stack__card .chip--dark{margin-top:12px}
.stack__card:nth-child(3) .chip--dark,.stack__card:nth-child(4) .chip--dark{border-color:var(--line-inv);background:rgba(255,255,255,.08)}

/* ---------- Equipo ---------- */
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,20px)}
.doc{position:relative}
.doc__img{aspect-ratio:3/4;border-radius:var(--radius);margin-bottom:20px;transition:border-radius .6s var(--ease)}
.doc:hover .doc__img{border-radius:120px var(--radius) var(--radius) var(--radius)}
.doc__role{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}
.doc h3{margin:6px 0 10px}
.doc ul{margin:0;padding:0 0 0 18px;color:var(--muted);font-size:15px}
.doc ul li{margin:3px 0}
.dark .doc__role{color:var(--accent-2)}

/* ---------- Reseñas ---------- */
.reviews{display:grid;grid-template-columns:auto 1fr;gap:clamp(32px,6vw,120px);align-items:center}
.big-rating{font-size:clamp(120px,18vw,300px);font-weight:900;font-stretch:125%;letter-spacing:-.07em;line-height:.8}
.reviews__widget{border-radius:var(--radius);border:1.5px dashed var(--line);padding:32px;min-height:200px;display:flex;flex-direction:column;justify-content:center;gap:12px}

/* ---------- Seguros ---------- */
.insurers{display:flex;flex-wrap:wrap;gap:10px}
.insurers span{padding:14px 24px;border-radius:999px;border:1.5px solid var(--line);font-weight:700;font-size:18px;letter-spacing:-.01em}

/* ---------- FAQ ---------- */
.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(32px,6vw,120px)}
.faq__list details{border-top:1px solid var(--line)}
.faq__list details:last-child{border-bottom:1px solid var(--line)}
.faq__list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;font-size:clamp(18px,1.5vw,24px);font-weight:600;letter-spacing:-.015em}
.faq__list summary::-webkit-details-marker{display:none}
.faq__list summary i{flex:none;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);position:relative;transition:transform .5s var(--ease),background .3s}
.faq__list summary i::before,.faq__list summary i::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.faq__list summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .5s var(--ease)}
.faq__list details[open] summary i{background:var(--ink);color:var(--white);border-color:var(--ink)}
.faq__list details[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.faq__a{padding:0 60px 26px 0;color:var(--muted);max-width:70ch}
.dark .faq__list details{border-color:var(--line-inv)}
.dark .faq__list summary i{border-color:var(--line-inv)}
.dark .faq__list details[open] summary i{background:var(--white);color:var(--ink)}
.dark .faq__a{color:var(--muted-inv)}

/* ---------- Ubicación ---------- */
.location{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(16px,2vw,28px)}
.location__info{border-radius:var(--radius-lg);background:var(--white);padding:clamp(28px,3.4vw,52px);display:flex;flex-direction:column;gap:28px}
.location__map{border-radius:var(--radius-lg);overflow:hidden;min-height:460px;background:var(--paper-2)}
.location__map iframe{width:100%;height:100%;min-height:460px;border:0}
.hours{width:100%;border-collapse:collapse;font-size:16px}
.hours td{padding:9px 0;border-bottom:1px solid var(--line)}
.hours td:last-child{text-align:right;font-weight:600}
.info-row{display:grid;gap:4px}
.info-row small{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.info-row a,.info-row span{font-size:clamp(20px,1.8vw,28px);font-weight:700;letter-spacing:-.02em}

/* ---------- CTA + Formulario ---------- */
.cta{position:relative;background:var(--ink);color:var(--white);border-radius:var(--radius-lg);margin:0 var(--gutter);padding:clamp(40px,6vw,100px);overflow:hidden;isolation:isolate}
.cta::before{content:"";position:absolute;width:900px;height:900px;right:-300px;top:-400px;border-radius:50%;background:radial-gradient(circle,rgba(226,196,155,.35),transparent 60%);z-index:-1}
.cta__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,100px);align-items:start}
.cta h2{font-size:clamp(30px,3.2vw,54px);line-height:1}
.cta__perks{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:12px}
.cta__perks li{display:flex;gap:12px;align-items:center;font-size:17px}
.cta__perks li::before{content:"";flex:none;width:22px;height:22px;border-radius:50%;background:var(--accent-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D1014' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/13px no-repeat}
.form{display:grid;gap:12px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.field{position:relative}
.field input,.field select,.field textarea{width:100%;height:62px;padding:24px 20px 8px;border-radius:16px;border:1.5px solid var(--line-inv);background:rgba(255,255,255,.05);color:var(--white);font:inherit;font-size:16px;outline:none;transition:border-color .3s,background .3s;appearance:none;-webkit-appearance:none}
.field textarea{height:120px;resize:vertical;padding-top:28px}
.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:18px}
.field select option{color:var(--ink)}
.field label{position:absolute;left:21px;top:20px;font-size:16px;color:var(--muted-inv);pointer-events:none;transition:all .3s var(--ease)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent-2);background:rgba(255,255,255,.08)}
.field input:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label,.field select+label{top:9px;font-size:12px;letter-spacing:.04em}
.check{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--muted-inv);line-height:1.45}
.check input{flex:none;width:20px;height:20px;margin-top:1px;accent-color:var(--accent-2)}
.check a{text-decoration:underline}
.form .btn{width:100%;height:64px;font-size:17px}
.form__note{font-size:13px;color:var(--muted-inv);text-align:center}
.form__ok{display:none;padding:28px;border-radius:20px;background:rgba(226,196,155,.12);border:1.5px solid var(--accent-2)}
.form.sent .form__ok{display:block}
.form.sent>*:not(.form__ok){display:none}
.hp{position:absolute;left:-9999px;opacity:0}

/* Formulario en fondo claro */
.form--light .field input,.form--light .field select,.form--light .field textarea{border-color:var(--line);background:var(--white);color:var(--ink)}
.form--light .field label{color:var(--muted)}
.form--light .field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D1014' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
.form--light .field input:focus,.form--light .field select:focus,.form--light .field textarea:focus{border-color:var(--accent)}
.form--light .check,.form--light .form__note{color:var(--muted)}
.form--light .check input{accent-color:var(--accent)}

/* ---------- Footer ---------- */
.footer{padding:clamp(80px,10vw,140px) 0 120px;background:var(--ink);color:var(--white);margin-top:clamp(80px,10vw,140px);position:relative;overflow:hidden}
.footer__big{font-family:var(--logo);font-size:clamp(44px,10vw,180px);font-weight:600;letter-spacing:.03em;line-height:.8;margin:0 0 clamp(48px,6vw,90px);white-space:nowrap}
.footer__big span{color:inherit}
.footer__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:40px;padding-top:48px;border-top:1px solid var(--line-inv)}
.footer h4{margin:0 0 16px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-inv);font-weight:600}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.footer a:hover{color:var(--accent-2)}
.footer__legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:60px;font-size:14px;color:var(--muted-inv)}
.footer__seo{margin-top:40px;font-size:13px;color:rgba(255,255,255,.4);line-height:1.8}
.footer__seo a{margin-right:14px}

/* ---------- Heros de páginas internas ---------- */
.phero{position:relative;min-height:100svh;padding:150px 0 70px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate}
.phero h1{font-size:clamp(40px,5.8vw,104px);line-height:.92;max-width:16ch}
.phero__meta{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,5vw,80px);align-items:end;margin-top:clamp(32px,4vw,56px)}
.crumbs{display:none}
.crumbs a{text-decoration:underline;text-underline-offset:3px}

/* ---------- PÁGINA SUEÑO (tema noche) ---------- */
body.theme-night{background:var(--night);color:var(--white)}
body.theme-night .muted{color:var(--muted-inv)}
body.theme-night .eyebrow::before{background:var(--violet);box-shadow:0 0 0 4px rgba(210,166,114,.25)}
body.theme-night .accent{color:var(--violet)}
body.theme-night .outline{-webkit-text-stroke-color:var(--white)}
body.theme-night .nav.scrolled .nav__bar{background:rgba(226,200,164,.94);box-shadow:0 8px 30px -12px rgba(0,0,0,.45);color:var(--ink)}
body.theme-night .nav.scrolled .nav__links a:hover{background:rgba(43,32,24,.08)}
body.theme-night .nav.scrolled .nav__cta .btn--primary{background:var(--ink);color:#fff}
body.theme-night .nav .nav__links a:hover{background:rgba(255,255,255,.08)}
body.theme-night .btn--primary{background:var(--violet);color:var(--night)}
body.theme-night .btn--primary::before{background:var(--white)}
body.theme-night .btn--ghost::before{background:var(--white)}
body.theme-night .btn--ghost:hover{color:var(--night)}
body.theme-night .card{background:var(--night-2);color:var(--white)}
body.theme-night .card p{color:var(--muted-inv)}
body.theme-night .card__tag{color:var(--violet)}
body.theme-night .card__arrow{border-color:var(--line-inv)}
body.theme-night .faq__list details,body.theme-night .faq__list summary i{border-color:var(--line-inv)}
body.theme-night .faq__a{color:var(--muted-inv)}
body.theme-night .faq__list details[open] summary i{background:var(--white);color:var(--night)}
body.theme-night .stats,body.theme-night .stat{border-color:var(--line-inv)}
body.theme-night .stat__l{color:var(--muted-inv)}
body.theme-night .location__info{background:var(--night-2)}
body.theme-night .hours td{border-color:var(--line-inv)}
body.theme-night .info-row small{color:var(--muted-inv)}
body.theme-night .cta{background:linear-gradient(140deg,#3A2C21,#1A130E)}
body.theme-night .cta::before{background:radial-gradient(circle,rgba(210,166,114,.4),transparent 60%)}
body.theme-night .footer{background:#150F0B}
body.theme-night .marquee{border-color:var(--line-inv)}
body.theme-night .marquee__track span:nth-child(even){-webkit-text-stroke-color:var(--white)}
body.theme-night .marquee__track span::after{color:var(--violet)}
body.theme-night .feature-list li{border-color:var(--line-inv)}
body.theme-night .feature-list li span{color:var(--violet)}
body.theme-night .doc__role{color:var(--violet)}
body.theme-night .doc ul{color:var(--muted-inv)}
body.theme-night .chip--dark{border-color:var(--line-inv);background:rgba(255,255,255,.06)}
body.theme-night .stack__card:nth-child(1){background:#33271E;color:var(--white)}
body.theme-night .stack__card:nth-child(2){background:#3D2F24;color:var(--white)}
body.theme-night .stack__card:nth-child(3){background:var(--violet);color:var(--night)}
body.theme-night .stack__card:nth-child(4){background:#F3E8DA;color:var(--night)}
body.theme-night .stack__card:nth-child(5){background:var(--accent-2);color:var(--night)}
.stars-bg{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-1;pointer-events:none}
.moon{position:absolute;right:8vw;top:16vh;width:clamp(120px,16vw,260px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFFDF3,#EAD7BC 55%,#D2A672 100%);box-shadow:0 0 120px 30px rgba(210,166,114,.35);z-index:-1}
.moon::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--night);transform:translate(28%,-12%);opacity:.92}
.wave-wrap{position:relative;margin-top:24px}
.wave{width:100%;height:clamp(120px,16vw,220px);overflow:visible}
.wave path{fill:none;stroke-width:3;stroke-linecap:round}
.wave__labels{display:flex;justify-content:space-between;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-inv)}
.wave__labels b{color:var(--white)}

/* Test STOP-BANG */
.quiz{border-radius:var(--radius-lg);background:linear-gradient(160deg,#33271E,#1A130E);border:1px solid var(--line-inv);padding:clamp(24px,4vw,64px);position:relative;overflow:hidden}
.quiz__bar{height:4px;border-radius:4px;background:var(--line-inv);overflow:hidden;margin-bottom:40px}
.quiz__bar i{display:block;height:100%;width:0;background:var(--violet);transition:width .6s var(--ease)}
.quiz__step{display:none}
.quiz__step.on{display:block;animation:qin .7s var(--ease)}
@keyframes qin{from{opacity:0;transform:translateY(24px)}}
.quiz__q{font-size:clamp(28px,3.4vw,56px);font-weight:700;font-stretch:110%;letter-spacing:-.035em;line-height:1.02;max-width:20ch;margin-bottom:12px}
.quiz__hint{color:var(--muted-inv);margin-bottom:36px}
.quiz__opts{display:flex;gap:12px;flex-wrap:wrap}
.quiz__opts button{height:64px;min-width:150px;padding:0 32px;border-radius:999px;border:1.5px solid var(--line-inv);font-weight:600;font-size:18px;transition:background .3s,color .3s,border-color .3s}
.quiz__opts button:hover{background:var(--white);color:var(--night);border-color:var(--white)}
.quiz__count{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--violet);margin-bottom:20px}
.quiz__result h3{font-size:clamp(34px,4.4vw,72px);line-height:.95;letter-spacing:-.04em;margin:8px 0 18px}
.quiz__score{display:inline-flex;align-items:baseline;gap:8px;font-size:15px;font-weight:600;color:var(--muted-inv)}
.quiz__score b{font-size:64px;font-weight:900;font-stretch:125%;color:var(--white);letter-spacing:-.05em;line-height:1}
.risk{display:inline-block;padding:8px 16px;border-radius:999px;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase}
.risk--low{background:rgba(226,196,155,.18);color:var(--accent-2)}
.risk--mid{background:rgba(255,196,87,.18);color:#FFC457}
.risk--high{background:rgba(255,110,110,.2);color:#FF8C8C}
.disclaimer{font-size:13px;color:var(--muted-inv);margin-top:20px;max-width:70ch}

/* Diagrama vía aérea */
.airway{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,5vw,96px);align-items:center}
.airway__fig{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 40%,#3D2F24,#1A130E 75%);overflow:hidden}
.airway__fig svg{width:100%;height:100%}
.airway__toggle{display:inline-flex;padding:6px;border-radius:999px;background:rgba(255,255,255,.08);gap:4px;margin:28px 0}
.airway__toggle button{height:48px;padding:0 22px;border-radius:999px;font-weight:600;font-size:15px;transition:background .4s,color .4s}
.airway__toggle button.on{background:var(--white);color:var(--night)}
#jaw,#tongue,#airflow,#blocked{transition:transform 1.1s var(--ease),opacity .8s var(--ease)}
.airway--open #jaw{transform:translateX(26px)}
.airway--open #tongue{transform:translate(24px,-4px)}
.airway--open #airflow{opacity:1}
.airway--open #blocked{opacity:0}
#airflow{opacity:0}
.airflow-dash{stroke-dasharray:6 10;animation:flow 1.2s linear infinite}
@keyframes flow{to{stroke-dashoffset:-32}}

/* ---------- PÁGINA FACIAL (tema rosa) ---------- */
body.theme-rose{background:#F7EFE9}
body.theme-rose .eyebrow::before{background:var(--rose);box-shadow:0 0 0 4px rgba(185,138,114,.2)}
body.theme-rose .accent{color:var(--rose)}
body.theme-rose .btn--primary::before{background:var(--rose)}
body.theme-rose .card__tag{color:var(--rose)}
body.theme-rose .marquee__track span::after{color:var(--rose)}
body.theme-rose .nav.scrolled .nav__bar{background:rgba(247,239,233,.8)}
body.theme-rose .stack__card:nth-child(1){background:var(--white)}
body.theme-rose .stack__card:nth-child(2){background:var(--blush)}
body.theme-rose .stack__card:nth-child(3){background:var(--rose);color:var(--white)}
body.theme-rose .stack__card:nth-child(4){background:var(--ink);color:var(--white)}
body.theme-rose .cta::before{background:radial-gradient(circle,rgba(242,228,218,.35),transparent 60%)}
body.theme-rose .dark .btn--primary,body.theme-rose .cta .btn--primary{background:var(--blush);color:var(--ink)}
body.theme-rose .feature-list--light li span{color:var(--rose)}
body.theme-rose .doc__role{color:var(--rose)}
.golden{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.golden path,.golden line,.golden circle{fill:none;stroke:rgba(255,255,255,.85);stroke-width:1.2}
.facefig{position:relative;border-radius:999px 999px var(--radius-lg) var(--radius-lg);aspect-ratio:4/5;overflow:hidden}

/* Zonas interactivas */
.zones{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,96px);align-items:center}
.zones__fig{position:relative;aspect-ratio:4/5;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(170deg,#F2E4DA,#E3C9B8)}
.zones__fig svg{position:absolute;inset:0;width:100%;height:100%}
.hot{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:var(--white);box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:pulse 2.4s infinite;display:grid;place-items:center;font-size:12px;font-weight:800;color:var(--ink);transition:background .3s,transform .4s var(--ease)}
.hot.on,.hot:hover{background:var(--ink);color:var(--white);transform:scale(1.15)}
@keyframes pulse{70%{box-shadow:0 0 0 18px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.zone-panel{min-height:280px}
.zone-panel h3{font-size:clamp(34px,4vw,64px);letter-spacing:-.04em;line-height:.95;margin:12px 0 18px}
.zone-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.zone-tabs button{height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line);font-weight:600;font-size:15px;transition:background .3s,color .3s}
.zone-tabs button.on{background:var(--ink);color:var(--white);border-color:var(--ink)}

/* Antes / después */
.ba{position:relative;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;user-select:none;touch-action:pan-y;--pos:50%}
.ba .media{position:absolute;inset:0}
.ba__after{clip-path:inset(0 0 0 var(--pos))}
.ba__handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--white);transform:translateX(-1px)}
.ba__handle i{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--white);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.2);cursor:ew-resize}
.ba__handle i svg{width:26px;height:26px;color:var(--ink)}
.ba__tag{position:absolute;top:20px;padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.4);color:var(--white);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(8px)}
.ba__tag--l{left:20px}.ba__tag--r{right:20px}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}

/* Contenido largo (tratamientos) */
.treat{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,110px);padding:clamp(60px,8vw,120px) 0;border-top:1px solid var(--line)}
.treat:first-of-type{border-top:0}
.treat__media{position:sticky;top:120px;aspect-ratio:4/5;border-radius:var(--radius-lg)}
.treat h2{font-size:clamp(40px,5vw,88px);margin-bottom:28px}
.treat h3{margin:36px 0 12px}
.treat p{color:var(--muted);font-size:clamp(17px,1.2vw,19px)}
.treat ul.ticks{list-style:none;padding:0;margin:20px 0 32px;display:grid;gap:10px}
.treat ul.ticks li{display:flex;gap:12px;align-items:flex-start}
.treat ul.ticks li::before{content:"";flex:none;width:22px;height:22px;margin-top:3px;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/13px no-repeat}
.toc{position:sticky;top:84px;z-index:20;background:rgba(244,241,235,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.toc__inner{display:flex;gap:6px;overflow-x:auto;padding:12px 0;scrollbar-width:none}
.toc__inner::-webkit-scrollbar{display:none}
.toc a{flex:none;padding:10px 16px;border-radius:999px;font-weight:600;font-size:14px;border:1.5px solid var(--line);transition:background .3s,color .3s}
.toc a.on,.toc a:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}

/* Legal */
.legal{max-width:820px}
.legal h2{font-size:clamp(26px,2.4vw,38px);margin:48px 0 16px;line-height:1.05}
.legal p,.legal li{color:var(--muted)}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .nav__links,.nav__phone{display:none}
  .burger{display:block}
  .hero__bottom{grid-template-columns:1fr}
  .tech,.reviews,.faq,.location,.cta__grid,.airway,.zones,.phero__meta,.treat{grid-template-columns:1fr}
  .team{grid-template-columns:1fr 1fr}
  .footer__grid{grid-template-columns:1fr 1fr}
  .c-8,.c-7,.c-6,.c-5,.c-4,.c-3{grid-column:span 6}
  .treat__media{position:relative;top:0;aspect-ratio:16/10}
}
@media (max-width:760px){
  body{padding-bottom:84px}
  .mbar{display:grid}
  .nav__cta .btn{display:none}
  .stats{grid-template-columns:1fr 1fr}
  .stat{padding:28px 16px 28px 0;border-right:0;border-bottom:1px solid var(--line);padding-left:0}
  .c-8,.c-7,.c-6,.c-5,.c-4,.c-3{grid-column:span 12}
  .team{grid-template-columns:1fr}
  .form .row{grid-template-columns:1fr}
  .stack__card{grid-template-columns:1fr;top:90px;min-height:auto}
  .footer__grid{grid-template-columns:1fr}
  .cta{margin:0 10px;border-radius:28px}
  .faq__a{padding-right:0}
  .expand__media{height:70svh}
  .hero{padding-top:120px}
  .rating{padding:10px 16px 10px 10px}
  .location__map,.location__map iframe{min-height:340px}
  .moon{top:12vh;right:6vw}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .js-anim .split-line>span,.js-anim [data-reveal]:not(.in){transform:none;opacity:1}
}

/* ---------- Comparativa (tablas) ---------- */
.compare-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--line)}
.compare{width:100%;min-width:640px;border-collapse:collapse;font-size:clamp(15px,1.1vw,18px)}
.compare th,.compare td{padding:20px 24px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.compare thead th{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.compare thead th:not(:first-child){font-size:clamp(20px,1.8vw,28px);letter-spacing:-.02em;text-transform:none;font-weight:800}
.compare tbody th{font-weight:600;width:28%}
.compare tr:last-child td,.compare tr:last-child th{border-bottom:0}
.compare .hl{background:color-mix(in srgb,var(--accent-2) 14%,transparent)}
.compare .yes{color:var(--accent-2);font-weight:700}
body.theme-night .compare-wrap,body.theme-night .compare th,body.theme-night .compare td{border-color:var(--line-inv)}
body.theme-night .compare .yes{color:var(--violet)}
body.theme-night .compare .hl{background:rgba(210,166,114,.12)}
/* ---------- Testimonios ---------- */
.quote{display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.quote blockquote{margin:0;font-size:clamp(18px,1.4vw,22px);line-height:1.45;font-weight:500;letter-spacing:-.01em}
.quote cite{font-style:normal;font-weight:700;font-size:15px}
.quote cite span{display:block;font-weight:400;opacity:.65;font-size:13px;margin-top:2px}
/* ---------- Sub-navegación de sección ---------- */
.subnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.subnav a{padding:10px 18px;border-radius:999px;border:1.5px solid var(--line-inv);font-weight:600;font-size:14px;transition:background .3s,color .3s}
.subnav a:hover,.subnav a[aria-current]{background:var(--white);color:var(--night);border-color:var(--white)}

/* ---------- Submenús (escritorio) ---------- */
.nav__links>li{position:relative}
.nav__links .dd{position:absolute;top:100%;left:50%;min-width:260px;transform:translate(-50%,8px);opacity:0;visibility:hidden;transition:opacity .3s,transform .4s var(--ease),visibility .3s;padding-top:10px;list-style:none;margin:0}
.nav__links .dd ul{list-style:none;margin:0;padding:8px;border-radius:20px;background:var(--paper);box-shadow:0 24px 60px -20px rgba(43,32,24,.35),0 0 0 1px var(--line)}
.nav__links .dd a{display:block;padding:10px 14px;border-radius:12px;font-size:14.5px;color:var(--ink);white-space:nowrap}
.nav__links .dd a:hover{background:var(--paper-2)}
.nav__links>li:hover .dd,.nav__links>li:focus-within .dd{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav__links>li.has-dd>a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-3px) rotate(45deg);opacity:.6}
@media (max-width:760px){
  .btn-row>.btn{flex:1 1 100%;max-width:none;min-width:0}
}
/* ---------- Fotos de banco (discretas) ---------- */
.media--stock{filter:saturate(.78) contrast(.98)}
.media--stock::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(184,133,79,.10),rgba(43,32,24,.22));mix-blend-mode:multiply;z-index:1;pointer-events:none}
/* ---------- Hero partido (páginas de tratamiento) ---------- */
.phero--split{min-height:auto;padding:140px 0 clamp(60px,8vw,110px)}
.phero--split .split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,90px);align-items:center}
.phero--split .lead{margin-top:28px}
.phero--split .btn-row{margin-top:32px}
.split__img{position:relative;aspect-ratio:4/5;border-radius:220px 220px var(--radius-lg) var(--radius-lg);max-width:100%}
.split__img .chip{position:absolute;left:20px;bottom:20px;z-index:2;background:rgba(250,247,242,.88);color:var(--ink);border:0}
.split__badge{position:absolute;right:-12px;top:14%;z-index:2;width:128px;height:128px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;text-align:center;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;line-height:1.3;padding:14px;animation:spin 22s linear infinite}
.split__badge b{display:block;font-size:20px;letter-spacing:-.02em;text-transform:none;font-stretch:100%;margin:2px 0}
.split__badge span{display:block;max-width:100%}
@keyframes spin{to{transform:rotate(360deg)}}
.split__badge.static{animation:none}
@media (max-width:900px){.phero--split .split{grid-template-columns:1fr}.split__img{aspect-ratio:4/3.4;border-radius:var(--radius-lg)}.split__badge{width:104px;height:104px;right:10px;top:10px}}
/* ---------- Ficha de precio ---------- */
.price-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.price{border-radius:var(--radius);background:var(--white);padding:clamp(30px,3vw,44px) clamp(26px,2.6vw,36px);display:flex;flex-direction:column;gap:12px}
.price b{font-size:clamp(34px,3.2vw,52px);font-weight:800;font-stretch:115%;letter-spacing:-.04em;line-height:1}
.price span{color:var(--muted);font-size:15px}
/* ---------- Pestañas genéricas ---------- */
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.tabs button{height:46px;padding:0 20px;border-radius:999px;border:1.5px solid var(--line);font-weight:600;font-size:15px;transition:background .3s,color .3s}
.tabs button.on{background:var(--ink);color:var(--white);border-color:var(--ink)}
.tabpanel{border-radius:var(--radius-lg);background:var(--white);padding:clamp(24px,3.4vw,52px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,60px);align-items:center}
.tabpanel h3{font-size:clamp(28px,3vw,48px);margin-bottom:16px}
.tabpanel p{color:var(--muted)}
.tabpanel .media{aspect-ratio:4/3;border-radius:var(--radius)}
@media (max-width:900px){.tabpanel{grid-template-columns:1fr}}
/* ---------- Selector de tono (blanqueamiento) ---------- */
.shade{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,90px);align-items:center}
.shade__fig{border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 40%,#fff,var(--paper-2));aspect-ratio:1;display:grid;place-items:center;position:relative;overflow:hidden}
.shade__fig svg{width:72%;height:auto}
.shade__label{position:absolute;top:22px;left:22px;font-weight:800;font-size:28px;letter-spacing:-.03em}
.shade__scale{display:flex;gap:4px;margin:26px 0 10px}
.shade__scale i{flex:1;height:34px;border-radius:8px;transition:transform .3s}
.shade__scale i.on{transform:translateY(-6px);box-shadow:0 0 0 2px var(--ink)}
.shade input[type=range]{width:100%;accent-color:var(--accent)}
.shade__ticks{display:flex;justify-content:space-between;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--muted)}
@media (max-width:900px){.shade{grid-template-columns:1fr}}
/* ---------- Figura por etapas (endodoncia / periodoncia / implante) ---------- */
.stagefig{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,90px);align-items:center}
.stagefig__fig{border-radius:var(--radius-lg);background:var(--ink);aspect-ratio:1;position:relative;overflow:hidden}
.stagefig__fig svg{position:absolute;inset:0;width:100%;height:100%}
.stagefig__fig [data-show]{opacity:0;transition:opacity .7s var(--ease)}
.stagefig__steps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:0}
.stagefig__steps li{border-top:1px solid var(--line)}
.stagefig__steps button{width:100%;text-align:left;display:grid;grid-template-columns:48px 1fr;gap:12px;padding:20px 0;opacity:.45;transition:opacity .4s}
.stagefig__steps button b{display:block;font-size:20px;letter-spacing:-.01em}
.stagefig__steps button span{font-size:13px;font-weight:700;color:var(--accent);padding-top:4px}
.stagefig__steps button small{display:block;font-size:15px;color:var(--muted);margin-top:4px;line-height:1.5}
.stagefig__steps li.on button{opacity:1}
@media (max-width:900px){.stagefig{grid-template-columns:1fr}}
/* ---------- Abierto ahora (urgencias) ---------- */
.openstate{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:999px;background:var(--white);font-weight:600;font-size:15px;box-shadow:0 10px 30px rgba(43,32,24,.08)}
.openstate i{width:10px;height:10px;border-radius:50%;background:#C9B9A6}
.openstate.is-open i{background:#2FB36D;box-shadow:0 0 0 0 rgba(47,179,109,.6);animation:pulse 2s infinite}
.bigphone{display:block;font-size:clamp(44px,7vw,120px);font-weight:900;font-stretch:120%;letter-spacing:-.05em;line-height:.95;margin:20px 0}
/* ---------- Montaje del implante ---------- */
.implant{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,90px);align-items:center}
.implant__fig{border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 30%,#4A392C,#1E1610 75%);aspect-ratio:4/5;position:relative;overflow:hidden}
.implant__fig svg{position:absolute;inset:0;width:100%;height:100%}
.implant__fig .lbl{font-size:13px;font-weight:600;fill:#E2C49B;letter-spacing:.08em}
@media (max-width:900px){.implant{grid-template-columns:1fr}.implant__fig{aspect-ratio:1}}
/* ---------- Aseguradoras ---------- */
.insgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.insgrid span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:88px;padding:16px;border-radius:18px;background:var(--white);font-weight:700;font-size:17px;letter-spacing:-.01em;transition:transform .4s var(--ease),box-shadow .4s}
.insgrid span:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(43,32,24,.4)}
/* ---------- Oxígeno (apnea) y decibelios (ronquidos) ---------- */
.spo2{width:100%;height:clamp(160px,20vw,260px);overflow:visible}
.spo2 path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.spo2 .grid line{stroke:rgba(255,255,255,.08)}
.spo2 text{fill:rgba(255,255,255,.5);font-size:12px;font-weight:600}
.dbmeter{display:flex;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums}
.dbmeter b{font-size:clamp(80px,13vw,220px);font-weight:900;font-stretch:125%;letter-spacing:-.06em;line-height:.85}
.dbmeter span{font-size:clamp(18px,2vw,28px);font-weight:700;color:var(--violet)}
.dbscale{height:10px;border-radius:10px;background:linear-gradient(90deg,#7FB88E,#E2C49B,#D9774B);position:relative;margin:26px 0 8px}
.dbscale i{position:absolute;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(0,0,0,.25);left:80%}
.dbticks{display:flex;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--muted-inv);text-transform:uppercase}
/* ---------- Avance mandibular (regulable) ---------- */
.advance{border-radius:var(--radius-lg);background:linear-gradient(160deg,#33271E,#1A130E);border:1px solid var(--line-inv);padding:clamp(24px,4vw,64px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}
.advance__fig{aspect-ratio:1;border-radius:var(--radius);background:radial-gradient(circle at 50% 40%,#3D2F24,#1A130E 75%);overflow:hidden}
.advance__fig svg{width:100%;height:100%}
.advance__mm{font-size:clamp(70px,10vw,160px);font-weight:900;font-stretch:125%;letter-spacing:-.06em;line-height:.85;font-variant-numeric:tabular-nums}
.advance__mm small{font-size:.3em;letter-spacing:0;color:var(--violet);margin-left:6px}
.advance input[type=range]{width:100%;margin:28px 0 8px;accent-color:var(--violet);height:28px}
.advance__state{display:inline-block;margin-top:18px;padding:8px 16px;border-radius:999px;font-weight:700;font-size:14px;background:rgba(255,255,255,.08)}
@media (max-width:900px){.advance{grid-template-columns:1fr}}
/* ---------- Bruxismo: mapa de tensión ---------- */
.tension{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,90px);align-items:center}
.tension__fig{position:relative;aspect-ratio:4/5;border-radius:var(--radius-lg);background:linear-gradient(170deg,#F3EADF,#E6D5C2);overflow:hidden}
.tension__fig svg{position:absolute;inset:0;width:100%;height:100%}
.tension__meter{font-size:clamp(70px,10vw,160px);font-weight:900;font-stretch:125%;letter-spacing:-.06em;line-height:.85;font-variant-numeric:tabular-nums}
.tension__meter small{font-size:.28em;color:var(--accent);letter-spacing:0;margin-left:6px}
@media (max-width:900px){.tension{grid-template-columns:1fr}}

/* ---------- Redes sociales (discretas) ---------- */
.social{display:inline-flex;gap:8px;align-items:center}
.social a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-inv);transition:background .3s,border-color .3s}
.social a:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35)}
.social svg{width:15px;height:15px}
.footer__legal span+span{opacity:.85}
/* subnav sobre fondo claro */
.phero--split .subnav a{border-color:var(--line)}
.phero--split .subnav a:hover,.phero--split .subnav a[aria-current]{background:var(--ink);color:var(--white);border-color:var(--ink)}
.quiz{color:#fff}
.hotzone{transition:opacity .2s linear}
/* barras de tiempo (ácido hialurónico) */
[data-bar]{transform-origin:left;transition:transform 1.6s var(--ease)}
.js-anim [data-bar]{transform:scaleX(0)}
.js-anim .in [data-bar],.js-anim [data-bar].in{transform:none}
/* ondas de radiofrecuencia (biolifting) */
.rf{position:relative;aspect-ratio:1;border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 50%,#F2E4DA,#E3C9B8 70%);overflow:hidden;display:grid;place-items:center}
.rf i{position:absolute;left:50%;top:50%;width:20%;aspect-ratio:1;margin:-10% 0 0 -10%;border-radius:50%;border:2px solid rgba(185,138,114,.7);animation:rf 4s cubic-bezier(.2,.6,.3,1) infinite}
.rf i:nth-child(2){animation-delay:1s}.rf i:nth-child(3){animation-delay:2s}.rf i:nth-child(4){animation-delay:3s}
.rf b{position:relative;z-index:1;font-size:clamp(40px,5vw,80px);font-weight:900;font-stretch:120%;letter-spacing:-.05em;color:var(--ink)}
.rf small{display:block;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rose);text-align:center}
@keyframes rf{0%{transform:scale(.4);opacity:0}15%{opacity:1}100%{transform:scale(4.6);opacity:0}}
/* marquesina de aseguradoras */
.marquee--ins .marquee__track span{font-size:clamp(26px,3.4vw,52px)}
.marquee--rev .marquee__track{animation-direction:reverse}
html,body{overflow-x:clip}
/* ---------- Recorrido por la clínica (scroll) ---------- */
.tour{position:relative;background:var(--ink);color:var(--white)}
.tour__pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.tour__slide{position:absolute;inset:0;will-change:clip-path}
.tour__slide .media{position:absolute;inset:0;will-change:transform}
.tour__slide::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,14,10,.78) 0%,rgba(20,14,10,.05) 45%,rgba(20,14,10,.25) 100%);pointer-events:none}
.tour__cap{position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(28px,6vh,64px);z-index:3;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.tour__cap h3{font-size:clamp(40px,7vw,120px);line-height:.9;letter-spacing:-.045em;max-width:12ch}
.tour__cap p{max-width:34ch;font-size:clamp(16px,1.3vw,20px);color:rgba(255,255,255,.82);margin:0}
.tour__cap .eyebrow{margin-bottom:16px}
.tour__hud{position:absolute;top:clamp(90px,14vh,130px);left:var(--gutter);right:var(--gutter);z-index:4;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px;letter-spacing:.14em;text-transform:uppercase}
.tour__count{font-variant-numeric:tabular-nums;font-size:clamp(18px,1.6vw,24px);letter-spacing:.04em}
.tour__count b{color:var(--accent-2)}
.tour__bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12);z-index:5}
.tour__bar i{display:block;height:100%;width:0;background:var(--accent-2)}
.tour__dots{display:flex;gap:6px}
.tour__dots i{width:26px;height:3px;border-radius:3px;background:rgba(255,255,255,.25);transition:background .4s,width .4s}
.tour__dots i.on{background:var(--accent-2);width:44px}
.tour__ph{position:absolute;inset:0;display:grid;place-items:center;z-index:1;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.35)}
@media (prefers-reduced-motion:reduce){.tour__pin{position:relative;height:auto}.tour__slide{position:relative;height:80vh;clip-path:none!important}}
/* tira de fotos en movimiento */
.strip{overflow:hidden;padding:clamp(20px,3vw,40px) 0;display:grid;gap:14px}
.strip__row{display:flex;gap:14px;width:max-content;animation:marq 60s linear infinite}
.strip__row--rev{animation-direction:reverse;animation-duration:70s}
.strip:hover .strip__row{animation-play-state:paused}
.strip__row .media{width:clamp(220px,26vw,420px);aspect-ratio:4/3;border-radius:20px;flex:none;transition:transform .6s var(--ease)}
.strip__row .media:hover{transform:scale(1.04)}
@media (max-width:760px){.tour__cap{bottom:104px}.tour__cap h3{font-size:clamp(34px,10vw,52px)}.tour__hud{top:84px}}
@media (max-width:760px){.logo{font-size:18px}}
@media (max-width:900px){.split__badge{font-size:10px}.split__badge b{font-size:16px}}
/* ortodoncia: texto arriba y dientes completos en móvil durante el scroll fijo */
@media (max-width:900px){
  [data-straighten]{padding:88px 0 104px;min-height:100svh;box-sizing:border-box}
  [data-straighten] .tech{gap:14px;align-content:start}
  [data-straighten] h2{font-size:clamp(28px,8vw,38px);margin:10px 0 6px!important}
  [data-straighten] .lead{display:none}
  [data-straighten] .dbmeter{margin-top:4px!important}
  [data-straighten] .dbmeter b{font-size:48px}
  [data-straighten] .dbmeter span{font-size:16px}
  [data-straighten] .scanner{aspect-ratio:16/10;max-width:100%}
}
.mob-only{display:none}
@media (max-width:900px){[data-straighten] .mob-only{display:block;font-size:15px;line-height:1.5;margin:4px 0 0}}
/* ---------- Figuras animadas genéricas ---------- */
.scrubfig{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,90px);align-items:center}
.scrubfig__fig{position:relative;border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 35%,#4A392C,#1E1610 78%);aspect-ratio:1;overflow:hidden}
.scrubfig__fig.light{background:radial-gradient(circle at 50% 35%,#fff,var(--paper-2) 80%)}
.scrubfig__fig svg{position:absolute;inset:0;width:100%;height:100%}
.scrubfig__fig .lbl{font-size:13px;font-weight:700;letter-spacing:.1em;fill:#E2C49B}
.scrubfig__fig.light .lbl{fill:var(--accent)}
.scrubfig__big{font-size:clamp(64px,9vw,140px);font-weight:900;font-stretch:120%;letter-spacing:-.06em;line-height:.85;font-variant-numeric:tabular-nums}
.scrubfig__big small{font-size:.26em;letter-spacing:0;color:var(--accent);margin-left:6px;font-stretch:100%}
.dark .scrubfig__big small{color:var(--accent-2)}
.steps-live{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:0}
.steps-live li{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--line);opacity:.35;transition:opacity .5s}
.steps-live li.on{opacity:1}
.steps-live li span{font-size:13px;font-weight:700;color:var(--accent)}
.dark .steps-live li{border-color:var(--line-inv)}
.dark .steps-live li span{color:var(--accent-2)}
@media (max-width:900px){.scrubfig{grid-template-columns:1fr}.scrubfig__fig{aspect-ratio:4/3.4}}
/* hotspots del escáner */
.hotspot{opacity:.15;transition:opacity .5s}
.hotspot.on{opacity:1}
/* interruptor brackets */
.switch{display:inline-flex;padding:6px;border-radius:999px;background:var(--paper-2);gap:4px;margin:24px 0}
.switch button{height:46px;padding:0 22px;border-radius:999px;font-weight:600;font-size:15px;transition:background .4s,color .4s}
.switch button.on{background:var(--ink);color:#fff}
[data-switch-fig] .brk{transition:fill .6s var(--ease),stroke .6s}
[data-switch-fig][data-current="metal"] .brk{fill:#AEB5BD;stroke:#7E868F}
[data-switch-fig][data-current="estetico"] .brk{fill:#F3EDE4;stroke:#E2D6C6}
[data-switch-fig] .wire{transition:stroke .6s}
[data-switch-fig][data-current="metal"] .wire{stroke:#9AA2AB}
[data-switch-fig][data-current="estetico"] .wire{stroke:#E8E2D9}
/* ATM */
.atm{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,90px);align-items:center}
.atm__fig{position:relative;border-radius:var(--radius-lg);background:radial-gradient(circle at 40% 35%,#F3EADF,#E2D0BC 80%);aspect-ratio:1;overflow:hidden}
.atm__fig svg{position:absolute;inset:0;width:100%;height:100%}
.atm input[type=range]{width:100%;accent-color:var(--accent);height:28px;margin:24px 0 6px}
.clickbadge{position:absolute;left:24%;top:16%;padding:8px 14px;border-radius:999px;background:var(--ink);color:#fff;font-weight:800;font-size:14px;letter-spacing:.06em;opacity:0;transform:scale(.6);transition:opacity .25s,transform .35s var(--ease)}
.clickbadge.on{opacity:1;transform:scale(1)}
@media (max-width:900px){.atm{grid-template-columns:1fr}.atm__fig{aspect-ratio:4/3.4}}
/* proporción áurea sobre la sonrisa */
.golden--ink path,.golden--ink line,.golden--ink circle{stroke:rgba(43,32,24,.55)!important}
/* submenú agrupado (mega menú) */
.nav__links .dd--mega{min-width:min(860px,90vw)}
.nav__links .dd--mega ul.mega{display:grid;grid-template-columns:repeat(4,1fr);gap:6px 18px;padding:18px}
.nav__links .dd--mega .mega li{list-style:none}
.nav__links .dd--mega .mega .grp>a{font-weight:700;color:var(--accent)}
.nav__links .dd--mega .mega .grp ul{list-style:none;margin:0 0 6px;padding:0}
.nav__links .dd--mega .mega .grp ul a{padding:6px 14px;font-size:14px}
.mobile-menu .msub .msub-h{width:100%;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.55;margin-top:6px}
.nav__links .dd.dd--mega{left:-24px;transform:translate(0,8px)}
.nav__links>li:hover .dd.dd--mega,.nav__links>li:focus-within .dd.dd--mega{transform:translate(0,0)}

/* ---- Home: "Tres formas" legible sobre fondo oscuro ---- */
.hs .outline{-webkit-text-stroke-color:var(--accent-2)}

/* ---- Fotos con tono de marca (para que no parezcan de banco) ---- */
.media--tone{filter:saturate(.82) contrast(1.02)}
.media--tone::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(80% 70% at 75% 15%,rgba(226,196,155,.28),transparent 60%),linear-gradient(180deg,rgba(160,112,63,.18),rgba(43,32,24,.42));mix-blend-mode:multiply}
.media--tone-wood::after{background:radial-gradient(90% 70% at 70% 20%,rgba(122,86,52,.55) 0%,transparent 60%),radial-gradient(100% 80% at 10% 100%,rgba(90,67,48,.75) 0%,transparent 55%),linear-gradient(170deg,rgba(46,35,27,.55),rgba(31,23,18,.7));mix-blend-mode:multiply}
.media--tone-rose::after{background:radial-gradient(90% 70% at 70% 20%,rgba(196,128,108,.45) 0%,transparent 60%),radial-gradient(100% 80% at 10% 100%,rgba(92,52,44,.7) 0%,transparent 55%),linear-gradient(170deg,rgba(60,36,30,.45),rgba(31,20,17,.65));mix-blend-mode:multiply}
.hs__panel .media--tone-wood,.hs__panel .media--tone-rose{animation:kb 22s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.12) translate(-2%,-1.5%)}}
/* destellos suaves (eco de las estrellas del sueño) */
.glints{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.8;
  background-image:radial-gradient(1.6px 1.6px at 12% 22%,rgba(255,236,205,.9),transparent),radial-gradient(1.2px 1.2px at 32% 64%,rgba(255,236,205,.7),transparent),radial-gradient(2px 2px at 58% 18%,rgba(255,236,205,.85),transparent),radial-gradient(1.4px 1.4px at 74% 46%,rgba(255,236,205,.7),transparent),radial-gradient(1.8px 1.8px at 88% 28%,rgba(255,236,205,.8),transparent),radial-gradient(1.2px 1.2px at 46% 40%,rgba(255,236,205,.6),transparent),radial-gradient(1.6px 1.6px at 22% 48%,rgba(255,236,205,.65),transparent),radial-gradient(1.4px 1.4px at 66% 70%,rgba(255,236,205,.55),transparent);
  animation:glint 9s ease-in-out infinite alternate}
.glints--rose{filter:hue-rotate(-18deg)}
@keyframes glint{0%{opacity:.35;transform:translateY(0)}50%{opacity:.9}100%{opacity:.5;transform:translateY(-14px)}}
@media (prefers-reduced-motion:reduce){.hs__panel .media--tone-wood,.hs__panel .media--tone-rose,.glints{animation:none}}
.card--photo::before{background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 62%),linear-gradient(180deg,rgba(30,22,16,.5),transparent 32%)}
.card--photo .card__tag{text-shadow:0 1px 8px rgba(0,0,0,.35)}
.tour__count{white-space:nowrap}
@media (max-width:640px){.tour__dots{display:none}}
.tour__hint{display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.16em;padding:10px 16px 10px 12px;border-radius:99px;background:rgba(30,22,16,.38);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff}
.tour__hint i{position:relative;width:16px;height:24px;border:2px solid var(--accent-2);border-radius:10px;flex:none}
.tour__hint i::after{content:"";position:absolute;left:50%;top:4px;width:3px;height:6px;margin-left:-1.5px;border-radius:2px;background:var(--accent-2);animation:hintwheel 1.6s ease-in-out infinite}
@keyframes hintwheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(8px);opacity:0}100%{opacity:0}}
.tour.is-done .tour__hint{opacity:0;transition:opacity .5s}
@media (max-width:640px){
  .tour__dots{display:flex;gap:4px}.tour__dots i{width:9px}.tour__dots i.on{width:20px}
  .tour__hud{flex-direction:column;align-items:flex-start;gap:12px}
  .tour__hint{font-size:10px;letter-spacing:.12em}
}
/* foto real del escáner: sin el tono de foto de banco */
.media--stock[style*="foto-cbct"]{filter:none}
.media--stock[style*="foto-cbct"]::before{display:none}
/* flecha única en los desplegables del formulario claro */
.form--light .field select{background-color:var(--white);background-repeat:no-repeat;background-position:right 18px center;background-size:18px;-webkit-appearance:none;appearance:none}
/* degradado elegante sobre fotos (armonización) */
.media--elegant{filter:saturate(.9)}
.media--elegant::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,rgba(43,32,24,.88) 0%,rgba(92,62,48,.62) 40%,rgba(160,112,80,.28) 72%,rgba(160,112,80,.12) 100%),linear-gradient(0deg,rgba(43,32,24,.7),transparent 60%);mix-blend-mode:normal}
.card--photo .media--elegant~.card__tag{color:var(--accent-2)!important}
/* foto del doctor (bichectomía): fondo negro, sin recortar ni ampliar */
.media[style*="foto-bichectomia"]{filter:none;background-color:#0b0b0b;background-size:cover;background-repeat:no-repeat;background-position:center 25%}
.media[style*="foto-bichectomia"]::before{display:none}
/* ---- Alternativa a la CPAP: escena CPAP vs DAM ---- */
.cpscene{border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(120% 90% at 70% 10%,#3A2C21,#17110D 70%);aspect-ratio:4/3}
.cpscene svg{width:100%;height:100%;display:block}
.cpscene .cp-cpap,.cpscene .cp-dam{transition:opacity .7s var(--ease),transform .7s var(--ease)}
.cpscene[data-current="cpap"] .cp-dam{opacity:0}
.cpscene[data-current="dam"] .cp-cpap{opacity:0;transform:translateX(30px)}
.cp-led{animation:cpled 1.6s ease-in-out infinite}
@keyframes cpled{50%{opacity:.35}}
.cp-noise path{animation:cpnoise 1.2s ease-out infinite}.cp-noise path:nth-child(2){animation-delay:.2s}.cp-noise path:nth-child(3){animation-delay:.4s}
@keyframes cpnoise{0%{opacity:0}40%{opacity:1}100%{opacity:0}}
.cp-breath path{animation:cpbreath 4s ease-in-out infinite}.cp-breath path:nth-child(2){animation-delay:1.2s}
@keyframes cpbreath{0%,100%{opacity:.15;transform:translateX(0)}50%{opacity:.9;transform:translateX(10px)}}
.cp-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}
.cp-list li{display:flex;gap:14px;align-items:flex-start;font-size:17px;line-height:1.4;padding:14px 18px;border-radius:14px;background:rgba(255,255,255,.05)}
.cp-list li::before{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;margin-top:1px}
.cp-list--bad li::before{content:"✕";background:rgba(255,140,140,.16);color:#FF9C8C}
.cp-list--good li::before{content:"✓";background:rgba(226,196,155,.2);color:var(--accent-2)}
@media (prefers-reduced-motion:reduce){.cp-led,.cp-noise path,.cp-breath path{animation:none}}
.media[style*="dr-samuel-olivan"],.media[style*="dr-sergio-olivan"]{filter:none;background-color:#0b0b0b;background-size:cover;background-repeat:no-repeat;background-position:center 20%}
.media[style*="dr-samuel-olivan"]::before,.media[style*="dr-sergio-olivan"]::before{display:none}
.cpscene{aspect-ratio:6/5}
.cp-air{animation:cpair 1.6s linear infinite}
@keyframes cpair{to{stroke-dashoffset:-36}}
.cpscene[data-current="dam"] .cp-cpap{transform:none}
body.theme-night .switch button.on{background:var(--accent-2);color:var(--ink)}
/* ---- Sedación consciente ---- */
.alert{display:flex;gap:18px;align-items:flex-start;padding:clamp(20px,2.4vw,30px) clamp(20px,2.6vw,34px);border-radius:var(--radius);background:#FFF4E2;border:1.5px solid #E9B867;color:var(--ink)}
.alert__ic{flex:none;width:44px;height:44px;border-radius:12px;background:#E9A23B;color:#fff;display:grid;place-items:center}
.alert__ic svg{width:24px;height:24px}
.alert b{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#A4661A}
.alert p{margin:6px 0 0;font-size:clamp(17px,1.5vw,20px);line-height:1.45;font-weight:600}
.partner{background:#fff;border-radius:var(--radius-lg);padding:clamp(32px,5vw,70px);display:grid;place-items:center;box-shadow:0 30px 60px -40px rgba(43,32,24,.35)}
.partner img{width:100%;max-width:420px;height:auto}
.sedband{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(20px,4vw,60px);align-items:center;padding:clamp(26px,3.6vw,48px);border-radius:var(--radius-lg);background:linear-gradient(120deg,#E6F3F1,#F6FAF9 60%,#fff);border:1.5px solid rgba(10,131,125,.18);color:var(--ink);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.sedband:hover{transform:translateY(-4px);box-shadow:0 30px 60px -40px rgba(10,131,125,.45)}
.sedband .card__tag{color:#0a837d}
.sedband h3{font-size:clamp(26px,2.6vw,42px);margin:10px 0 10px;letter-spacing:-.03em}
.sedband p{margin:0;color:var(--muted);max-width:52ch}
.sedband__logo{display:flex;flex-direction:column;align-items:flex-end;gap:16px}
.sedband__logo img{width:100%;max-width:280px;height:auto}
.sedband .link-arrow{color:#0a837d}
@media (max-width:760px){.sedband{grid-template-columns:1fr}.sedband__logo{align-items:flex-start}.sedband__logo img{max-width:220px}}
body.theme-night .sedband{background:linear-gradient(120deg,#E6F3F1,#fff)}

/* ================= BLOG ================= */
.readbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:120;pointer-events:none}
.readbar i{display:block;height:100%;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:0 50%}
body.theme-night .readbar i{background:var(--violet)}
.post-hero{padding:clamp(130px,16vw,200px) 0 clamp(30px,4vw,50px)}
.post-hero h1{font-size:clamp(36px,5vw,84px);line-height:.96;letter-spacing:-.035em;max-width:18ch;margin:22px 0 26px}
.post-hero .lead{max-width:60ch}
.post-back{display:inline-block;font-weight:600;font-size:15px;margin-bottom:26px;opacity:.7;transition:opacity .3s}
.post-back:hover{opacity:1}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
body.theme-night .post-meta{border-color:var(--line-inv)}
.byline{display:inline-flex;align-items:center;gap:14px}
.byline__img{width:52px;height:52px;border-radius:50%;flex:none}
.byline b{display:block;font-size:16px}
.byline small{display:block;font-size:14px;color:var(--muted)}
body.theme-night .byline small,body.theme-night .post-date{color:var(--muted-inv)}
.post-date{font-size:14px;color:var(--muted)}
.post-grid{display:grid;grid-template-columns:minmax(0,260px) minmax(0,760px);gap:clamp(32px,6vw,110px);justify-content:center;align-items:start}
.post-toc{position:sticky;top:110px;font-size:15px}
.post-toc ol{list-style:none;margin:18px 0 0;padding:0;border-left:1.5px solid var(--line);counter-reset:toc}
body.theme-night .post-toc ol{border-color:var(--line-inv)}
.post-toc li a{display:block;padding:8px 0 8px 16px;margin-left:-1.5px;border-left:1.5px solid transparent;color:var(--muted);line-height:1.35;transition:color .3s,border-color .3s}
body.theme-night .post-toc li a{color:var(--muted-inv)}
.post-toc li a:hover,.post-toc li a.on{color:inherit;border-color:var(--accent)}
body.theme-night .post-toc li a.on{border-color:var(--violet)}
.prose{font-size:clamp(17px,1.15vw,19px);line-height:1.7;min-width:0}
.prose>*+*{margin-top:1.15em}
.prose h2{font-size:clamp(26px,2.4vw,38px);line-height:1.08;letter-spacing:-.025em;margin-top:2.1em;scroll-margin-top:110px}
.prose h3{font-size:clamp(20px,1.5vw,24px);line-height:1.2;letter-spacing:-.015em;margin-top:1.8em}
.prose h2+*,.prose h3+*{margin-top:.7em}
.prose a:not(.btn):not(.link-arrow){color:var(--accent);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
body.theme-night .prose a:not(.btn):not(.link-arrow){color:var(--violet)}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.45em}
.prose ul.ticks{list-style:none;padding:0}
.prose ul.ticks li{position:relative;padding-left:30px}
.prose ul.ticks li::before{content:"";position:absolute;left:2px;top:.55em;width:14px;height:8px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
body.theme-night .prose ul.ticks li::before{border-color:var(--violet)}
.prose ol{counter-reset:ol;list-style:none;padding:0}
.prose ol>li{counter-increment:ol;position:relative;padding-left:44px}
.prose ol>li::before{content:counter(ol);position:absolute;left:0;top:.1em;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px;font-weight:700;display:grid;place-items:center;line-height:1}
body.theme-night .prose ol>li::before{background:var(--violet);color:var(--night)}
.prose strong{font-weight:700}
.prose .compare-wrap{margin-top:1.6em;margin-bottom:.4em}
.prose .compare{font-size:16px}
.prose .compare th,.prose .compare td{padding:14px 18px}
.tldr{background:var(--paper-2);border-radius:var(--radius);padding:clamp(22px,2.4vw,32px)}
body.theme-night .tldr{background:var(--night-2)}
.tldr b{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
body.theme-night .tldr b{color:var(--violet)}
.tldr ul{margin:0;padding-left:1.1em;font-size:.95em}
.callout{border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:0 var(--radius) var(--radius) 0;padding:18px 24px}
.callout p{margin:0}
.callout--warn{border-color:#C58A2B;background:rgba(197,138,43,.1)}
body.theme-night .callout{border-color:var(--violet);background:rgba(210,166,114,.1)}
.post-fig{margin:2em 0 0;display:grid;gap:22px}
.post-fig__svg{position:relative;border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 35%,#4A392C,#1E1610 78%);aspect-ratio:420/340;overflow:hidden}
.post-fig__svg svg{position:absolute;inset:0;width:100%;height:100%}
.post-fig figcaption .switch{margin:16px 0 10px}
.post-fig figcaption h3{margin:14px 0 8px;font-size:clamp(24px,2vw,32px)}
.post-fig figcaption p{margin:0;color:var(--muted)}
body.theme-night .post-fig figcaption p{color:var(--muted-inv)}
.ipfig .ip-imp,.ipfig .ip-bridge,.ipfig .ip-crown-pu,.ipfig .ip-nat{transition:opacity .6s var(--ease)}
.ipfig[data-current="imp"] .ip-bridge,.ipfig[data-current="imp"] .ip-crown-pu{opacity:0}
.ipfig[data-current="pu"] .ip-imp,.ipfig[data-current="pu"] .ip-nat{opacity:0}
.post-cta{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center;background:var(--ink);color:#fff;border-radius:var(--radius-lg);padding:clamp(24px,3vw,40px);margin:2.2em 0}
.post-cta h3{font-size:clamp(22px,1.8vw,30px);line-height:1.1;margin:10px 0 8px;letter-spacing:-.02em}
.post-cta p{margin:0;color:rgba(255,255,255,.7);font-size:16px;line-height:1.5}
.post-cta .card__tag{color:var(--accent-2)}
.post-cta .btn-row{display:flex;flex-direction:column;gap:10px}
.post-cta .btn-row>.btn{max-width:none;min-width:0;width:100%}
.post-cta .btn--primary{background:var(--accent-2);color:var(--ink)}
body.theme-night .post-cta{background:var(--night-2)}
.dl-box{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:center;border:1.5px dashed var(--accent);border-radius:var(--radius);padding:clamp(20px,2.4vw,30px)}
body.theme-night .dl-box{border-color:var(--violet)}
.dl-box h3{margin:8px 0 6px;font-size:22px}
.dl-box p{margin:0;font-size:16px;line-height:1.5}
.author-box{display:grid;grid-template-columns:96px 1fr;gap:24px;align-items:center;border-top:1px solid var(--line);margin-top:3em!important;padding-top:32px}
body.theme-night .author-box{border-color:var(--line-inv)}
.author-box__img{width:96px;height:96px;border-radius:50%}
.author-box h3{margin:6px 0 6px;font-size:22px}
.author-box p{margin:0 0 12px;font-size:16px;line-height:1.5;color:var(--muted)}
body.theme-night .author-box p{color:var(--muted-inv)}
.post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.post-card{display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;background:var(--white);color:var(--ink);transition:transform .6s var(--ease),box-shadow .6s var(--ease)}
.post-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px -28px rgba(43,32,24,.45)}
body.theme-night .post-card{background:var(--night-2);color:#fff}
.post-card__img{aspect-ratio:1200/630;filter:none!important;background-size:cover!important;background-position:center!important}
.post-card__img::before{display:none!important}
.post-card__body{display:flex;flex-direction:column;gap:10px;padding:clamp(18px,2vw,26px);flex:1}
.post-card h3{font-size:clamp(19px,1.4vw,23px);line-height:1.15;letter-spacing:-.015em;margin:0}
.post-card p{margin:0;font-size:15px;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.theme-night .post-card p{color:var(--muted-inv)}
.post-card .link-arrow{margin-top:auto;align-self:flex-start;font-size:15px}
.post-card .link-arrow svg{width:16px;height:16px}
.post-list--feat .post-card--big{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr}
.post-card--big .post-card__img{aspect-ratio:auto;min-height:340px}
.post-card--big h3{font-size:clamp(26px,2.6vw,44px);line-height:1.02;letter-spacing:-.03em}
.post-card--big .post-card__body{padding:clamp(24px,3.4vw,52px);justify-content:center}
.post-card[hidden]{display:none!important}
.blog-tools{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(24px,3vw,40px)}
.blog-chips{display:flex;flex-wrap:wrap;gap:8px}
.blog-chips button{height:42px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line);font-weight:600;font-size:14px;transition:background .3s,color .3s,border-color .3s}
.blog-chips button:hover{border-color:var(--ink)}
.blog-chips button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.blog-search input{height:46px;width:min(320px,100%);border-radius:999px;border:1.5px solid var(--line);background:var(--white);padding:0 20px;font:inherit;font-size:15px;color:inherit}
.blog-search input:focus{outline:none;border-color:var(--accent)}
.blog-hero{min-height:auto;padding-bottom:clamp(40px,5vw,70px)}
@media (max-width:1000px){
  .post-grid{grid-template-columns:minmax(0,1fr)}
  .post-toc{position:static;background:var(--paper-2);border-radius:var(--radius);padding:22px}
  body.theme-night .post-toc{background:var(--night-2)}
  .post-toc .btn{display:none}
  .post-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .post-list--feat .post-card--big{grid-template-columns:1fr}
  .post-card--big .post-card__img{aspect-ratio:1200/630;min-height:0}
}
@media (max-width:640px){
  .post-list{grid-template-columns:minmax(0,1fr)}
  .post-cta,.dl-box{grid-template-columns:1fr}
  .author-box{grid-template-columns:64px 1fr;gap:16px}
  .author-box__img{width:64px;height:64px}
  .blog-search,.blog-search input{width:100%}
  .post-meta{gap:12px}
}
body:not(.theme-night) .compare .yes{color:var(--accent)}
.prose .compare thead th:not(:first-child){font-size:clamp(17px,1.4vw,21px)}
.prose .compare{min-width:520px}
.post-back{display:table}
.post-card__img::after{content:"";display:block!important;position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(31,23,18,.35));mix-blend-mode:normal}
.post-toc summary{list-style:none;cursor:default}
.post-toc summary::-webkit-details-marker{display:none}
.post-cta .btn{height:54px}
@media (max-width:1000px){
  .post-toc summary{cursor:pointer;display:flex;width:100%}
  .post-toc summary::after{content:"+";margin-left:auto;font-size:20px;letter-spacing:0;line-height:1}
  .post-toc details[open] summary::after{content:"−"}
}
@media (max-width:640px){
  .prose .compare{min-width:0;font-size:14px}
  .prose .compare th,.prose .compare td{padding:12px 10px}
  .prose .compare thead th:not(:first-child){font-size:16px}
  .prose .compare tbody th{width:auto}
}
.post-cta .btn-row>.btn{flex:none}
.team.team--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px;margin-left:auto;margin-right:auto}
@media (max-width:640px){.team.team--2{grid-template-columns:1fr}}

/* ===== Ajustes globales: títulos de cabecera y ritmo vertical ===== */
.section{padding:clamp(64px,8vw,124px) 0}
.phero h1{font-size:clamp(34px,4.4vw,76px);line-height:.95}
.phero{padding-bottom:clamp(48px,6vw,80px)}
.guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(32px,6vw,120px);align-items:start}
.guide__head{position:sticky;top:120px}
.guide__body{max-width:760px}
.guide__body>:first-child{margin-top:0}
.guide__body h3{margin-top:1.6em}
@media (max-width:900px){.guide{grid-template-columns:1fr}.guide__head{position:static}}
.stack{padding-bottom:0}
.stack__card{min-height:46vh}
.stack__card:last-child{margin-bottom:0}
#cita{padding-bottom:clamp(56px,6vw,96px)}
@media (max-width:640px){.stat__n{font-size:clamp(32px,9.5vw,46px)}}
.teamcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.teamcol{background:var(--white);border-radius:var(--radius);padding:clamp(22px,2.4vw,34px)}
.teamcol h3{font-size:clamp(22px,1.8vw,28px);letter-spacing:-.02em;margin:10px 0 16px}
.teamcol__chips{display:flex;flex-wrap:wrap;gap:6px}
.teamcol__chips .chip{font-size:13px}
.teamcol__arts{list-style:none;margin:0;padding:0;font-size:15px;line-height:1.35}
.teamcol__arts li{border-top:1px solid var(--line);padding:10px 0}
.teamcol__arts a:hover{color:var(--accent)}

/* ===== Logo vectorial ODOS ===== */
.logo svg.lg{height:50px;width:auto;display:block;overflow:visible}
.lg-tl,.lg-tr,.lg-ch,.lg-t{transform-box:fill-box}
.lg-tl{transform-origin:70% 100%;transition:transform .7s var(--ease)}
.lg-tr{transform-origin:30% 100%;transition:transform .7s var(--ease)}
.lg-ch{transform-origin:50% 50%}
.logo:hover .lg-tl{transform:rotate(-5deg)}
.logo:hover .lg-tr{transform:rotate(5deg)}
.logo:hover .lg-ch{animation:lgScrewHover .7s var(--ease) calc(var(--i) * .045s) both}
@keyframes lgScrewHover{0%{transform:none}40%{transform:translateX(10px) scaleX(.7);fill:var(--accent)}100%{transform:none}}
.lg-intro .lg-tl{animation:lgWipe 1.1s var(--ease) .15s both}
.lg-intro .lg-tr{animation:lgWipe 1.1s var(--ease) .32s both}
.lg-intro .lg-ch{animation:lgScrew .55s var(--ease) calc(.85s + var(--i) * .07s) both}
.lg-intro .lg-t--clinica{animation:lgUp .9s var(--ease) .35s both}
.lg-intro .lg-t--odos{animation:lgUp .9s var(--ease) .5s both}
.lg-intro .lg-t--dental{animation:lgUp .9s var(--ease) .65s both}
@keyframes lgWipe{from{clip-path:inset(0 0 100% 0);transform:translateY(-6%)}to{clip-path:inset(0 0 0 0);transform:none}}
@keyframes lgScrew{from{opacity:0;transform:translateY(-120%) scaleX(.3) rotate(-14deg)}to{opacity:1;transform:none}}
@keyframes lgUp{from{opacity:0;transform:translateY(40%);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}
.footer__logo{margin:0 0 clamp(40px,6vw,80px);color:var(--paper)}
.footer__logo svg{display:block;width:min(100%,760px);height:auto;-webkit-mask-image:linear-gradient(105deg,#000 42%,rgba(0,0,0,.35) 50%,#000 58%);mask-image:linear-gradient(105deg,#000 42%,rgba(0,0,0,.35) 50%,#000 58%);-webkit-mask-size:300% 100%;mask-size:300% 100%;animation:lgShine 7s linear infinite}
@keyframes lgShine{from{-webkit-mask-position:120% 0;mask-position:120% 0}to{-webkit-mask-position:-20% 0;mask-position:-20% 0}}
.preloader__brand--logo svg{width:min(70vw,520px);height:auto;color:var(--paper)}
@media (max-width:640px){.logo svg.lg{height:40px}}
@media (prefers-reduced-motion:reduce){.footer__logo svg{animation:none}.logo:hover .lg-ch{animation:none}}

/* ===== Móvil: carruseles horizontales y ritmo ===== */
@media (max-width:899px){
  .hs{min-height:auto;display:block;padding:72px 0 56px}
  .hs__track{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);scrollbar-width:none;transform:none!important}
  .hs__track::-webkit-scrollbar{display:none}
  .hs__intro,.hs__panel{scroll-snap-align:start}
  .hs__intro{flex-basis:78vw;justify-content:flex-start;gap:18px}
  .hs__panel{flex-basis:80vw;height:min(64vh,520px)}
  .hs__progress{position:relative;left:auto;right:auto;bottom:auto;margin:24px var(--gutter) 0}
}
@media (max-width:640px){
  .team,.teamcols,.bento:has(> .quote),.post-list:not(.post-list--feat){display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:calc(-1 * var(--gutter));margin-right:calc(-1 * var(--gutter));padding:0 var(--gutter) 6px;scroll-padding:0 var(--gutter);scrollbar-width:none}
  .team::-webkit-scrollbar,.teamcols::-webkit-scrollbar,.bento:has(> .quote)::-webkit-scrollbar,.post-list:not(.post-list--feat)::-webkit-scrollbar{display:none}
  .team>*,.teamcols>*,.bento:has(> .quote)>*,.post-list:not(.post-list--feat)>*{flex:0 0 82%;scroll-snap-align:start;min-width:0}
  .section{padding:56px 0}
  .phero{padding-top:120px}
  .sec-head{gap:14px;margin-bottom:28px}
  .guide{gap:20px}
}
.logo svg.lg{height:58px}
@media (max-width:640px){.logo svg.lg{height:46px}}
.teamcol__chips .chip{padding:7px 13px;border:1px solid var(--line);background:var(--paper);color:var(--ink);height:auto;line-height:1.2}.teamcol__chips .chip:hover{border-color:var(--accent)}

/* ===== Reels estilo Instagram ===== */
.ig-head{display:flex;align-items:center;gap:clamp(16px,2.4vw,32px);margin-bottom:clamp(28px,3.4vw,48px);max-width:760px}
.ig-ava{display:block;border-radius:50%;background-size:cover!important;background-position:center 20%!important;filter:none!important;flex:none}
.ig-ava::before,.ig-ava::after{display:none!important}
.ig-ava--ring{width:clamp(84px,9vw,120px);height:clamp(84px,9vw,120px);box-shadow:0 0 0 3px var(--night,#1F1712),0 0 0 6px transparent;position:relative;outline:3px solid transparent;background-clip:padding-box}
.ig-ava--ring{border:4px solid transparent;background:var(--img) center 20%/cover padding-box,linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5) border-box!important}
.ig-ava--s{width:28px;height:28px;border:2px solid #fff}
.ig-head__row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.ig-head__row b{font-size:clamp(20px,1.8vw,26px);letter-spacing:-.01em}
.ig-head p{margin:2px 0;font-size:15px;line-height:1.45}
.ig-follow{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:10px;background:#0095F6;color:#fff;font-weight:600;font-size:14px}
.ig-follow svg{width:16px;height:16px}
.ig-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,18px)}
.ig-reel{position:relative;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#000;color:#fff;isolation:isolate;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.ig-reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;cursor:pointer}
.ig-reel::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,transparent 22%,transparent 60%,rgba(0,0,0,.7) 100%)}
.ig-reel__bar{position:absolute;top:8px;left:10px;right:10px;height:2.5px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.ig-reel__bar i{display:block;height:100%;width:100%;background:#fff;transform:scaleX(0);transform-origin:left}
.ig-reel__top{position:absolute;top:20px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;font-size:13px}
.ig-reel__user{display:flex;align-items:center;gap:8px}
.ig-reel__tag{font-weight:700;font-size:15px}
.ig-reel__side{position:absolute;right:10px;bottom:96px;display:flex;flex-direction:column;gap:16px}
.ig-reel__side span{display:block;width:26px;height:26px}
.ig-reel__side svg{width:100%;height:100%;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
.ig-reel__sound{position:absolute;right:10px;top:54px;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.45);display:grid;place-items:center;color:#fff}
.ig-reel__sound svg{width:17px;height:17px}
.ig-reel .ig-on,.ig-reel.is-sound .ig-off{display:none}
.ig-reel.is-sound .ig-on{display:block}
.ig-reel__cap{position:absolute;left:12px;right:48px;bottom:14px;font-size:13px;line-height:1.35}
.ig-reel__cap p{margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ig-reel__cap small{opacity:.8}
.ig-reel.is-playing .ig-reel__bar i{transition:transform .25s linear}
.ig-more{margin-top:28px}
@media (max-width:900px){
  .ig-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter) 6px;scroll-padding:0 var(--gutter);scrollbar-width:none}
  .ig-grid::-webkit-scrollbar{display:none}
  .ig-reel{flex:0 0 min(78vw,360px);scroll-snap-align:center;border-radius:16px}
}
@media (max-width:640px){
  .ig-reel{flex-basis:84vw;max-height:calc(100svh - 150px)}
  .ig-head{align-items:flex-start}
}
/* ===== Cookies ===== */
.cookies{position:fixed;left:16px;bottom:16px;z-index:200;max-width:440px;background:var(--white);color:var(--ink);border-radius:20px;padding:20px 22px;box-shadow:0 30px 70px -20px rgba(0,0,0,.35);transform:translateY(20px);opacity:0;transition:opacity .4s,transform .5s var(--ease);font-size:14px;line-height:1.5}
.cookies.on{opacity:1;transform:none}
.cookies p{margin:0 0 14px}
.cookies a{text-decoration:underline}
.cookies__btns{display:flex;gap:8px}
.cookies__btns .btn{flex:1;height:44px}
.cookie-link{font:inherit;color:inherit;text-decoration:underline;opacity:.8}
@media (max-width:640px){.cookies{left:10px;right:10px;bottom:92px;max-width:none}}
.insgrid .ins-link{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:88px;padding:16px;border-radius:18px;background:var(--ink);color:var(--white);font-weight:700;font-size:17px;transition:transform .4s var(--ease),box-shadow .4s}
.insgrid .ins-link i{position:absolute;right:14px;top:10px;font-style:normal;font-size:14px;color:var(--accent-2)}
.insgrid .ins-link:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px rgba(43,32,24,.5)}
.post-cover{margin-top:clamp(26px,3vw,40px);aspect-ratio:21/9;border-radius:var(--radius-lg);filter:none!important;background-size:cover!important;background-position:center 35%!important}
.post-cover::before{display:none!important}
.post-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(31,23,18,.25));mix-blend-mode:normal}
@media (max-width:640px){.post-cover{aspect-ratio:4/3;border-radius:var(--radius)}}
.post-cover{aspect-ratio:16/9;max-width:980px;background-position:center 28%!important}
/* ajustes 23/10 */
.footer__logo svg{width:min(100%,220px)}
.split__badge{right:22px;top:calc(50% - 64px)}
@media (max-width:900px){.split__badge{left:auto;right:14px;top:14px}}
.implant .feature-list li{padding:12px 0;gap:12px;line-height:1.3}
.implant .feature-list li b{margin-bottom:0;font-size:18px}
.implant .feature-list li br{display:none}
.implant .feature-list li .muted{display:block;font-size:15px;padding-top:2px;color:var(--muted)!important;font-weight:400!important}
.doc__img--ph{display:grid;place-items:center;background:linear-gradient(160deg,#3A2C22,#1F1712)!important}
.doc__img--ph::after{content:attr(data-ini);font-size:clamp(64px,8vw,120px);font-weight:800;letter-spacing:-.04em;color:rgba(226,196,155,.35);position:relative;z-index:1;mix-blend-mode:normal}
/* selector de casos de implantes */
.ipick{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,100px);align-items:center}
.ipick__fig{border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 30%,#4A392C,#1E1610 80%);padding:clamp(18px,3vw,40px)}
.ipick__fig svg{width:100%;height:auto;display:block}
.ipick__fig .nat{fill:#FAF7F2}
.ipick__fig .crw{fill:#F3E8DA;stroke:rgba(43,32,24,.2);stroke-width:1.5}
.ipick__fig .sep{stroke:rgba(43,32,24,.18);stroke-width:2}
.ipick__fig .gum2{fill:#D98C80}
.ipick__fig .m{opacity:0;transition:opacity .6s var(--ease)}

.ipick__fig[data-current="one"] .m-one,.ipick__fig[data-current="few"] .m-few,.ipick__fig[data-current="all"] .m-all{opacity:1}
.ipick h3{font-size:clamp(22px,1.8vw,28px);margin:6px 0 8px;letter-spacing:-.02em}
.ipick [data-mode-text] p{margin:0;max-width:48ch}
.ipick [data-mode-text] a{color:var(--accent);text-decoration:underline}
@media (max-width:900px){.ipick{grid-template-columns:1fr}}
.dayline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);counter-reset:d;position:relative}
.dayline li{background:var(--white);border-radius:var(--radius);padding:clamp(22px,2.4vw,32px);position:relative}
.dayline li::before{counter-increment:d;content:counter(d,decimal-leading-zero);display:block;font-size:44px;font-weight:900;letter-spacing:-.05em;color:var(--accent);line-height:1;margin-bottom:14px}
.dayline__t{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.dayline h3{font-size:clamp(22px,1.7vw,28px);margin:8px 0 8px;letter-spacing:-.02em}
.dayline p{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}
@media (max-width:900px){.dayline{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter) 6px;scrollbar-width:none}.dayline li{flex:0 0 78%;scroll-snap-align:start}}
.doc__img--ph::after{background:none!important;inset:auto!important;position:relative!important}
.mega>.grp:last-child{grid-column:1/-1}.mega>.grp:last-child>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.media[style*="eq-"]{filter:none;background-color:#0c0c0c;background-size:cover;background-repeat:no-repeat;background-position:center 18%}
.team--staff{grid-template-columns:repeat(4,minmax(0,1fr))}
.team--staff .doc__img{aspect-ratio:4/5}
.team--staff h3{font-size:clamp(20px,1.6vw,26px)}
@media (max-width:900px){.team--staff{grid-template-columns:repeat(2,minmax(0,1fr))}}
.media[style*="dra-patricia"]{filter:none;background-color:#0c0c0c;background-size:cover;background-repeat:no-repeat;background-position:center 18%}
.footer__logo{margin:26px 0 0}
.footer__logo svg{width:160px}
.footer{padding-top:clamp(56px,6vw,90px)}.footer__grid{border-top:0;padding-top:0}