/* Inicio aprobado: Horizonte holográfico. Estilos exclusivos de esta página. */
body[data-page="index"]{background:#000!important;color:#f0f6f7}
html body .hh-home{width:min(1040px,calc(100% - 40px));max-width:1040px;visibility:visible!important;opacity:1!important;margin:24px auto 0;padding:0!important;font-family:Inter,Arial,sans-serif}
.hh-home *{box-sizing:border-box}
.hh-home section{border:0;background:none;box-shadow:none;padding:0;position:relative}
.hh-home h1,.hh-home h2,.hh-home h3,.hh-home p{position:relative;margin:0;color:#f1f6f8}
.hh-home h1{font-size:clamp(30px,4.3vw,49px);font-weight:750;letter-spacing:-.045em;line-height:1.12;text-align:center;max-width:960px;margin:0 auto 13px}
.hh-home em{font-style:normal;color:#a5ecea}
.hh-home .hh-subtitle{font-size:clamp(14px,1.7vw,19px);line-height:1.5;text-align:center;color:#c3d2dd;max-width:900px;margin:auto}
.hh-stage{position:relative;width:100%;aspect-ratio:1024/610;margin:-22px auto 24px;isolation:isolate}
.hh-stage-picture{position:absolute;inset:0;overflow:hidden;clip-path:polygon(0 0,22% 0,22% 8%,81% 8%,81% 0,100% 0,100% 100%,72% 100%,72% 78%,28% 78%,28% 100%,0 100%);pointer-events:none}
.hh-stage-picture img{position:absolute!important;display:block!important;width:100%!important;max-width:none!important;height:auto!important;top:-31.9672%;left:0;border:0!important;box-shadow:none!important;border-radius:0!important}
.hh-play{position:absolute;left:46.1%;top:35.6%;width:7.8%;aspect-ratio:1;min-height:0!important;padding:0!important;border:1px solid #b4e9ff!important;border-radius:50%!important;color:#ecffff!important;background:radial-gradient(circle,#183c47b8,#07121ca6)!important;box-shadow:0 0 18px #92eaff6b,inset 0 0 13px #97f8ff42!important;cursor:pointer;display:grid;place-items:center;font-size:clamp(16px,2.5vw,29px)}
.hh-play span{margin-left:3px}
.hh-home .hh-demo{position:absolute;top:78.7%;left:33.5%;width:33%;height:10%;min-height:40px;display:flex;align-items:center;justify-content:center;font-size:clamp(14px,1.7vw,20px);font-weight:650;line-height:1.2;padding:8px 12px;text-align:center;color:#eaffff;border:1px solid #b6faff;border-radius:40px;background:linear-gradient(150deg,#366268,#062128 45%,#031016 70%,#164e51);box-shadow:inset 0 2px 4px #e6ffff80,inset 0 -3px 4px #66e8dc88,0 4px 18px #6dffff38;text-decoration:none}
.hh-home .hh-explore{position:absolute;top:89.6%;left:30%;width:40%;min-height:35px;display:flex;align-items:center;justify-content:center;padding:4px;background:#01090b;color:#baffff;font-size:clamp(12px,1.4vw,15px);text-decoration:underline;text-underline-offset:5px}
.hh-home h2{text-align:center;font-size:clamp(25px,3.2vw,35px);font-weight:700;line-height:1.25;letter-spacing:-.035em;margin:0 auto 16px}
.hh-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hh-home a.hh-benefit,.hh-home a.hh-plan{text-decoration:none;color:inherit;min-width:0;display:block;text-align:center}
.hh-art{display:block;position:relative;aspect-ratio:var(--w)/var(--h);overflow:hidden;pointer-events:none;animation:hh-levitate 9s ease-in-out infinite}
.hh-art img{position:absolute!important;display:block!important;width:calc(1024 / var(--w) * 100%)!important;max-width:none!important;height:auto!important;left:calc(var(--x) / var(--w) * -100%);top:calc(var(--y) / var(--h) * -100%);border:0!important;box-shadow:none!important;border-radius:0!important}
.hh-home h3{font-size:clamp(16px,1.8vw,21px);line-height:1.35;margin:9px 0 5px;font-weight:650}
.hh-home .hh-benefit p{font-size:clamp(13px,1.3vw,15px);line-height:1.6;color:#c1cdd4;margin:0 auto;max-width:300px}
.hh-home .hh-plans{padding-top:48px;text-align:center}
.hh-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;max-width:900px;margin:0 auto 20px}
.hh-plans-link{display:inline-flex;align-items:center;justify-content:center;min-width:250px;min-height:48px;padding:10px 24px;border:1px solid #a1f5fa;border-radius:35px;background:linear-gradient(150deg,#2b424e,#030c13 50%,#11343b);box-shadow:inset 0 2px 4px #dfffff66,0 5px 17px #5ee8dc30;color:#eaffff!important;text-decoration:none!important;font-weight:600}
.hh-home a:hover,.hh-play:hover{filter:brightness(1.15)}
.hh-home a:focus-visible,.hh-play:focus-visible{outline:2px solid #baffee;outline-offset:5px}
.hh-footer{width:min(1040px,calc(100% - 40px));margin:50px auto 25px;padding:20px 0;border-top:1px solid #314243;display:flex;justify-content:space-between;gap:20px;font:12px/1.5 Inter,Arial,sans-serif;color:#c3cdd0}
.hh-footer nav{display:flex;gap:20px;flex-wrap:wrap}.hh-footer a{color:inherit;text-decoration:none}
#hh-video-dialog{width:min(960px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;background:#02090d;color:#f1ffff;border:1px solid #8de4e1;border-radius:20px;padding:18px;box-shadow:0 0 50px #6cf1dc33}
#hh-video-dialog::backdrop{background:#000b;backdrop-filter:blur(14px)}
.hh-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.hh-dialog-header h2{font-size:20px;margin:0}.hh-close{border:1px solid #b0cfd2;background:#0b2427;color:#fff;border-radius:50%;width:38px;height:38px;font-size:25px;padding:0;min-height:0;cursor:pointer}
#hh-video{display:block;width:100%;max-height:65dvh;background:black}#hh-video-dialog p{font-size:14px;color:#b9cdd0}#hh-video-dialog a{color:#a4ffec}
@keyframes hh-levitate{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:650px){html body .hh-home{width:calc(100% - 28px);margin-top:18px}.hh-home h1{font-size:31px}.hh-home h1 br{display:none}.hh-home .hh-subtitle{font-size:14px;max-width:340px}.hh-stage{margin:6px auto 20px;aspect-ratio:1024/820}.hh-stage-picture{bottom:25.61%}.hh-play{top:26.5%;width:10%;left:45%}.hh-home .hh-demo{top:60%;left:10%;width:80%;height:auto;min-height:46px;font-size:16px}.hh-home .hh-explore{top:78%;left:15%;width:70%;font-size:14px;min-height:36px}.hh-benefits-grid{grid-template-columns:1fr;gap:26px;max-width:380px;margin:auto}.hh-benefit .hh-art{max-width:300px;margin:auto}.hh-home h3{font-size:20px}.hh-home .hh-benefit p{font-size:15px}.hh-home h2{font-size:28px;max-width:360px;margin-bottom:18px}.hh-plan-grid{gap:16px;grid-template-columns:1fr;max-width:380px}.hh-plan .hh-art{max-width:320px;margin:auto}.hh-home .hh-plans{padding-top:38px}.hh-footer{flex-direction:column;text-align:center;align-items:center}.hh-dialog-header h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){.hh-art{animation:none}}

/* Neutraliza las composiciones anteriores únicamente dentro del nuevo Inicio. */
html body[data-page="index"] main.hh-home>section{display:block!important;grid-template-columns:none!important;gap:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;min-height:0!important;padding:0!important;max-width:none!important;width:100%!important;overflow:visible!important}
html body[data-page="index"] main.hh-home>.hh-plans{padding-top:48px!important}
html body[data-page="index"] main.hh-home .hh-demo{font-size:clamp(14px,1.7vw,20px)!important}
@media(max-width:650px){html body[data-page="index"] main.hh-home>.hh-plans{padding-top:38px!important}html body[data-page="index"] main.hh-home .hh-demo{font-size:16px!important}}

html body[data-page="index"] main.hh-home h1{width:100%!important;max-width:960px!important;margin:0 auto 13px!important;text-align:center!important;grid-column:auto!important}
html body[data-page="index"] main.hh-home .hh-subtitle{width:100%!important;max-width:950px!important;margin:0 auto!important;text-align:center!important}
html body[data-page="index"] main.hh-home .hh-stage{width:100%!important;max-width:none!important;margin:12px auto 24px!important}
html body[data-page="index"] main.hh-home .hh-demo{background:linear-gradient(150deg,#366268,#062128 45%,#031016 70%,#164e51)!important;border:1px solid #b6faff!important;box-shadow:inset 0 2px 4px #e6ffff80,inset 0 -3px 4px #66e8dc88,0 4px 18px #6dffff38!important}

html body[data-page="index"] #main.hh-home>section{padding:0!important;display:block!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;width:100%!important;max-width:none!important}
html body[data-page="index"] #main.hh-home>.hh-plans{padding-top:48px!important}
@media(max-width:650px){html body[data-page="index"] #main.hh-home>.hh-plans{padding-top:38px!important}}

/* La duración de la portada coincide con la demo existente. */
.hh-duration{position:absolute;left:10.6%;top:61.6%;width:10.8%;height:3.7%;display:flex;align-items:center;justify-content:center;background:#071319;color:#edfafa;font:clamp(6px,.85vw,11px)/1 Inter,Arial,sans-serif;pointer-events:none}
@media(max-width:650px){.hh-duration{top:45.8%;height:3%;font-size:6px}}