.elementor-11 .elementor-element.elementor-element-37d2f72{--display:flex;--min-height:100vh;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-37d2f72 *//* =========================================================
STARDUST HERO SHELL
Fondo general + profundidad
========================================================= */

.elementor-11 .elementor-element.elementor-element-37d2f72 {
position: relative;
overflow: hidden;
isolation: isolate;

background:
    radial-gradient(
        ellipse at 50% 102%,
        rgba(215, 180, 106, 0.07) 0%,
        rgba(215, 180, 106, 0.025) 24%,
        rgba(215, 180, 106, 0) 48%
    ),
    radial-gradient(
        circle at 18% 28%,
        rgba(106, 156, 255, 0.07) 0%,
        rgba(106, 156, 255, 0.025) 20%,
        rgba(106, 156, 255, 0) 38%
    ),
    radial-gradient(
        circle at 82% 20%,
        rgba(106, 156, 255, 0.045) 0%,
        rgba(106, 156, 255, 0) 32%
    ),
    linear-gradient(
        180deg,
        #070B14 0%,
        #090E19 58%,
        #070B14 100%
    );

}

/* =========================================================
STARDUST HERO — STAR FIELD
========================================================= */

.elementor-11 .elementor-element.elementor-element-37d2f72::before,
.elementor-11 .elementor-element.elementor-element-37d2f72::after {
content: "";
position: absolute;
inset: -3%;
pointer-events: none;
z-index: 0;
}

/* CAPA 1 — estrellas ambientales */

.elementor-11 .elementor-element.elementor-element-37d2f72::before {
background:
radial-gradient(circle at 6% 18%,  rgba(245,247,251,.50) 0 1px, transparent 1.7px),
radial-gradient(circle at 12% 42%, rgba(106,156,255,.32) 0 1px, transparent 1.6px),
radial-gradient(circle at 17% 71%, rgba(245,247,251,.28) 0 1px, transparent 1.5px),
radial-gradient(circle at 22% 27%, rgba(215,180,106,.30) 0 1px, transparent 1.7px),
radial-gradient(circle at 28% 57%, rgba(245,247,251,.42) 0 1px, transparent 1.6px),
radial-gradient(circle at 33% 12%, rgba(106,156,255,.32) 0 1px, transparent 1.5px),
radial-gradient(circle at 38% 78%, rgba(245,247,251,.24) 0 1px, transparent 1.5px),
radial-gradient(circle at 44% 35%, rgba(245,247,251,.44) 0 1px, transparent 1.7px),
radial-gradient(circle at 51% 17%, rgba(215,180,106,.28) 0 1px, transparent 1.6px),
radial-gradient(circle at 56% 64%, rgba(106,156,255,.34) 0 1px, transparent 1.6px),
radial-gradient(circle at 62% 29%, rgba(245,247,251,.35) 0 1px, transparent 1.6px),
radial-gradient(circle at 67% 82%, rgba(245,247,251,.24) 0 1px, transparent 1.5px),
radial-gradient(circle at 72% 48%, rgba(215,180,106,.28) 0 1px, transparent 1.6px),
radial-gradient(circle at 78% 14%, rgba(245,247,251,.48) 0 1px, transparent 1.7px),
radial-gradient(circle at 83% 61%, rgba(106,156,255,.30) 0 1px, transparent 1.6px),
radial-gradient(circle at 88% 32%, rgba(245,247,251,.36) 0 1px, transparent 1.6px),
radial-gradient(circle at 93% 73%, rgba(215,180,106,.24) 0 1px, transparent 1.5px),
radial-gradient(circle at 97% 21%, rgba(245,247,251,.40) 0 1px, transparent 1.6px);

opacity: .72;

animation:
    stardustStarsDrift 18s ease-in-out infinite alternate,
    stardustStarsPulse 7s ease-in-out infinite;

}

/* CAPA 2 — estrellas destacadas */

.elementor-11 .elementor-element.elementor-element-37d2f72::after {
background:
radial-gradient(circle at 9% 33%,  rgba(245,247,251,.75) 0 1.2px, transparent 2px),
radial-gradient(circle at 19% 16%, rgba(106,156,255,.58) 0 1px, transparent 1.8px),
radial-gradient(circle at 26% 83%, rgba(215,180,106,.60) 0 1.1px, transparent 1.9px),
radial-gradient(circle at 41% 22%, rgba(245,247,251,.68) 0 1.2px, transparent 2px),
radial-gradient(circle at 48% 72%, rgba(106,156,255,.52) 0 1px, transparent 1.8px),
radial-gradient(circle at 61% 11%, rgba(245,247,251,.72) 0 1.2px, transparent 2px),
radial-gradient(circle at 73% 39%, rgba(215,180,106,.56) 0 1px, transparent 1.8px),
radial-gradient(circle at 81% 78%, rgba(245,247,251,.66) 0 1.2px, transparent 2px),
radial-gradient(circle at 91% 46%, rgba(106,156,255,.55) 0 1px, transparent 1.8px);

opacity: .40;

animation:
    stardustStarsDriftSecondary 24s ease-in-out infinite alternate,
    stardustStarsTwinkle 4.8s ease-in-out infinite;

}

/* Movimiento estrellas */

@keyframes stardustStarsDrift {

from {
    transform: translate3d(-3px, -2px, 0);
}

to {
    transform: translate3d(5px, 3px, 0);
}

}

@keyframes stardustStarsDriftSecondary {

from {
    transform: translate3d(4px, 2px, 0);
}

to {
    transform: translate3d(-5px, -3px, 0);
}

}

/* Respiración ambiental */

@keyframes stardustStarsPulse {

0%,
100% {
    opacity: .62;
}

50% {
    opacity: .78;
}

}

/* Twinkle */

@keyframes stardustStarsTwinkle {

0%,
100% {
    opacity: .24;
}

35% {
    opacity: .52;
}

68% {
    opacity: .34;
}

82% {
    opacity: .62;
}

}

/* =========================================================
THREE.JS
========================================================= */

.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-three-widget {
position: absolute !important;
inset: 0 !important;

width: 100% !important;
height: 100% !important;

margin: 0 !important;
padding: 0 !important;

background: transparent !important;
border: none !important;
box-shadow: none !important;

overflow: hidden !important;

pointer-events: none !important;

z-index: 1 !important;

}

/* Wrapper Elementor */

.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-three-widget .elementor-widget-container {
position: absolute !important;
inset: 0 !important;

width: 100% !important;
height: 100% !important;

margin: 0 !important;
padding: 0 !important;

background: transparent !important;

overflow: hidden !important;

}

/* Mount Three.js */

.elementor-11 .elementor-element.elementor-element-37d2f72 #stardust-three-stage {
position: absolute;
inset: 0;

width: 100%;
height: 100%;

pointer-events: none;

overflow: visible;

opacity: 0;

transform:
    translateY(28px)
    scale(1.015);

transition:
    opacity 1.15s cubic-bezier(.22,.61,.36,1),
    transform 1.35s cubic-bezier(.22,.61,.36,1);

}

/* Three.js listo */

.elementor-11 .elementor-element.elementor-element-37d2f72 #stardust-three-stage.stardust-three-ready {
opacity: 1;

transform:
    translateY(0)
    scale(1);

}

/* Canvas */

.elementor-11 .elementor-element.elementor-element-37d2f72 #stardust-three-stage canvas {
position: relative;
z-index: 1;

display: block;

width: 100% !important;
height: 100% !important;

}

/* =========================================================
HERO CONTENT
========================================================= */

.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-hero {
position: relative !important;

background: transparent !important;

z-index: 2 !important;

}

/* Contenido por encima del planeta */

.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-hero-content {
position: relative !important;

z-index: 3 !important;

}

/* =========================================================
RECURSOS VIEJOS DESACTIVADOS
========================================================= */

.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-hero-depth,
.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-hero-horizon {
display: none !important;
}

/* =========================================================
HERO — INITIAL REVEAL
========================================================= */

@keyframes stardustRevealUp {

from {
    opacity: 0;
    transform: translateY(24px);
}

to {
    opacity: 1;
    transform: translateY(0);
}

}

/* Eyebrow */

.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-hero-eyebrow {
animation:
stardustRevealUp
.75s
cubic-bezier(.22,.61,.36,1)
.18s
both;
}

/* H1 */

.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-hero-title {
animation:
stardustRevealUp
.82s
cubic-bezier(.22,.61,.36,1)
.30s
both;
}

/* Título dorado */

.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-hero-title-accent {
animation:
stardustRevealUp
.82s
cubic-bezier(.22,.61,.36,1)
.42s
both;
}

/* Copy */

.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-hero-copy {
animation:
stardustRevealUp
.78s
cubic-bezier(.22,.61,.36,1)
.54s
both;
}

/* Servicios */

.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-hero-services {
animation:
stardustRevealUp
.78s
cubic-bezier(.22,.61,.36,1)
.66s
both;
}

/* CTAs */

.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-hero-actions {
animation:
stardustRevealUp
.78s
cubic-bezier(.22,.61,.36,1)
.78s
both;
}

/* =========================================================
PLANET GLINT
Destello curvo sobre el horizonte
========================================================= */

.elementor-11 .elementor-element.elementor-element-37d2f72 #stardust-three-stage::after {
content: "";

position: absolute;
z-index: 2;

left: 50%;

/*
 * Posición calibrada manualmente
 */
bottom: 10.5%;

/*
 * Más alto que antes para crear
 * una verdadera forma curva.
 */
width: 340px;
height: 34px;

pointer-events: none;

opacity: 0;

transform:
    translateX(-50%)
    scaleX(.10)
    scaleY(.62);

/*
 * El centro del radial está situado
 * arriba de la elipse.
 *
 * Esto genera el arco descendente.
 */
background:
    radial-gradient(
        ellipse at 50% 0%,
        rgba(255, 250, 230, 1) 0%,
        rgba(255, 236, 198, .98) 8%,
        rgba(255, 226, 163, .88) 18%,
        rgba(215, 180, 106, .62) 32%,
        rgba(215, 180, 106, .30) 48%,
        rgba(215, 180, 106, .10) 62%,
        rgba(215, 180, 106, 0) 76%
    );

/*
 * Redondeo inferior:
 * refuerza visualmente la curva.
 */
border-radius:
    0 0 999px 999px /
    0 0 100% 100%;

filter:
    blur(1.6px)

    drop-shadow(
        0 0 10px
        rgba(255, 226, 163, .46)
    )

    drop-shadow(
        0 0 24px
        rgba(215, 180, 106, .24)
    );

}

/*

El destello empieza una vez que

Three.js confirmó el primer frame.
*/

.elementor-11 .elementor-element.elementor-element-37d2f72 #stardust-three-stage.stardust-three-ready::after {
animation:
stardustPlanetGlint
1.70s
cubic-bezier(.22,.61,.36,1)
.35s
both;
}

/* Animación del destello */

@keyframes stardustPlanetGlint {

0% {
    opacity: 0;

    transform:
        translateX(-50%)
        scaleX(.10)
        scaleY(.58);
}


16% {
    opacity: 1;
}


38% {
    opacity: 1;

    transform:
        translateX(-50%)
        scaleX(1)
        scaleY(1);
}


66% {
    opacity: .62;

    transform:
        translateX(-50%)
        scaleX(1.62)
        scaleY(.86);
}


100% {
    opacity: 0;

    transform:
        translateX(-50%)
        scaleX(2.20)
        scaleY(.48);
}

}

/* =========================================================
ACCESSIBILITY
========================================================= */

@media (prefers-reduced-motion: reduce) {

.elementor-11 .elementor-element.elementor-element-37d2f72::before,
.elementor-11 .elementor-element.elementor-element-37d2f72::after {
    animation: none !important;
}


.elementor-11 .elementor-element.elementor-element-37d2f72 #stardust-three-stage,
.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-hero-eyebrow,
.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-hero-title,
.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-hero-title-accent,
.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-hero-copy,
.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-hero-services,
.elementor-11 .elementor-element.elementor-element-37d2f72 .stardust-hero-actions {
    animation: none !important;

    opacity: 1 !important;
    transform: none !important;
}


.elementor-11 .elementor-element.elementor-element-37d2f72 #stardust-three-stage::after {
    display: none !important;
}

}/* End custom CSS */