/* Efectos que Elementor gratuito no permite configurar desde el panel.
   Todo lo demás (textos, colores, tipografías, tamaños, imágenes) se edita en Elementor. */

/* Destello estelar detrás del hero */
.sc-hero{position:relative;overflow:hidden;}
.sc-hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(closest-side at 50% 55%,rgba(255,255,255,.85),rgba(200,198,255,.3) 20%,transparent 62%),
    linear-gradient(90deg,transparent 0 49.85%,rgba(255,255,255,.5) 50%,transparent 50.15%),
    linear-gradient(0deg,transparent 0 54.85%,rgba(255,255,255,.3) 55%,transparent 55.2%),
    radial-gradient(ellipse 70% 60% at 50% 55%,#8F8EE6,transparent 70%);
  -webkit-mask-image:radial-gradient(ellipse 60% 52% at 50% 50%,#000 35%,transparent 75%);
          mask-image:radial-gradient(ellipse 60% 52% at 50% 50%,#000 35%,transparent 75%);}
.sc-hero--sub::before{background:
    radial-gradient(closest-side at 50% 40%,rgba(255,255,255,.5),rgba(200,198,255,.2) 25%,transparent 65%),
    radial-gradient(ellipse 60% 50% at 50% 40%,#8F8EE6,transparent 70%);}
.sc-hero>.elementor-container{position:relative;z-index:1;}

/* Foto del dúo fundida con el fondo */
.sc-duo img{
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 72%,transparent 96%),linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 72%,transparent 96%),linear-gradient(90deg,transparent 0,#000 18%,#000 82%,transparent 100%);
  mask-composite:intersect;}

/* Cartel con sombra */
.sc-poster img{border-radius:6px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6),0 0 0 1px rgba(245,243,255,.12);}

/* H1 solo para buscadores y lectores de pantalla */
.sc-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* Botones sin salto de línea y foco visible */
body.sc-body .elementor-button{white-space:nowrap;}
body.sc-body a:focus-visible{outline:2px solid #E4BE62;outline-offset:3px;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}