html body .hero.hero--v2{position:relative;overflow:hidden;min-height:clamp(520px,80svh,740px);display:flex;align-items:center;padding:clamp(3rem,6vw,5rem) 0;color:#fff;background:radial-gradient(60% 75% at 74% 50%,#2e8c5c80,#2e8c5c00 70%),linear-gradient(160deg,#0f3b25,#0a2418)!important}.hero--v2 .hero__fila{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(1rem,4vw,3.5rem);width:100%}.hero--v2 .hero__texto{max-width:38rem}html body .hero--v2 h1{margin:0 0 1rem;color:#fff;font-size:clamp(2.5rem,5.2vw,4.6rem);line-height:1.04;letter-spacing:-.02em;text-wrap:balance}html body .hero--v2 h1 em{font-style:normal;color:#ffd75e}html body .hero--v2 .pagina__intro{margin:0 0 1.8rem;max-width:32rem;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.65;color:#eaf7eae0}.hero--v2 .hero__acciones{display:flex;flex-wrap:wrap;gap:.8rem}html body .hero--v2 .hero__acciones .boton{padding:.9rem 1.6rem;font-weight:700}html body .hero--v2 .hero__acciones .boton--claro{color:#1c2a10;background:#f7c61a}html body .hero--v2 .hero__acciones .boton--fantasma{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.35)}.hero--v2 .hero__escena{position:relative;width:min(100%,540px);aspect-ratio:1/1;margin-inline:auto}.hero--v2 .hero__escena canvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y;outline:none}.hero--v2 .hero__escena.arrastrando canvas{cursor:grabbing}.hero--v2 .hero__escena.sin-webgl canvas{display:none}.hero--v2 .hero__escena.sin-webgl{background:radial-gradient(closest-side,rgba(255,95,162,.5),transparent 70%)}.hero--v2 .hero__texto,.hero--v2 .hero__escena{animation:pv-aparece .8s ease-out both}html.loading .hero--v2 .hero__texto,html.loading .hero--v2 .hero__escena{animation-play-state:paused}html.loading .hero--v2.pv-listo .hero__texto,html.loading .hero--v2.pv-listo .hero__escena{animation-play-state:running}@keyframes pv-aparece{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:900px){html body .hero.hero--v2{min-height:0;padding:2.5rem 0 3rem}.hero--v2 .hero__fila{grid-template-columns:1fr;gap:.5rem;text-align:center}.hero--v2 .hero__escena{order:-1;width:min(70vw,340px)}.hero--v2 .hero__texto,html body .hero--v2 .pagina__intro{margin-inline:auto}.hero--v2 .hero__acciones{justify-content:center}}@media(max-width:480px){html body .hero--v2 h1{font-size:clamp(2.2rem,10.5vw,2.8rem)}html body .hero--v2 .hero__acciones .boton{flex:1 1 100%;justify-content:center;text-align:center}}@media(prefers-reduced-motion:reduce){.hero--v2 *{animation:none!important}}
