:root{color-scheme:dark;--pink:#ff2f83;--bg:#000}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}

/* Keep the approved artwork centered and stacked vertically. */
.stage{width:100%;min-height:100vh;background:#000;display:flex;flex-direction:column;align-items:center}
.poster-wrap{position:relative;width:min(100vw,1024px);line-height:0;background:#000;flex:0 0 auto}
.poster{display:block;width:100%;height:auto;user-select:none;-webkit-user-select:none}

.hs{position:absolute;display:block;z-index:5;border-radius:10px;line-height:normal}
.hs:focus-visible{outline:2px solid #fff;box-shadow:0 0 0 5px rgba(255,47,131,.55)}
.hotspots{position:absolute;inset:0;pointer-events:none;z-index:6}
.hotspots .hs{pointer-events:auto}

/* Coordinates are percentages of the 1024x1536 approved reference artwork. */
.nav-inicio{left:28.0%;top:2.4%;width:7.0%;height:2.7%}
.nav-servicios{left:35.2%;top:2.4%;width:8.3%;height:2.7%}
.nav-soluciones{left:43.7%;top:2.4%;width:9.4%;height:2.7%}
.nav-soporte{left:53.0%;top:2.4%;width:7.5%;height:2.7%}
.nav-nosotros{left:60.4%;top:2.4%;width:8.6%;height:2.7%}
.nav-contacto{left:68.7%;top:2.4%;width:8.0%;height:2.7%}
.whatsapp-top{left:75.0%;top:1.3%;width:22.5%;height:4.4%}
.whatsapp-main{left:4.3%;top:30.7%;width:27.5%;height:4.4%}
.premium{left:22.3%;top:83.4%;width:23.7%;height:3.0%}
.whatsapp-footer{left:39.7%;top:92.6%;width:21.0%;height:5.0%}
.facebook-footer{left:82.0%;top:94.3%;width:4.8%;height:3.8%;z-index:8}

.anchor{position:absolute;left:0;width:1px;height:1px;pointer-events:none}
.a-servicios{top:50.0%}.a-soluciones{top:35.7%}.a-soporte{top:70.0%}.a-nosotros{top:71.2%}.a-contacto{top:91.3%}

/* Continuous highlight strip — exact position over approved poster artwork. */
.moving-slider{position:absolute;left:3.81%;top:36.13%;width:92.38%;height:12.63%;z-index:4;overflow:hidden;border-radius:16px;background:#030003;line-height:0;pointer-events:none}
.moving-track{display:flex;width:200%;height:100%;will-change:transform;animation:dreamerSlideRight 42s linear infinite}
.moving-track img{display:block;flex:0 0 50%;width:50%;height:100%;object-fit:fill;user-select:none;-webkit-user-select:none}
@keyframes dreamerSlideRight{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}

/* Small trust badges only; they do not alter the poster dimensions. */
.trust-stat{position:absolute;z-index:9;display:flex;align-items:center;gap:.38em;padding:.24em .5em;border:1px solid rgba(255,47,131,.72);border-radius:999px;background:rgba(5,0,4,.82);box-shadow:0 0 12px rgba(255,47,131,.28);color:#fff;line-height:1;pointer-events:none;backdrop-filter:blur(3px)}
.trust-stat strong{font-size:clamp(10px,1.55vw,18px);color:#ff4f9b;letter-spacing:.02em}
.trust-stat span{font-size:clamp(6px,.77vw,9px);font-weight:800;letter-spacing:.08em}
.experience-stat{left:8.2%;top:73.1%}
.clients-stat{left:76.9%;top:73.1%}

/* Compact natural-language SEO copy below the artwork. No large side column. */
.seo-footer{width:min(100vw,1024px);margin:0 auto;padding:10px 24px 14px;background:#000;color:#8f828a;text-align:center;line-height:1.45;font-size:10px;border-top:1px solid rgba(255,47,131,.12)}
.seo-footer p{margin:0 auto;max-width:920px}
.seo-footer strong{color:#c9bdc4;font-weight:700}

.mobile-wa{display:none}

@media (min-width:1025px){.poster-wrap{box-shadow:0 0 55px rgba(255,0,110,.08)}}
@media (max-width:700px){
  .poster-wrap{width:100vw}
  .moving-slider{border-radius:8px}
  .moving-track{animation-duration:34s}
  .trust-stat{padding:.2em .38em;border-width:1px}
  .experience-stat{left:7.4%;top:73.1%}
  .clients-stat{left:74.4%;top:73.1%}
  .seo-footer{padding:8px 14px 78px;font-size:8px;line-height:1.4}
  .mobile-wa{display:flex;position:fixed;z-index:30;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));align-items:center;justify-content:center;padding:12px 15px;border:1px solid #ff3b8d;border-radius:999px;background:rgba(16,0,8,.92);color:#fff;text-decoration:none;font-weight:800;font-size:14px;box-shadow:0 0 22px rgba(255,47,131,.55);backdrop-filter:blur(8px)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.moving-track{animation:none;transform:translateX(0)}}