/* Clínica Salak — layout del sitio (sobre salak.css = tokens + componentes del sistema de diseño) */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--font-body)}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0;padding:0}
ul{list-style:none}
img{display:block;max-width:100%;height:auto}
a{color:var(--aqua-800);text-decoration:none}a:hover{color:var(--ink)}
button{font:inherit}
.sk-btn--primary,.sk-btn--primary:hover,.sk-btn--primary:active,.sk-iconbtn--primary{color:#fff}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:999px}.skip:focus{left:16px}
.ico{display:inline-block;flex:none;width:var(--s,20px);height:var(--s,20px);background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.wrap{max-width:1264px;margin:0 auto;padding:0 32px}
.sec{padding:120px 0}.sec--white{background:#fff;border-top:1px solid var(--border-1)}.sec--ink{background:var(--ink);color:#fff}
.sec--flush{padding-top:0}
.row{display:flex;flex-wrap:wrap;gap:72px;align-items:center}.row>*{min-width:0}
.col-a{flex:1 1 420px}.col-b{flex:1.1 1 460px}
.stack{display:flex;flex-direction:column;gap:28px}.stack-s{display:flex;flex-direction:column;gap:16px}
.head-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px 40px}
.h1{font:500 clamp(48px,7.6vw,108px)/.93 var(--font-display);letter-spacing:-.045em;text-wrap:balance}
.h2{font:500 clamp(34px,4.4vw,58px)/1.03 var(--font-display);letter-spacing:-.03em;text-wrap:balance}
.h3{font:500 24px/1.15 var(--font-display);letter-spacing:-.02em}
.em{color:var(--aqua-700)}.sec--ink .em,.hero .em{color:var(--aqua-400)}
.lede{font-size:18px;line-height:1.65;color:var(--text-2);text-wrap:pretty;max-width:640px}
.sec--ink .lede{color:rgba(255,255,255,.74)}
.p{font-size:16px;line-height:1.7;color:var(--text-2);text-wrap:pretty}
.mono{font:500 13px/1 var(--font-mono);color:var(--aqua-800)}
.sec--ink .sk-eyebrow{color:var(--aqua-300)}
.crumb{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--text-2)}.crumb a{color:var(--text-2)}.crumb a:hover{color:var(--ink)}.crumb [aria-current]{color:var(--ink)}
.page-head{padding:48px 0 64px}.page-head .stack{gap:28px}
.leaf{border-radius:6px 96px 6px 96px;overflow:hidden;background:var(--sand)}
.r24{border-radius:24px;overflow:hidden;background:var(--sand)}
.cover{width:100%;height:100%;object-fit:cover}
.zoom img{transition:transform .9s var(--ease-out)}.zoom:hover img{transform:scale(1.05)}

/* Header */
.hdr{position:sticky;top:0;z-index:60;background:rgba(251,250,249,.86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:box-shadow .3s var(--ease-out)}
.hdr.is-scrolled{box-shadow:0 1px 0 var(--border-1)}
.hdr__in{height:92px;display:flex;align-items:center;gap:24px}
.hdr__logo{flex:none;display:flex}.hdr__logo img{height:60px;width:auto}
.nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.nav__item{position:relative}
.nav__link{display:flex;align-items:center;gap:6px;height:44px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:500 15px/1 var(--font-body);cursor:pointer}
.nav__link:hover,.nav__item:focus-within>.nav__link,.nav__item:hover>.nav__link,.nav__link[aria-current]{background:var(--malva-50);color:var(--ink)}
.drop{position:absolute;top:100%;left:-8px;padding-top:10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s var(--ease-out),transform .2s var(--ease-out),visibility .2s}
.nav__item:hover .drop,.nav__item:focus-within .drop{opacity:1;visibility:visible;transform:none}
.drop__panel{background:#fff;border:1px solid var(--border-1);border-radius:24px;box-shadow:var(--shadow-3);padding:8px;display:grid;gap:2px}
.drop--esp{left:-160px}.drop--esp .drop__panel{width:600px;grid-template-columns:repeat(2,minmax(0,1fr))}
.drop__a{display:flex;align-items:center;gap:14px;height:64px;padding:0 14px;border-radius:16px;color:var(--ink);min-width:300px}
.drop--esp .drop__a{min-width:0}
.drop__a:hover{background:var(--aqua-50);color:var(--ink)}
.well{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:var(--radius-leaf-sm);background:var(--aqua-50);color:var(--aqua-800)}
.well--solid{background:var(--aqua-500);color:#fff}
.drop__t{display:flex;flex-direction:column;gap:3px;min-width:0}
.drop__t small{font:600 10px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--text-2)}
.drop__t span{font:500 17px/1.2 var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdr__tools{display:flex;align-items:center;gap:14px;flex:none}
.hdr__tel{display:flex;align-items:center;gap:8px;color:var(--ink);font:500 14px/1 var(--font-mono)}
.lang{display:flex;padding:3px;border-radius:999px;background:var(--malva-50);border:1px solid var(--border-1)}
.lang a{height:32px;display:grid;place-items:center;padding:0 11px;border-radius:999px;color:var(--text-2);font:600 12px/1 var(--font-body);letter-spacing:.08em}
.lang a[aria-current]{background:var(--ink);color:#fff}
/* Botón hamburguesa animado */
.burger{display:none;position:relative;width:48px;height:48px;border:0;border-radius:999px;background:var(--ink);color:#fff;cursor:pointer;place-items:center;transition:background-color .2s var(--ease-out),transform .2s var(--ease-out)}
.burger:active{transform:scale(.92)}
.burger__box{position:relative;width:20px;height:14px;display:block}
.burger__box i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .42s var(--ease-spring),opacity .2s var(--ease-out),top .3s var(--ease-out)}
.burger__box i:nth-child(1){top:0}.burger__box i:nth-child(2){top:6px}.burger__box i:nth-child(3){top:12px}
.burger[aria-expanded="true"]{background:var(--aqua-500)}
.burger[aria-expanded="true"] i:nth-child(1){top:6px;transform:rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0;transform:scaleX(.2)}
.burger[aria-expanded="true"] i:nth-child(3){top:6px;transform:rotate(-45deg)}
/* Panel móvil */
.mnav{position:absolute;left:0;right:0;top:100%;height:calc(100vh - 92px);height:calc(100dvh - 92px);background:var(--paper);border-top:1px solid var(--border-1);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;transform:translateY(-12px);clip-path:inset(0 0 100% 0);transition:opacity .3s var(--ease-out),transform .45s var(--ease-out),clip-path .5s var(--ease-out),visibility 0s .5s}
.mnav.is-open{opacity:1;visibility:visible;transform:none;clip-path:inset(0 0 0 0);transition:opacity .3s var(--ease-out),transform .45s var(--ease-out),clip-path .5s var(--ease-out),visibility 0s}
html.menu-open{overflow:hidden}
html.menu-open .wa,html.menu-open .ck{opacity:0;visibility:hidden;pointer-events:none}
.wa,.ck{transition:opacity .25s var(--ease-out),visibility .25s}
.mnav__in{max-width:880px;margin:0 auto;padding:16px 32px 40px;min-height:100%;display:flex;flex-direction:column;gap:28px}
.macc{display:flex;flex-direction:column}
.macc__g{border-bottom:1px solid var(--border-2);opacity:0;transform:translateY(14px);transition:opacity .4s var(--ease-out),transform .5s var(--ease-out)}
.mnav.is-open .macc__g,.mnav.is-open .mnav__foot{opacity:1;transform:none;transition-delay:calc(120ms + var(--d) * 60ms)}
.macc__h{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;border:0;background:none;color:var(--ink);font:500 clamp(26px,5vw,34px)/1.1 var(--font-display);letter-spacing:-.02em;text-align:left;cursor:pointer}
.macc__h:hover{color:var(--ink)}
.macc__h small{margin-left:10px;font:500 13px/1 var(--font-mono);color:var(--aqua-800);vertical-align:middle}
.macc__chev{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--malva-50);transition:transform .4s var(--ease-spring),background-color .2s}
.macc__h[aria-expanded="true"] .macc__chev{transform:rotate(180deg);background:var(--aqua-500);color:#fff}
a.macc__h:hover .macc__chev{background:var(--aqua-500);color:#fff;transform:translateX(3px)}
.macc__b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease-out)}
.macc__h[aria-expanded="true"]+.macc__b{grid-template-rows:1fr}
.macc__list{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:2px}
.macc__h[aria-expanded="true"]+.macc__b .macc__list{padding-bottom:20px}
.macc__list--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:2px 12px}
.macc__a{display:flex;align-items:center;gap:14px;min-height:56px;padding:6px 10px;margin:0 -10px;border-radius:16px;color:var(--ink);font:500 17px/1.2 var(--font-display);opacity:0;transform:translateX(-8px);transition:opacity .3s var(--ease-out),transform .35s var(--ease-out),background-color .15s}
.macc__h[aria-expanded="true"]+.macc__b .macc__a{opacity:1;transform:none}
.macc__list .macc__a:nth-child(1){transition-delay:.04s}.macc__list .macc__a:nth-child(2){transition-delay:.07s}.macc__list .macc__a:nth-child(3){transition-delay:.1s}.macc__list .macc__a:nth-child(4){transition-delay:.13s}.macc__list .macc__a:nth-child(5){transition-delay:.16s}.macc__list .macc__a:nth-child(6){transition-delay:.19s}.macc__list .macc__a:nth-child(n+7){transition-delay:.22s}
.macc__a:hover{background:var(--aqua-50);color:var(--ink)}
.macc__a>span:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.macc__a small{font:600 10px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--text-2)}
.macc__a .well{width:40px;height:40px}
.macc__a>.ico{color:var(--aqua-800)}
.macc__a--all{grid-column:1/-1;margin-top:6px;background:var(--malva-50)}
.mnav__foot{margin-top:auto;display:flex;flex-direction:column;gap:14px;opacity:0;transform:translateY(14px);transition:opacity .4s var(--ease-out),transform .5s var(--ease-out)}
.mnav__quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mnav__quick a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid var(--border-1);color:var(--ink);font:500 15px/1.2 var(--font-mono)}
.mnav__quick a:hover{border-color:var(--ink);color:var(--ink)}
.mnav__quick .ico{color:var(--aqua-700)}
.mnav__quick span{display:flex;flex-direction:column;gap:4px}.mnav__quick small{font:500 12px/1 var(--font-body);color:var(--text-2)}
.mnav__hours{display:flex;align-items:center;gap:8px;justify-content:center;font-size:13px;color:var(--text-2);text-align:center}
@media (min-width:1080px){.mnav{display:none}}
.only-m{display:none}.sticky-col{position:sticky;top:120px}
@media (max-width:1239px){.hdr__tel{display:none}}
@media (max-width:1079px){.nav,.hdr__tools .sk-btn{display:none}.burger,.only-m{display:inline-grid}.hdr__tools{margin-left:auto;gap:8px}}

/* Hero */
.hero{padding:8px 16px 0}
.hero__box{position:relative;overflow:hidden;border-radius:36px;background:var(--ink);min-height:max(640px,calc(100vh - 108px));display:flex;flex-direction:column;color:#fff}
.hero__img{position:absolute;inset:0;opacity:0;transform:scale(1);transition:opacity 1.2s var(--ease-out),transform 8s var(--ease-out)}
.hero__img img{width:100%;height:100%;object-fit:cover}
.hero__img.is-on{opacity:1;transform:scale(1.08)}
.hero__scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,28,37,.86),rgba(34,28,37,.62) 45%,rgba(34,28,37,.18)),linear-gradient(0deg,rgba(34,28,37,.6),rgba(34,28,37,0) 45%)}
.hero__mark{position:absolute;right:-60px;top:-40px;width:min(42vw,520px);opacity:.08;pointer-events:none}
.hero__body{position:relative;flex:1;width:100%;max-width:1264px;margin:0 auto;padding:clamp(56px,9vh,112px) 32px 40px;display:flex;flex-direction:column;justify-content:center}
.hero__slides{display:grid;max-width:820px}
.hero__slide{grid-area:1/1;display:flex;flex-direction:column;gap:28px;opacity:0;transform:translateY(28px);pointer-events:none;transition:opacity .8s var(--ease-out),transform 1s var(--ease-out)}
.hero__slide.is-on{opacity:1;transform:none;pointer-events:auto}
.hero__slide .sk-eyebrow{color:var(--aqua-300)}
.hero__t{font:500 clamp(48px,7.4vw,114px)/.93 var(--font-display);letter-spacing:-.045em;color:#fff;text-wrap:balance}
.hero__lede{font-size:clamp(17px,1.5vw,20px);line-height:1.6;color:rgba(255,255,255,.84);max-width:520px}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.hero__slide.btns{flex-direction:row;gap:12px;align-items:flex-start}
.hero__bar{position:relative;width:100%;max-width:1264px;margin:0 auto;padding:0 32px 32px;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}
.hero__dots{flex:1 1 520px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:760px}
.hero__dot{display:flex;flex-direction:column;gap:12px;padding:0;border:0;background:none;cursor:pointer;text-align:left;color:rgba(255,255,255,.6)}
.hero__dot.is-on,.hero__dot:hover{color:#fff}
.hero__track{position:relative;height:3px;border-radius:3px;background:rgba(255,255,255,.22);overflow:hidden}
.hero__fill{position:absolute;inset:0;background:var(--aqua-400);transform-origin:left;transform:scaleX(0)}
.hero__dot.is-done .hero__fill{transform:scaleX(1)}
.hero__dot.is-on .hero__fill{animation:salak-bar 6.5s linear both}
.hero__dot span:last-child{display:flex;gap:10px;align-items:baseline;font-size:14px;line-height:1.3}
.hero__ctrl{display:flex;align-items:center;gap:12px}
.glass-tel{display:flex;align-items:center;gap:14px;padding:10px 22px 10px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff}
.glass-tel:hover{color:#fff;background:rgba(255,255,255,.2)}
.pulse{width:44px;height:44px;flex:none;border-radius:50%;background:var(--aqua-500);color:#fff;display:grid;place-items:center;animation:salak-pulse 2s var(--ease-out) infinite}
@keyframes salak-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* Info strip */
.info{display:flex;flex-wrap:wrap;gap:1px;background:var(--border-1);border:1px solid var(--border-1);border-radius:36px;overflow:hidden}
.info>*{flex:1 1 300px;background:#fff;padding:36px;display:flex;flex-direction:column;gap:20px}
.info>.info--aqua{background:var(--aqua-500);color:#fff}
.info__h{display:flex;align-items:center;gap:12px;color:var(--aqua-800)}.info--aqua .info__h{color:#fff}
.info__h h2,.info__h h3{font:500 22px/1.1 var(--font-display);letter-spacing:-.02em;color:inherit}
.info--aqua .info__h h2{color:#fff}
.hours div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-1);font-size:15px}.hours div:last-child{border:0}
.hours dt{color:var(--text-2)}.hours dd{font-family:var(--font-mono)}
.big-tel{font:500 clamp(34px,3.4vw,44px)/1 var(--font-display);letter-spacing:-.03em;color:#fff}.big-tel:hover{color:#fff}

/* Collage */
.collage{position:relative;padding-bottom:72px}
.collage__main{width:80%;aspect-ratio:4/5}
.collage__sub{position:absolute;right:0;bottom:0;width:50%;aspect-ratio:1/1;border:8px solid var(--paper)}
.chips{position:absolute;right:0;top:36px;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.chip{display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:10px 16px 10px 10px;box-shadow:var(--shadow-2);font:500 14px/1 var(--font-body)}
.chip .dot{width:26px;height:26px;border-radius:50%;background:var(--aqua-500);color:#fff;display:grid;place-items:center}
.numgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;margin-top:12px}
.numgrid>div{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--border-2);padding-top:24px}

/* Why */
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 40px}
.why li{display:flex;align-items:center;gap:18px;border-top:1px solid rgba(255,255,255,.16);padding:26px 0;font:500 20px/1.2 var(--font-display);color:#fff}
.why .ico{color:var(--aqua-400)}

/* Marquee */
.marq{display:flex;overflow:hidden;padding:30px 0;border-block:1px solid var(--border-1);background:#fff}
.marq__t{display:flex;flex:none;white-space:nowrap;animation:salak-marquee 42s linear infinite}
.marq__t span{display:flex;align-items:center;gap:56px;padding-right:56px;font:500 clamp(28px,3.4vw,46px)/1 var(--font-display);letter-spacing:-.03em}
.marq__t img{height:28px;width:auto}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:44px 20px}
.cards--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:719px){.cards--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.card{display:flex;flex-direction:column;gap:18px;color:var(--ink);transition:transform .3s var(--ease-out)}
.card:hover{transform:translateY(-4px);color:var(--ink)}
.card__img{position:relative;aspect-ratio:4/5}
.card__n{position:absolute;left:14px;top:14px;background:rgba(255,255,255,.92);border-radius:999px;padding:7px 11px;font:500 12px/1 var(--font-mono);color:var(--ink)}
.card__go{position:absolute;right:14px;bottom:14px;width:44px;height:44px;border-radius:50%;background:var(--aqua-500);color:#fff;display:grid;place-items:center}
.card h3{font:500 23px/1.15 var(--font-display);letter-spacing:-.02em}
.card p{font-size:15px;line-height:1.55;color:var(--text-2);margin-top:6px}
.more{display:flex;flex-wrap:wrap;align-items:center;gap:24px 40px;padding:28px 32px;background:#fff;border:1px solid var(--border-1);border-radius:28px}
.more__n{display:flex;align-items:baseline;gap:12px}.more__n b{font:500 56px/1 var(--font-display);letter-spacing:-.04em;color:var(--aqua-700)}.more__n span{font:500 20px/1.15 var(--font-display);max-width:150px}
.pills{flex:1 1 320px;display:flex;flex-wrap:wrap;gap:8px}
.pill{padding:9px 14px;border-radius:999px;background:var(--malva-50);color:var(--ink);font-size:14px}.pill:hover{background:var(--aqua-50);color:var(--aqua-800)}

/* Tabs */
.tabs{display:flex;justify-content:center;overflow-x:auto}
.tabpanel[hidden]{display:none}
.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 24px;margin-top:8px}
.checks li{display:flex;align-items:center;gap:12px;font-size:15px;padding:12px 0;border-bottom:1px solid var(--border-1)}
.checks .ico{color:var(--aqua-700)}
.note{align-self:flex-start;display:flex;align-items:center;gap:10px;background:var(--aqua-50);color:var(--aqua-800);border-radius:999px;padding:10px 16px;font:500 14px/1.2 var(--font-body)}

/* Team */
.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:40px 20px}
.team figure{display:flex;flex-direction:column;gap:14px}
.team .r24{aspect-ratio:4/5}.team img{object-position:center top}
.team figcaption{display:flex;flex-direction:column;gap:4px}
.team figcaption b{font:500 21px/1.2 var(--font-display);letter-spacing:-.01em}
.team figcaption span{font-size:14px;color:var(--text-2)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 20px}
.team figure[hidden]{display:none}

/* CTA */
.cta{position:relative;overflow:hidden;border-radius:36px;background:var(--aqua-500);padding:clamp(40px,6vw,80px) clamp(28px,5vw,64px);display:flex;flex-wrap:wrap;gap:40px;align-items:flex-end;justify-content:space-between;color:var(--ink)}
.cta__mark{position:absolute;right:-50px;bottom:-80px;width:360px;opacity:.22;animation:salak-float 6s var(--ease-in-out) infinite;pointer-events:none}
.cta>div{position:relative}
.cta__k{font:600 12px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase}
.cta h2{font:500 clamp(32px,4vw,52px)/1.04 var(--font-display);letter-spacing:-.03em;text-wrap:balance;max-width:720px;margin-top:18px}

/* Timeline */
.tl{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 max(32px,calc((100vw - 1200px)/2));scroll-padding:0 max(32px,calc((100vw - 1200px)/2))}
.tl::-webkit-scrollbar{display:none}
.tl li{flex:none;width:300px;scroll-snap-align:start;display:flex;flex-direction:column;gap:18px}
.tl__line{display:flex;align-items:center;gap:12px}.tl__line i{width:12px;height:12px;border-radius:50%;background:var(--aqua-500);box-shadow:0 0 0 6px var(--aqua-100)}.tl__line b{flex:1;height:1px;background:var(--border-2)}
.tl time{font:500 13px/1 var(--font-mono);color:var(--aqua-800);text-transform:uppercase;letter-spacing:.04em}
.tl .r24{aspect-ratio:4/3;border-radius:20px}
.mission{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:40px}
.mission li{display:flex;flex-direction:column;gap:16px;border-top:1px solid rgba(255,255,255,.16);padding-top:28px}
.mission b{font:500 48px/1 var(--font-display);letter-spacing:-.03em;color:var(--aqua-400)}
.mission p{color:rgba(255,255,255,.74);font-size:15px;line-height:1.6}
.rows>div{display:flex;align-items:baseline;gap:24px;padding:22px 0;border-top:1px solid var(--border-2)}.rows>div:last-child{border-bottom:1px solid var(--border-2)}
.rows h3{font:500 clamp(22px,2.2vw,28px)/1.15 var(--font-display);letter-spacing:-.02em}

/* Specialty detail */
.detail{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.detail article{flex:1 1 600px;min-width:0;display:flex;flex-direction:column;gap:56px}
.detail aside{flex:0 1 340px;min-width:280px;position:sticky;top:104px;display:flex;flex-direction:column;gap:16px}
.box{background:#fff;border:1px solid var(--border-1);border-radius:24px;padding:12px}
.box__k{padding:14px 14px 10px;font:600 12px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--text-2)}
.box a{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:14px;font-size:15px;color:var(--ink)}
.box a:hover{background:var(--aqua-50);color:var(--ink)}.box a[aria-current]{background:var(--ink);color:#fff}
.inkcard{background:var(--ink);color:#fff;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:14px}
.inkcard .k{font:600 11px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--aqua-300)}
.inkcard .tel{font:500 24px/1 var(--font-mono);color:var(--aqua-400)}
.video{display:flex;align-items:center;gap:14px;background:var(--sand);border-radius:24px;padding:20px;color:var(--ink)}.video:hover{background:var(--malva-100);color:var(--ink)}
.surg{background:var(--aqua-50);border-radius:var(--radius-leaf);padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;gap:24px}
.surg ul{display:flex;flex-wrap:wrap;gap:10px}.surg li{background:#fff;border-radius:999px;padding:12px 20px;font:500 18px/1 var(--font-display)}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:8px}
.feat li{display:flex;flex-direction:column;gap:14px}.feat .r24{aspect-ratio:1/1;border-radius:20px}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--border-2);padding-top:28px}
.pn a{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:20px;color:var(--ink)}.pn a:hover{background:var(--malva-50);color:var(--ink)}
.pn a:last-child{text-align:right;align-items:flex-end}.pn small{font-size:13px;color:var(--text-2)}.pn span{font:500 22px/1.15 var(--font-display)}

/* FAQ (details) */
.faq{border-top:1px solid var(--border-2)}
.faq details{border-bottom:1px solid var(--border-2)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font:500 20px/1.3 var(--font-display);letter-spacing:-.01em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";width:22px;height:22px;flex:none;background:currentColor;-webkit-mask:url(../icons/plus.svg) center/contain no-repeat;mask:url(../icons/plus.svg) center/contain no-repeat;transition:transform .3s var(--ease-spring)}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 60px 24px 0;color:var(--text-2);line-height:1.65}

/* Forms */
.formcard{background:#fff;border:1px solid var(--border-1);border-radius:36px;padding:clamp(28px,4vw,48px);box-shadow:var(--shadow-2)}
.form{display:flex;flex-direction:column;gap:18px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font:600 13px/1 var(--font-body);color:var(--ink)}
.field input,.field select,.field textarea{width:100%;height:52px;padding:0 18px;border:1px solid var(--border-2);border-radius:16px;background:#fff;color:var(--ink);font:400 16px/1.4 var(--font-body);transition:border-color .15s,box-shadow .2s}
.field textarea{height:auto;min-height:120px;padding:14px 18px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--aqua-500);box-shadow:var(--shadow-focus)}
.check{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--text-2)}.check input{width:20px;height:20px;accent-color:var(--aqua-600);margin-top:1px}
.hp{position:absolute;left:-9999px}
.ok{display:none;flex-direction:column;gap:20px;align-items:flex-start;padding:24px 0}.is-sent .ok{display:flex}.is-sent .form{display:none}
.list-rows>*{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--border-2);color:var(--ink)}
.list-rows{border-top:1px solid var(--border-2)}
.list-rows span:first-child{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--text-2)}
.list-rows b{font:500 16px/1.4 var(--font-mono);text-align:right}
.ccards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.ccard{background:#fff;border:1px solid var(--border-1);border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:20px}
.ccard--ink{background:var(--ink);color:#fff;border:0}.ccard--ink address{color:rgba(255,255,255,.8)}
.ccard dl{display:flex;flex-direction:column;gap:14px;font-size:15px}.ccard dt{font-size:13px;color:var(--text-2)}
address{font-style:normal}
.map{flex:1;min-height:380px;border-radius:6px 96px 6px 96px;overflow:hidden;background:var(--sand)}.map iframe{display:block;width:100%;height:100%;min-height:380px;border:0;filter:saturate(.7)}

/* Legal */
.legal{display:flex;flex-wrap:wrap;gap:64px;align-items:flex-start}
.legal aside{flex:0 1 300px;min-width:260px;position:sticky;top:104px;display:flex;flex-direction:column;gap:16px}
.toc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url(../icons/chevron-down.svg) center/contain no-repeat;mask:url(../icons/chevron-down.svg) center/contain no-repeat;transition:transform .2s}.toc[open] summary::after{transform:rotate(180deg)}
.legal aside a{display:flex;gap:12px;align-items:baseline;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.35;color:var(--ink)}.legal aside a:hover{background:var(--aqua-50)}
.legal article{flex:1 1 560px;min-width:0;max-width:780px;display:flex;flex-direction:column;gap:56px}
.legal section{display:flex;flex-direction:column;gap:20px;padding-top:32px;border-top:1px solid var(--border-2);scroll-margin-top:110px}
.legal h2{font:500 clamp(24px,2.6vw,32px)/1.12 var(--font-display);letter-spacing:-.02em;display:flex;gap:20px;align-items:baseline}
.legal .p{font-size:16px}
.bul li{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--border-1);color:var(--text-2);line-height:1.6}.bul li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--aqua-500);flex:none;margin-top:10px}
.dl{background:#fff;border:1px solid var(--border-1);border-radius:24px;padding:8px 24px}
.dl div{display:grid;grid-template-columns:minmax(160px,1fr) 2fr;gap:4px 24px;padding:16px 0;border-bottom:1px solid var(--border-1)}.dl div:last-child{border:0}
.dl dt{font:600 13px/1.5 var(--font-body)}.dl dd{font-size:15px;color:var(--text-2);overflow-wrap:anywhere}
@media (max-width:640px){.dl div{grid-template-columns:1fr}}
.tbl{border:1px solid var(--border-1);border-radius:24px;overflow:auto;background:#fff}
.tbl table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px;line-height:1.55}
.tbl th{background:var(--malva-50);text-align:left;padding:14px 22px;font:600 11px/1.3 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}
.tbl td{padding:14px 22px;border-top:1px solid var(--border-1);color:var(--text-2);vertical-align:top}.tbl td:first-child{color:var(--ink)}
.meta{display:flex;flex-wrap:wrap;gap:8px 24px;padding-top:24px;border-top:1px solid var(--border-2);font:500 13px/1.4 var(--font-mono);color:var(--text-2)}

/* Footer */
.ft{background:var(--ink);color:#fff}
.ft__in{padding-top:96px;padding-bottom:36px;display:flex;flex-direction:column;gap:72px}
.ft__top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.12)}
.ft__tel{font:500 clamp(40px,6vw,80px)/1 var(--font-display);letter-spacing:-.04em;color:#fff}.ft__tel:hover{color:var(--aqua-400)}
.ft__mail{font:500 clamp(24px,3vw,40px)/1.1 var(--font-display);letter-spacing:-.03em;color:var(--aqua-400)}.ft__mail:hover{color:#fff}
.ft__nav{display:flex;flex-wrap:wrap;gap:8px}.ft__nav a{padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:15px}.ft__nav a:hover{background:#fff;color:var(--ink)}
.ft__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:48px 40px}
.ft__brand{grid-column:span 2;display:flex;flex-direction:column;gap:20px;max-width:420px}
@media (max-width:520px){.ft__brand{grid-column:auto}}
.ft__brand img{height:56px;width:auto}
.ft__brand p:first-of-type{font:500 20px/1.25 var(--font-display)}
.ft__brand p{font-size:15px;line-height:1.6;color:rgba(255,255,255,.66)}
.ft__col{display:flex;flex-direction:column;gap:12px;font-size:15px;color:rgba(255,255,255,.72)}
.ft__col .sk-eyebrow{color:var(--aqua-300)}
.ft__col a{color:rgba(255,255,255,.72)}.ft__col a:hover{color:var(--aqua-400)}
.soc{display:flex;flex-wrap:wrap;gap:8px}.soc a{padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:13px}.soc a:hover{background:var(--aqua-500);color:#fff}
.ft__bot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.12);padding-top:24px;font-size:13px;color:rgba(255,255,255,.5)}
.ft__bot a{color:rgba(255,255,255,.7)}.ft__bot a:hover{color:var(--aqua-400)}.ft__bot nav{display:flex;flex-wrap:wrap;gap:20px}

/* Floating */
.wa{position:fixed;left:24px;bottom:24px;z-index:70;width:60px;height:60px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 30px rgba(37,211,102,.35);transition:transform .2s var(--ease-out)}
.wa:hover{transform:translateY(-2px) scale(1.04)}
.ck{position:fixed;right:24px;bottom:24px;z-index:80;width:min(400px,calc(100vw - 48px));max-height:calc(100vh - 48px);overflow-y:auto;background:#fff;border:1px solid var(--border-1);border-radius:28px;box-shadow:var(--shadow-3);padding:24px;display:none;flex-direction:column;gap:16px}
.ck.is-open{display:flex}
@media (max-width:1079px){.ck{bottom:100px;max-height:calc(100vh - 124px)}}
.ck__h{display:flex;align-items:center;gap:14px}.ck__h h2{font:500 20px/1.15 var(--font-display)}
.ck p{font-size:14px;line-height:1.6;color:var(--text-2)}.ck p a{text-decoration:underline;text-underline-offset:3px}
.ck__cfg{display:none;flex-direction:column;border-top:1px solid var(--border-1)}.ck.is-cfg .ck__cfg{display:flex}
.ck__cfg label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-1)}
.ck__cfg strong{font-size:14px;display:block}.ck__cfg small{font-size:12px;color:var(--text-2)}
.ck__cfg input{width:40px;height:22px;accent-color:var(--aqua-600)}
.ck__btns{display:flex;flex-wrap:wrap;gap:8px}.ck .only-cfg{display:none}.ck.is-cfg .only-cfg{display:inline-flex}.ck.is-cfg .no-cfg{display:none}


/* ================= TABLET (≤1079px) ================= */
@media (max-width:1079px){
 .sec{padding:96px 0}
 .row{gap:48px}
 .hero__box{min-height:max(600px,calc(100svh - 108px))}
 .sticky-col{position:static}
 .detail{gap:40px}
 .detail aside,.legal aside{position:static;flex:1 1 100%;min-width:0}
 .detail aside{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start}
 .detail aside .box{grid-row:span 2}
 .legal{gap:32px}.legal article{max-width:none}
 .collage{max-width:620px}
 .tabs{justify-content:flex-start}.tabs .sk-tabs{flex-wrap:nowrap;margin:0 auto;flex:none}
 .cta__mark{width:260px;right:-40px;bottom:-60px}
}

/* ================= MÓVIL (≤719px) ================= */
@media (max-width:719px){
 body{font-size:15px}
 .wrap{padding:0 20px}
 .sec{padding:72px 0}
 .row{gap:36px}
 .stack{gap:22px}
 .head-row{gap:20px}
 .h1{font-size:clamp(40px,11.5vw,64px);letter-spacing:-.04em}
 .h2{font-size:clamp(30px,8.4vw,42px)}
 .h3{font-size:21px}
 .lede{font-size:16.5px}
 .page-head{padding:28px 0 40px}
 /* Cabecera */
 .hdr__in{height:72px;gap:12px}
 .hdr__logo img{height:46px}
 .mnav{height:calc(100vh - 72px);height:calc(100dvh - 72px)}
 .mnav__in{padding:8px 20px 28px;gap:24px}
 .macc__h{padding:18px 0;font-size:26px}
 .macc__chev{width:36px;height:36px}
 .macc__list--grid{grid-template-columns:1fr}
 .burger{width:44px;height:44px}
 .lang a{height:38px;padding:0 10px}
 .hdr__tools .sk-iconbtn{width:44px;height:44px}
 /* Hero */
 .hero{padding:4px 8px 0}
 .hero__box{border-radius:24px;min-height:calc(100svh - 84px)}
 .hero__body{padding:48px 20px 24px}
 .hero__t{font-size:clamp(38px,11vw,56px)}
 .hero__slide{gap:18px}
 .hero__lede{font-size:16px}
 .hero__slide.btns{flex-direction:column;align-items:stretch}
 .hero__slide.btns .sk-btn{width:100%}
 .hero__bar{padding:0 20px 20px;gap:16px}
 .hero__dots{flex:1 1 100%;gap:10px}
 .hero__dot span:last-child{font-size:0;gap:0}.hero__dot span:last-child .mono{font-size:12px}
 .hero__ctrl{width:100%}.glass-tel{flex:1;padding:8px 16px 8px 8px}
 .hero__ctrl .sk-iconbtn{display:none}
 .hero__mark{width:70vw;right:-30vw}
 /* Info */
 .info{border-radius:24px}.info>*{padding:24px;gap:16px}
 /* Collage */
 .collage{padding-bottom:48px}.collage__main{width:84%}.collage__sub{width:56%;border-width:6px}
 .chips{top:16px}.chip{font-size:12.5px;padding:8px 12px 8px 8px}.chip .dot{width:22px;height:22px}
 .numgrid{gap:24px}
 .why li{font-size:18px;padding:20px 0}
 .marq{padding:20px 0}.marq__t span{gap:36px;padding-right:36px;font-size:26px}.marq__t img{height:20px}
 /* Tarjetas */
 .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}
 .card{gap:12px}.card__img{border-radius:18px}
 .card h3{font-size:17px}.card p{font-size:13.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .card__n{left:10px;top:10px;padding:5px 8px;font-size:11px}
 .card__go{width:34px;height:34px;right:10px;bottom:10px}.card__go .ico{--s:16px}
 .more{padding:22px 20px;gap:18px}.more__n b{font-size:44px}.more .sk-btn{width:100%}
 .pill{font-size:13px;padding:8px 12px}
 /* Pestañas */
 .tabs{margin:0 -20px;padding:0 20px}
 .checks li{font-size:14px;padding:10px 0}
 .note{font-size:13px}
 /* Equipo */
 .team{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 .team figcaption b{font-size:17px}.team figcaption span{font-size:13px}
 .team .sk-eyebrow{font-size:9.5px!important;letter-spacing:.1em}
 .filters{flex-wrap:nowrap;overflow-x:auto;margin:20px -20px 12px;padding:0 20px 4px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters .sk-tag{flex:none}
 /* CTA */
 .cta{border-radius:24px;padding:36px 22px;gap:28px}
 .cta .btns{width:100%;flex-direction:column}.cta .btns .sk-btn{width:100%}
 .cta__mark{width:200px;right:-50px;bottom:-50px}
 /* Línea de tiempo */
 .tl{gap:16px;padding:0 20px;scroll-padding:0 20px}.tl li{width:78vw;max-width:300px}
 .mission{gap:28px}.mission b{font-size:40px}
 .rows>div{gap:16px;padding:18px 0}
 /* Especialidad */
 .leaf{border-radius:4px 56px 4px 56px}
 .detail article{gap:40px}
 .surg{padding:24px}.surg li{font-size:15px;padding:10px 16px}
 .feat{grid-template-columns:1fr;gap:28px}
 .feat li{display:grid;grid-template-columns:96px 1fr;gap:6px 16px;align-items:start}.feat .r24{grid-row:span 3;border-radius:16px}
 .pn{gap:8px}.pn a{padding:14px 10px}.pn span{font-size:17px}
 .faq summary{font-size:17px;padding:20px 0}.faq details p{padding:0 0 20px}
 .inkcard{padding:24px}
 /* Formularios */
 .formcard{border-radius:24px;padding:24px 20px}
 .list-rows>*{flex-wrap:wrap;gap:6px 16px}.list-rows b{font-size:14px}
 .ccard{padding:24px}
 .map,.map iframe{min-height:300px}.map{border-radius:4px 56px 4px 56px}
 /* Legal */
 .legal h2{gap:12px;font-size:22px}
 .legal section{padding-top:24px;gap:16px}
 .dl{padding:4px 18px}.tbl td,.tbl th{padding:12px 14px}
 .meta{font-size:12px}
 /* Pie */
 .ft__in{padding-top:64px;gap:48px}
 .ft__top{padding-bottom:40px;gap:28px}
 .ft__tel{font-size:clamp(40px,13vw,56px)}.ft__mail{font-size:clamp(20px,6.4vw,28px);overflow-wrap:anywhere}
 .ft__nav a{padding:10px 14px;font-size:14px}
 .ft__grid{grid-template-columns:1fr 1fr;gap:36px 20px}
 .ft__brand{grid-column:1/-1}
 .ft__bot{flex-direction:column;padding-bottom:72px}
 /* Flotantes */
 .wa{left:16px;bottom:16px;width:54px;height:54px}.wa svg{width:27px;height:27px}
 .ck{left:12px;right:12px;width:auto;bottom:82px;max-height:calc(100vh - 100px);padding:20px;border-radius:22px}
 .ck__btns .sk-btn{flex:1 1 auto}
}

/* ================= MÓVIL PEQUEÑO (≤380px) ================= */
@media (max-width:380px){
 .wrap{padding:0 16px}
 .hdr__logo img{height:40px}
 .lang a{padding:0 8px}
 .mnav__quick{grid-template-columns:1fr}
 .cards,.team{grid-template-columns:1fr 1fr;gap:22px 10px}
 .ft__grid{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){.hero__img,.hero__slide{transition:none}.marq__t,.cta__mark,.pulse{animation:none}}