.h4-hero{--cempa:var(--cempa-500);--paper:var(--surface);--fs-3xl:clamp(3rem, 1.5rem + 6vw, 6.6rem);--fs-lg:clamp(1.0625rem, 1rem + 0.35vw, 1.25rem);--section-y:clamp(4.5rem, 3rem + 6vw, 9rem)}.h4-phone{--paper:#F6F5F2;--surface:#E2E0DB;--ink:#15121C;--ink-2:#5B5566;--line:rgb(21 18 28 / .12);--wa:#D9FDD3;--wa-ink:#0B5D3B}.h4-hero{padding-block:clamp(2rem, 1rem + 4vw, 4.5rem) var(--section-y);position:relative}.h4-hero__grid{display:grid;gap:clamp(2.5rem, 2rem + 3vw, 4rem);align-items:center}.h4-hero__kicker{display:flex;flex-wrap:wrap;gap:.1rem .5rem;color:var(--ink-2)}.h4-hero__kicker i{font-style:normal;color:var(--cempa)}.h4-hero__title{font-family:var(--font-display);font-weight:600;font-size:var(--fs-3xl);line-height:.96;letter-spacing:-.035em;margin-top:1.1rem;text-wrap:balance}.h4-hero__lead{margin-top:1.25rem;font-size:var(--fs-lg);line-height:1.5;color:var(--ink-2);max-width:34rem;text-wrap:pretty}.h4-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.h4-hero__note{margin-top:1rem;font-size:var(--fs-sm);color:var(--ink-2)}.h4-hero__demo{justify-self:center;display:grid;justify-items:center;gap:1rem;width:100%}@media (max-width:560px){.h4-hero__actions .btn{flex:1 1 100%}}@media (min-width:960px){.h4-hero{min-height:calc(100svh - var(--nav-h));display:grid;align-items:center;padding-block:2rem 4rem}.h4-hero__grid{grid-template-columns:1.2fr .8fr}}.h4-phone{--w:min(270px, 72vw);width:var(--w);aspect-ratio:9 / 17.5;container-type:inline-size;border-radius:calc(var(--w) * .15);padding:calc(var(--w) * .035);background:var(--tinta-900);box-shadow:var(--shadow),inset 0 0 0 1.5px rgb(255 255 255 / .08);position:relative}@media (min-width:960px){.h4-phone{--w:310px}}.h4-phone__screen{position:relative;height:100%;overflow:hidden;border-radius:calc(var(--w) * .12);background:var(--paper);font-size:5cqw;line-height:1.35;color:var(--ink)}.h4-phone__status{height:2.6em;display:flex;align-items:center;justify-content:space-between;padding:0 1.5em;font-weight:700;font-size:.78em}.h4-phone__island{width:30%;height:1.55em;border-radius:1em;background:var(--tinta-900)}.h4-phone__sig{width:1.9em;height:.8em;border-radius:.25em;border:1.5px solid currentColor;opacity:.7}.h4-ico{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.h4-scene{position:absolute;inset:2.6em 0 0;padding:.9em 1em 1.2em;display:none}.h4-scene.is-active{display:flex;flex-direction:column;gap:.7em;animation:h4-sceneIn .5s var(--ease-out) both}@keyframes h4-sceneIn{from{opacity:0;transform:translateY(8px) scale(.985)}}.h4-tap{position:absolute;width:2.4em;height:2.4em;border-radius:50%;right:1em;top:50%;margin-top:-1.2em;background:rgb(255 107 26 / .35);border:2px solid var(--cempa);opacity:0;pointer-events:none}@keyframes h4-tap{0%{opacity:0;transform:scale(1.6)}30%{opacity:1;transform:scale(1)}60%{opacity:1;transform:scale(.85)}100%{opacity:0;transform:scale(1.4)}}.h4-srch{display:flex;align-items:center;gap:.55em;padding:.7em .9em;border-radius:2em;background:#fff;box-shadow:0 2px 10px rgb(21 18 28 / .08);border:1px solid var(--line)}.h4-srch__q{overflow:hidden;white-space:nowrap}.h4-type{display:inline-block;overflow:hidden;vertical-align:bottom;border-right:1.5px solid var(--cempa);padding-right:1px}.h4-scene--search.is-active .h4-type{animation:h4-typing 1.5s steps(20) .25s both,h4-caret .6s step-end 4}@keyframes h4-typing{from{width:0}to{width:100%}}@keyframes h4-caret{50%{border-color:#fff0}}.h4-res{position:relative;padding:.8em .9em;border-radius:.9em;background:#fff;border:1px solid var(--line)}.h4-res__url{font-size:.78em;color:var(--ink-2);display:flex;align-items:center;gap:.45em}.h4-res__url b{width:1.6em;height:1.6em;border-radius:50%;display:grid;place-items:center;background:var(--cempa);color:var(--tinta-900);font-size:.9em}.h4-res__title{font-weight:700;color:#1A47B8;margin-top:.3em}.h4-res__txt{font-size:.82em;color:var(--ink-2);margin-top:.15em}.h4-res--win{border-color:var(--cempa);box-shadow:0 0 0 3px rgb(255 107 26 / .18)}.h4-res--ghost{display:grid;gap:.45em}.h4-res--ghost i{height:.55em;border-radius:1em;background:var(--surface)}.h4-res--ghost i:nth-child(1){width:40%}.h4-res--ghost i:nth-child(2){width:75%}.h4-res--ghost i:nth-child(3){width:90%}.h4-scene--search.is-active .h4-res{animation:h4-rise .5s var(--ease-out) both}.h4-scene--search.is-active .h4-res--win{animation-delay:1.8s}.h4-scene--search.is-active .h4-res--ghost:nth-of-type(3){animation-delay:1.95s}.h4-scene--search.is-active .h4-res--ghost:nth-of-type(4){animation-delay:2.1s}.h4-scene--search.is-active .h4-tap{animation:h4-tap 1s ease 3.3s both}@keyframes h4-rise{from{opacity:0;transform:translateY(10px)}}.h4-site__bar{display:flex;align-items:center;justify-content:space-between;padding:.2em .1em}.h4-site__bar b{font-family:var(--font-display);font-size:1.15em;letter-spacing:-.02em}.h4-site__bar span{width:1.4em;height:.7em;border-block:2px solid currentColor}.h4-site__hero{position:relative;overflow:hidden;border-radius:1em;padding:1.2em 1em 1.3em;background:linear-gradient(160deg,#FFE3D1,#F6F5F2 70%);min-height:12em;display:flex;flex-direction:column;justify-content:flex-end}.h4-site__sun{position:absolute;width:7em;height:7em;border-radius:50%;right:-1.5em;top:-1.5em;background:radial-gradient(circle at 40% 40%,var(--cempa-400),var(--cempa) 70%);opacity:.9}.h4-site__h{font-family:var(--font-display);font-weight:600;font-size:1.6em;line-height:1;letter-spacing:-.02em;position:relative}.h4-site__p{font-size:.78em;color:var(--ink-2);margin-top:.5em;position:relative}.h4-site__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em}.h4-site__cards i{aspect-ratio:1;border-radius:.8em;background:var(--surface)}.h4-site__cards i:nth-child(2){background:#F3E8FB}.h4-site__cta{position:relative;margin-top:auto;text-align:center;padding:.95em;border-radius:2em;background:#1F9D55;color:#fff;font-weight:700}.h4-site__cta .h4-tap{right:2em}.h4-scene--site.is-active>*{animation:h4-rise .55s var(--ease-out) both}.h4-scene--site.is-active>:nth-child(2){animation-delay:.15s}.h4-scene--site.is-active>:nth-child(3){animation-delay:.3s}.h4-scene--site.is-active>:nth-child(4){animation-delay:.45s}.h4-scene--site.is-active .h4-tap{animation:h4-tap 1s ease 2.6s both}.h4-chat__head{display:flex;align-items:center;gap:.6em;padding-bottom:.7em;border-bottom:1px solid var(--line)}.h4-chat__head b{display:block;font-size:.95em}.h4-chat__head small{display:block;font-size:.72em;color:var(--wa-ink)}.h4-chat__ava{width:2.3em;height:2.3em;border-radius:50%;display:grid;place-items:center;background:var(--cempa);color:var(--tinta-900);font-weight:700;flex:none}.h4-chat__body{display:flex;flex-direction:column;gap:.5em;padding-top:.2em;flex:1}.h4-msg{max-width:84%;padding:.55em .8em;border-radius:1em;font-size:.86em;line-height:1.35}.h4-msg--in{align-self:flex-end;background:var(--wa);color:#0E2A1C;border-bottom-right-radius:.3em}.h4-msg--ai{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:.3em;position:relative}.h4-msg--ai::before{content:"IA";position:absolute;top:-.6em;left:.6em;font-family:var(--font-mono);font-size:.62em;font-weight:500;padding:.05em .45em;border-radius:1em;background:var(--morado);color:#fff}.h4-slot{position:relative;display:flex;flex-direction:column}.h4-typing{position:absolute;left:0;top:0;display:inline-flex;gap:.25em;padding:.7em .8em;border-radius:1em;background:#fff;border:1px solid var(--line);opacity:0}.h4-typing i{width:.4em;height:.4em;border-radius:50%;background:var(--ink-2);animation:h4-dot 1s infinite}.h4-typing i:nth-child(2){animation-delay:.15s}.h4-typing i:nth-child(3){animation-delay:.3s}@keyframes h4-dot{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-3px);opacity:1}}.h4-cal{display:flex;align-items:center;gap:.55em;margin-top:.55em;padding:.5em .65em;border-radius:.7em;background:#FFF1E8;color:var(--cempa-700)}.h4-cal b{display:block;color:var(--ink);font-size:.95em}.h4-cal small{display:block;color:var(--ink-2);font-size:.82em}.h4-chat__badge{margin-top:auto;align-self:center;font-family:var(--font-mono);font-size:.64em;padding:.45em .8em;border-radius:2em;background:var(--tinta-900);color:var(--hueso-100)}.h4-scene--chat.is-active .h4-m1{animation:h4-pop .4s var(--ease-out) .3s both}.h4-scene--chat.is-active .h4-t1{animation:h4-blink 1s linear .9s both}.h4-scene--chat.is-active .h4-m2{animation:h4-pop .4s var(--ease-out) 1.9s both}.h4-scene--chat.is-active .h4-m3{animation:h4-pop .4s var(--ease-out) 3.1s both}.h4-scene--chat.is-active .h4-t2{animation:h4-blink .9s linear 3.7s both}.h4-scene--chat.is-active .h4-m4{animation:h4-pop .45s var(--ease-out) 4.6s both}.h4-scene--chat.is-active .h4-chat__badge{animation:h4-rise .5s var(--ease-out) 5.4s both}@keyframes h4-pop{from{opacity:0;transform:translateY(8px) scale(.94)}}@keyframes h4-blink{0%{opacity:0}10%,90%{opacity:1}100%{opacity:0}}.h4-scene--dash{background:var(--tinta-900);color:var(--hueso-100)}.h4-dash__t{font-family:var(--font-mono);font-size:.72em;letter-spacing:.06em;text-transform:uppercase;color:var(--cempa-400)}.h4-dash__kpis{display:grid;grid-template-columns:1fr 1fr;gap:.55em}.h4-kpi{padding:.8em;border-radius:.9em;background:var(--noche-800)}.h4-kpi small{display:block;font-size:.7em;color:#A49DB0}.h4-flip{display:inline-flex;flex-direction:column;height:1.1em;overflow:hidden;font-family:var(--font-display);font-weight:600;font-size:2em;line-height:1.1;margin-top:.1em}.h4-flip b{font-weight:600;transform:translateY(-100%)}.h4-flip b:last-child{color:var(--cempa-400)}.h4-scene--dash.is-active .h4-flip b{animation:h4-flip .6s var(--ease-out) 1.3s both}.h4-scene--dash.is-active .h4-kpi+.h4-kpi .h4-flip b{animation-delay:1.5s}@keyframes h4-flip{from{transform:translateY(0)}}.h4-dash__chart{padding:.8em;border-radius:.9em;background:var(--noche-800);flex:1;display:flex;flex-direction:column}.h4-dash__chart small{font-size:.7em;color:#A49DB0}.h4-bars{flex:1;display:flex;align-items:flex-end;gap:.4em;margin-top:.7em;min-height:6em}.h4-bars i{flex:1;height:var(--h);border-radius:.3em .3em .1em .1em;background:rgb(236 235 232 / .22);transform-origin:bottom}.h4-bars i.h4-now{background:var(--cempa)}.h4-scene--dash.is-active .h4-bars i{animation:h4-grow .6s var(--ease-out) both}.h4-scene--dash.is-active .h4-bars i.h4-now{animation:h4-grow .8s var(--ease-out) 1.7s both}@keyframes h4-grow{from{transform:scaleY(0)}}.h4-toast{display:flex;align-items:center;gap:.6em;padding:.7em .85em;border-radius:.9em;background:var(--hueso-100);color:var(--ink);font-size:.82em}.h4-toast b{margin-right:.3em}.h4-toast__dot{width:.65em;height:.65em;border-radius:50%;background:#1F9D55;box-shadow:0 0 0 .3em rgb(31 157 85 / .2);flex:none}.h4-scene--dash.is-active .h4-toast{animation:h4-drop .55s var(--ease-out) .6s both}@keyframes h4-drop{from{opacity:0;transform:translateY(-14px)}}.h4-demo-bar{display:flex;align-items:center;gap:.5rem;width:min(100%, 360px)}.h4-demo-steps{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem}.h4-demo-steps button{width:100%;min-height:44px;padding:.35rem 0 0;border:0;background:none;cursor:pointer;display:grid;gap:.4rem;align-content:start;text-align:left;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.03em;color:var(--ink-2)}.h4-demo-steps .h4-seg{display:block;height:3px;border-radius:3px;background:var(--line);overflow:hidden}.h4-demo-steps .h4-seg i{display:block;height:100%;width:calc(var(--p, 0) * 100%);background:var(--cempa)}.h4-demo-steps li.is-done .h4-seg i{width:100%;background:var(--ink)}.h4-demo-steps li.is-on button{color:var(--ink);font-weight:500}.h4-demo-pause{width:44px;height:44px;flex:none;border-radius:50%;border:1.5px solid var(--line-strong);background:var(--paper);display:grid;place-items:center;cursor:pointer}.h4-demo-pause svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.h4-demo-pause .h4-i-play{display:none;fill:currentColor;stroke-width:1.5}.h4-demo-pause[aria-pressed="true"] .h4-i-play{display:block}.h4-demo-pause[aria-pressed="true"] .h4-i-pause{display:none}.h4-phone.is-paused *,.h4-phone.is-paused{animation-play-state:paused!important}.h4-sample{font-family:var(--font-mono);font-size:.6875rem;font-style:normal;letter-spacing:.04em;color:var(--ink-2);display:inline-flex;align-items:center;gap:.45em}.h4-sample::before{content:"";width:.55em;height:.55em;border-radius:2px;background:var(--morado)}.h4-site__review{padding:.7em .85em;border-radius:.9em;background:#fff;border:1px solid var(--line)}.h4-site__review .h4-stars{color:var(--cempa);letter-spacing:.1em;font-size:.8em}.h4-site__review p{font-size:.82em;margin-top:.15em}.h4-scene--site.is-active>:nth-child(5){animation-delay:.6s}.h4-scene--site.is-active>:nth-child(6){animation-delay:.75s}.h4-hero{padding-top:calc(96px + clamp(1rem, .5rem + 2vw, 2.5rem))}@media (min-width:960px){.h4-hero{min-height:100svh;padding-top:96px}}@media (prefers-reduced-motion:reduce){.h4-typing,.h4-tap{display:none!important}}