.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-112 .elementor-element.elementor-element-484a97d4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-129px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:240px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-112 .elementor-element.elementor-element-484a97d4:not(.elementor-motion-effects-element-type-background), .elementor-112 .elementor-element.elementor-element-484a97d4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A133C;}.elementor-112 .elementor-element.elementor-element-e31bef4{--display:flex;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-112 .elementor-element.elementor-element-50c5f66{text-align:left;}.elementor-112 .elementor-element.elementor-element-50c5f66 .elementor-heading-title{font-family:"Black Ops One", Sans-serif;font-size:36px;font-weight:600;color:#00FFFF;}.elementor-112 .elementor-element.elementor-element-a149805{--display:flex;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-112 .elementor-element.elementor-element-543402e5{text-align:left;font-family:"Black Ops One", Sans-serif;font-weight:400;color:#FFFFFF;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-484a97d4 *//* Aplica SOLO a este contenedor */
.elementor-112 .elementor-element.elementor-element-484a97d4.fondo-galaxia{
  position: relative;
  overflow: hidden;
  background: ##1A133C;              /* base oscura; cambia si quieres */
}

/* Asegura que el contenido quede sobre las estrellas */
.elementor-112 .elementor-element.elementor-element-484a97d4.fondo-galaxia > *{
  position: relative;
  z-index: 1;
}

/* Dos capas de estrellas dentro del contenedor */
.elementor-112 .elementor-element.elementor-element-484a97d4.fondo-galaxia::before,
.elementor-112 .elementor-element.elementor-element-484a97d4.fondo-galaxia::after{
  content:"";
  position:absolute;
  inset:-15%;
  pointer-events:none;
  background-repeat: repeat;
  will-change: transform;
  z-index:0;
}

/* Capa LEJANA (más fina, más densa) */
.elementor-112 .elementor-element.elementor-element-484a97d4.fondo-galaxia::before{
  background-size: 640px 640px;
  opacity: .9;
  background-image:
    radial-gradient(1px 1px at 3% 12%,  rgba(255,255,255,.55) 50%, transparent 52%),
    radial-gradient(1px 1px at 14% 32%, rgba(255,255,255,.50) 50%, transparent 52%),
    radial-gradient(1px 1px at 28% 66%, rgba(255,255,255,.55) 50%, transparent 52%),
    radial-gradient(1px 1px at 47% 24%, rgba(255,255,255,.50) 50%, transparent 52%),
    radial-gradient(1px 1px at 63% 78%, rgba(255,255,255,.55) 50%, transparent 52%),
    radial-gradient(1px 1px at 79% 42%, rgba(255,255,255,.50) 50%, transparent 52%),
    radial-gradient(1px 1px at 92% 15%, rgba(255,255,255,.55) 50%, transparent 52%),
    radial-gradient(1px 1px at 8%  88%, rgba(255,255,255,.50) 50%, transparent 52%),
    radial-gradient(1px 1px at 36% 10%, rgba(255,255,255,.55) 50%, transparent 52%),
    radial-gradient(1px 1px at 58% 54%, rgba(255,255,255,.52) 50%, transparent 52%),
    radial-gradient(1px 1px at 71% 11%, rgba(255,255,255,.52) 50%, transparent 52%),
    radial-gradient(1px 1px at 85% 63%, rgba(255,255,255,.55) 50%, transparent 52%);
}

/* Capa CERCANA (puntos un poco mayores) */
.elementor-112 .elementor-element.elementor-element-484a97d4.fondo-galaxia::after{
  background-size: 460px 460px;
  opacity: 1;
  background-image:
    radial-gradient(2px 2px at 18% 48%, rgba(255,255,255,.96) 50%, transparent 52%),
    radial-gradient(2px 2px at 33% 22%, rgba(255,255,255,.92) 50%, transparent 52%),
    radial-gradient(2px 2px at 52% 65%, rgba(255,255,255,.96) 50%, transparent 52%),
    radial-gradient(2px 2px at 71% 34%, rgba(255,255,255,.92) 50%, transparent 52%),
    radial-gradient(2px 2px at 86% 80%, rgba(255,255,255,.96) 50%, transparent 52%),
    radial-gradient(2px 2px at 12% 75%, rgba(255,255,255,.92) 50%, transparent 52%),
    radial-gradient(2px 2px at 44% 88%, rgba(255,255,255,.94) 50%, transparent 52%),
    radial-gradient(2px 2px at 95% 43%, rgba(255,255,255,.96) 50%, transparent 52%),
    radial-gradient(2.4px 2.4px at 8% 18%, rgba(255,255,255,.96) 50%, transparent 52%),
    radial-gradient(2.4px 2.4px at 27% 39%, rgba(255,255,255,.96) 50%, transparent 52%),
    radial-gradient(2.4px 2.4px at 77% 59%, rgba(255,255,255,.96) 50%, transparent 52%);
}

/* --- Parallax solo con scroll (CSS puro, sin JS) --- */
@keyframes galaxy-far   { from { transform: translateY(0); } to { transform: translateY(-1020px); } }
@keyframes galaxy-near  { from { transform: translateY(0); } to { transform: translateY(-8920px); } }

/* Liga las capas al scroll de la página (Chrome/Edge/Safari modernos) */
@supports (animation-timeline: scroll(root block)) {
  /* mueve durante TODO el scroll de la página */
  .elementor-112 .elementor-element.elementor-element-484a97d4.fondo-galaxia::before{
    animation: galaxy-far 1s linear both;
    animation-timeline: scroll(root block);
    animation-range: 0% 100%;
  }
  .elementor-112 .elementor-element.elementor-element-484a97d4.fondo-galaxia::after{
    animation: galaxy-near 1s linear both;
    animation-timeline: scroll(root block);
    animation-range: 0% 100%;
  }
}

/* Si el SO pide reducir movimiento, deja el fondo estático */
@media (prefers-reduced-motion: reduce){
  .elementor-112 .elementor-element.elementor-element-484a97d4.fondo-galaxia::before,
  .elementor-112 .elementor-element.elementor-element-484a97d4.fondo-galaxia::after{ animation: none !important; transform:none !important; }
}

/* Movimiento del fondo con el scroll de TODA la página */
@keyframes bg-far  { to { transform: translateY(-180px); } }  /* capa lejana */
@keyframes bg-near { to { transform: translateY(-360px); } }  /* capa cercana */

@supports (animation-timeline: scroll(root block)) {
  /* si usaste mis ::before / ::after para las estrellas, esto los anima */
  .elementor-112 .elementor-element.elementor-element-484a97d4.fondo-galaxia::before{
    animation: bg-far linear both;
    animation-timeline: scroll(root block); /* ligado al scroll global */
    animation-range: 0% 100%;               /* durante todo el scroll */
  }
  .elementor-112 .elementor-element.elementor-element-484a97d4.fondo-galaxia::after{
    animation: bg-near linear both;
    animation-timeline: scroll(root block);
    animation-range: 0% 100%;
  }
}/* End custom CSS */