.akh,.akh *{box-sizing:border-box}
.akh{
  --akh-ink:#04231b;          
  --akh-mint:#34d399;         
  --akh-green:#10b981;        
  --akh-text:#ecfdf5;         
  --akh-soft:#bfeedd;         
  --akh-font:"Avenir Next","Segoe UI Variable","Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
  position:relative;isolation:isolate;overflow:hidden;
  min-height:min(780px,100svh);display:grid;align-items:center;
  background:var(--akh-ink);color:var(--akh-text);font-family:var(--akh-font);
  padding:clamp(96px,10vw,128px) clamp(20px,5vw,72px) clamp(44px,6vw,72px);
}
.akh h1,.akh p{margin:0}
.akh-bg{position:absolute;z-index:-3;top:0;bottom:0;right:0;width:min(76%,1200px);
  background-size:cover;background-position:80% 50%;background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%);
  animation:akh-kb 14s ease-out both}
@keyframes akh-kb{from{transform:scale(1.06)}to{transform:scale(1)}}
.akh::before{content:"";position:absolute;inset:0;z-index:-2;
  background:linear-gradient(90deg,var(--akh-ink) 0,rgba(4,35,27,.93) 30%,rgba(4,35,27,.50) 62%,rgba(4,35,27,.62) 100%)}
.akh::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 38% 62% at 84% 52%,rgba(52,211,153,.30) 0,rgba(16,185,129,.11) 45%,transparent 72%);
  animation:akh-halo 6s ease-in-out infinite alternate}
@keyframes akh-halo{from{opacity:.7}to{opacity:1}}
.akh-in{width:100%;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:32px;align-items:center}
.akh-copy{max-width:560px}
.akh-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid rgba(110,231,183,.35);border-radius:99px;
  font-size:13.5px;font-weight:600;letter-spacing:.02em;color:var(--akh-soft);background:rgba(4,35,27,.45);backdrop-filter:blur(4px)}
.akh-eyebrow svg{width:16px;height:16px;fill:none;stroke:var(--akh-mint);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.akh h1{font-size:clamp(38px,5.2vw,66px);line-height:1.04;letter-spacing:-.025em;font-weight:750;margin:20px 0 18px;text-wrap:balance}
.akh-copy p{font-size:clamp(16px,1.35vw,19px);line-height:1.6;color:var(--akh-soft);max-width:52ch}
.akh-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.akh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:26px;font:inherit;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;
  transition:transform .2s,background .2s,border-color .2s}
.akh-btn:hover{transform:translateY(-2px)}
.akh-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.akh-primary{background:var(--akh-mint);color:var(--akh-ink);border:2px solid var(--akh-mint)}
.akh-primary:hover{background:#6ee7b7;border-color:#6ee7b7}
.akh-ghost{background:rgba(4,35,27,.35);color:var(--akh-text);border:2px solid rgba(236,253,245,.5);backdrop-filter:blur(4px)}
.akh-ghost:hover{border-color:#fff;background:rgba(4,35,27,.55)}
.akh-copy>*{animation:akh-rise .8s cubic-bezier(.2,.7,.2,1) both}
.akh-copy>*:nth-child(2){animation-delay:.1s}
.akh-copy>*:nth-child(3){animation-delay:.2s}
.akh-copy>*:nth-child(4){animation-delay:.3s}
.akh-demo{position:relative;justify-self:end;width:clamp(250px,23vw,300px);display:grid;gap:16px;justify-items:center;animation:akh-rise .9s .25s cubic-bezier(.2,.7,.2,1) both}
.akh-phonebox{position:relative;width:100%;aspect-ratio:300/612}
.akh-phone{position:absolute;left:0;top:0;width:300px;height:612px;transform-origin:0 0;transform:scale(var(--k,1));
  border-radius:40px;background:#0b1f19;padding:8px;
  box-shadow:0 0 0 2px rgba(255,255,255,.14),0 30px 70px rgba(0,0,0,.55),0 0 90px rgba(52,211,153,.22)}
.akh-glass{position:relative;width:100%;height:100%;border-radius:32px;overflow:hidden;
  --p-bg:#f4faf7;--p-card:#fff;--p-ink:#0b2a22;--p-mut:#587468;--p-line:#dbe9e2;--p-g:#0f9d6e;--p-soft:#e3f5ed;
  background:var(--p-bg);color:var(--p-ink);font-size:13px}
.akh-glass svg.i,.akh-steps svg.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.akh-cam{position:absolute;z-index:5;top:11px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:#0b1f19}
.akh-stat{position:absolute;z-index:4;top:9px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:var(--p-ink)}
.akh-s{position:absolute;inset:0;padding:38px 16px 16px;display:flex;flex-direction:column;gap:10px;
  opacity:0;visibility:hidden;transform:translateX(26px);transition:opacity .4s,transform .4s,visibility 0s .4s}
.akh-s.on{opacity:1;visibility:visible;transform:none;transition:opacity .4s,transform .4s}
.akh-s.on .rs{animation:akh-rise .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0)*60ms + 100ms)}
@keyframes akh-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.akh .u-bar{display:flex;align-items:center;justify-content:space-between;height:30px;font-size:15px}
.akh .u-bar b{font-weight:700}
.akh .u-bar i{width:18px}
.akh .u-lab{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--p-mut)}
.akh .u-card{background:var(--p-card);border:1.5px solid var(--p-line);border-radius:14px;transition:border-color .25s,background .25s,box-shadow .25s}
.akh .u-for{display:flex;align-items:center;gap:10px;padding:8px 12px}
.akh .u-for .av{width:30px;height:30px;border-radius:50%;background:var(--p-soft);color:var(--p-g);display:grid;place-items:center;font-weight:800}
.akh .u-for small,.akh .u-svc small,.akh .u-sum small,.akh .u-total small,.akh .u-pay small{display:block;color:var(--p-mut);font-size:11.5px}
.akh .u-for b,.akh .u-svc b,.akh .u-sum b,.akh .u-pay b{font-size:13.5px}
.akh .u-for>span:nth-child(2){flex:1}
.akh .u-tabs{display:flex;gap:6px}
.akh .u-tabs span{flex:1;text-align:center;font-size:11.5px;font-weight:600;padding:7px 4px;border-radius:99px;border:1.5px solid var(--p-line);color:var(--p-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.akh .u-tabs .on{background:var(--p-g);border-color:var(--p-g);color:#fff}
.akh .u-svc{display:flex;align-items:center;gap:10px;padding:9px 12px;position:relative}
.akh .u-svc .ic{width:34px;height:34px;border-radius:50%;background:var(--p-soft);color:var(--p-g);display:grid;place-items:center;flex:none}
.akh .u-svc>div:nth-child(2){flex:1;min-width:0}
.akh .u-svc .pr{font-weight:800;font-size:13.5px}
.akh .u-svc .ck{position:absolute;right:-7px;top:-7px;width:22px;height:22px;border-radius:50%;background:var(--p-g);color:#fff;display:grid;place-items:center;transform:scale(0);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.akh .u-svc .ck svg{width:13px!important;height:13px!important;stroke-width:3.2!important}
.akh .sel{border-color:var(--p-g)!important;background:#effaf5!important;box-shadow:0 0 0 3px rgba(15,157,110,.15)}
.akh .sel .ck{transform:scale(1)}
.akh .u-btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border:0;border-radius:22px;background:var(--p-g);color:#fff;font:inherit;font-weight:700;font-size:14px;position:relative;transition:background .3s,color .3s}
.akh .u-btn.dis{background:#cfe3da;color:#7b968a}
.akh .u-note{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--p-mut)}
.akh .u-note svg{color:var(--p-g)}
.akh .u-sum{padding:9px 12px}
.akh .u-month{font-weight:700;font-size:13.5px}
.akh .u-days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.akh .u-days span{display:grid;justify-items:center;padding:7px 0;border-radius:12px;border:1.5px solid var(--p-line);background:var(--p-card);font-size:11px;color:var(--p-mut);position:relative;transition:all .25s}
.akh .u-days span b{font-size:15px;color:var(--p-ink);transition:color .25s}
.akh .u-days .sel b,.akh .u-days .sel{color:var(--p-g)}
.akh .u-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.akh .u-slots span{text-align:center;padding:9px 0;border-radius:10px;border:1.5px solid var(--p-line);background:var(--p-card);font-weight:700;font-size:12.5px;position:relative;transition:all .25s}
.akh .u-slots .off{opacity:.4;text-decoration:line-through}
.akh .u-slots .sel{background:var(--p-g)!important;color:#fff;border-color:var(--p-g)!important}
.akh .u-total{padding:12px 14px;background:linear-gradient(135deg,#0f9d6e,#0a7f58);border:0;color:#fff}
.akh .u-total small{color:rgba(255,255,255,.85)}
.akh .u-total b{display:block;font-size:30px;line-height:1.15;margin:3px 0;font-variant-numeric:tabular-nums}
.akh .u-pay{display:flex;align-items:center;gap:10px;padding:10px 12px}
.akh .u-pay .rad{width:18px;height:18px;border-radius:50%;border:2px solid var(--p-line);flex:none;position:relative}
.akh .u-pay.sel .rad{border-color:var(--p-g)}
.akh .u-pay.sel .rad::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--p-g)}
.akh .u-btn.load::before{content:"";width:16px;height:16px;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:akh-spin .8s linear infinite}
@keyframes akh-spin{to{transform:rotate(360deg)}}
.akh .u-btn.ok{background:#0a7f58}
.akh .s4{align-items:center;text-align:center}
.akh .u-okc{width:76px;height:76px;margin-top:16px;border-radius:50%;background:var(--p-g);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 12px rgba(15,157,110,.12),0 0 0 26px rgba(15,157,110,.07)}
.akh .u-okc svg{width:38px!important;height:38px!important;stroke-width:3!important}
.akh-s.on .u-okc{animation:akh-pop .6s .15s cubic-bezier(.3,1.6,.5,1) both}
@keyframes akh-pop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
.akh .s4 h3{margin:22px 0 0;font-size:19px}
.akh .u-det{width:100%;text-align:left;padding:10px 14px;display:grid;gap:3px;font-size:12.5px}
.akh .u-det b{font-size:14px}
.akh .u-det span{color:var(--p-mut)}
.akh .u-ticks{list-style:none;margin:6px 0 0;padding:0;width:100%;display:grid;gap:8px;text-align:left}
.akh .u-ticks li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;opacity:.28;transition:opacity .4s}
.akh .u-ticks li span{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--p-line);display:grid;place-items:center;color:#fff;transition:all .3s}
.akh .u-ticks li svg{width:12px!important;height:12px!important;stroke-width:3.4!important}
.akh .u-ticks li.t{opacity:1}
.akh .u-ticks li.t span{background:var(--p-g);border-color:var(--p-g)}
.akh .tp.fx::after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px;border-radius:50%;background:rgba(15,157,110,.38);animation:akh-rip .7s ease-out forwards;pointer-events:none}
.akh .u-btn.tp.fx::after{background:rgba(255,255,255,.5)}
@keyframes akh-rip{to{transform:scale(4);opacity:0}}
.akh-toast{position:absolute;z-index:3;left:-92px;bottom:96px;width:240px;display:flex;gap:10px;align-items:center;padding:11px 14px;border-radius:16px;
  background:rgba(255,255,255,.96);color:#0b2a22;box-shadow:0 18px 50px rgba(0,0,0,.4);
  opacity:0;transform:translateY(14px) scale(.96);transition:opacity .5s,transform .5s;pointer-events:none}
.akh-toast.show{opacity:1;transform:none}
.akh-toast .ti{width:34px;height:34px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;flex:none}
.akh-toast .ti svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.akh-toast small{display:block;color:#587468;font-size:11.5px}
.akh-toast b{font-size:13px;line-height:1.25;display:block}
.akh-steps{display:flex;align-items:flex-start;gap:6px;width:100%;margin:0;padding:0;list-style:none}
.akh-steps li{flex:1;min-width:0}
.akh-steps button{all:unset;box-sizing:border-box;cursor:pointer;display:block;width:100%;padding-top:4px;text-align:left;font-size:12.5px;font-weight:600;color:rgba(191,238,221,.6);transition:color .3s}
.akh-steps button:hover{color:var(--akh-soft)}
.akh-steps button[aria-current="true"]{color:#fff}
.akh-steps button:focus-visible,.akh-pause:focus-visible{outline:2px solid var(--akh-mint);outline-offset:3px;border-radius:6px}
.akh-steps .tr{display:block;height:3px;margin-bottom:7px;background:rgba(191,238,221,.22);border-radius:2px;overflow:hidden}
.akh-steps .tr b{display:block;height:100%;width:0;background:var(--akh-mint)}
.akh-pause{all:unset;cursor:pointer;width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(191,238,221,.45);display:grid;place-items:center;color:var(--akh-soft);flex:none;margin-top:-4px}
.akh-pause:hover{border-color:#fff;color:#fff}
.akh-pause:disabled{opacity:.4;cursor:default}
.akh-pause svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round}
.akh.paused .akh-demo *{animation-play-state:paused!important}


@media (max-width:980px){
.akh{padding-top:clamp(300px,62vw,420px);align-items:start}
.akh-bg{width:100%;height:min(520px,70vw);bottom:auto;background-position:70% 30%;
    -webkit-mask-image:linear-gradient(180deg,#000 45%,transparent);mask-image:linear-gradient(180deg,#000 45%,transparent)}
.akh::before{background:linear-gradient(180deg,rgba(4,35,27,.15) 0,rgba(4,35,27,.55) 28%,rgba(4,35,27,.95) 48%,var(--akh-ink) 60%)}
.akh::after{background:radial-gradient(ellipse 70% 30% at 50% 82%,rgba(52,211,153,.28) 0,transparent 72%)}
.akh-in{grid-template-columns:1fr;gap:44px}
.akh-demo{justify-self:center;width:min(300px,86vw)}
.akh-toast{left:auto;right:-6px;bottom:84px;width:min(240px,74vw)}
}
@media (max-width:480px){
.akh-btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){
.akh *,.akh::after,.akh-bg{animation:none!important;transition:none!important}
}
.akh-bg{background-image:url('../img/hero-patiente.webp')}

.akh .akh-mobile-provider{display:none}
@media(max-width:639px){.akh .akh-mobile-provider{display:inline-flex}}