.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-69 .elementor-element.elementor-element-bebeb6e{--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;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-69 .elementor-element.elementor-element-bebeb6e:not(.elementor-motion-effects-element-type-background), .elementor-69 .elementor-element.elementor-element-bebeb6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A133C;}.elementor-69 .elementor-element.elementor-element-730fe0c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-69 .elementor-element.elementor-element-79e28d3{--display:flex;}.elementor-widget-icon-list .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-icon-list .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-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-69 .elementor-element.elementor-element-00a4e28 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-69 .elementor-element.elementor-element-00a4e28 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-69 .elementor-element.elementor-element-00a4e28{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-69 .elementor-element.elementor-element-00a4e28 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-69 .elementor-element.elementor-element-707052f{--display:flex;--justify-content:flex-end;}.elementor-69 .elementor-element.elementor-element-42c336c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-69 .elementor-element.elementor-element-42c336c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-69 .elementor-element.elementor-element-42c336c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-69 .elementor-element.elementor-element-42c336c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-69 .elementor-element.elementor-element-42c336c .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;}.elementor-69 .elementor-element.elementor-element-42c336c .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-69 .elementor-element.elementor-element-51498b9{--display:flex;}.elementor-69 .elementor-element.elementor-element-3a81fcb .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-69 .elementor-element.elementor-element-3a81fcb .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-69 .elementor-element.elementor-element-3a81fcb{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-69 .elementor-element.elementor-element-3a81fcb .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for container, class: .elementor-element-bebeb6e *//* Aplica SOLO a este contenedor */
.elementor-69 .elementor-element.elementor-element-bebeb6e.fondo-galaxia{
  position: relative;
  overflow: hidden;
  background: ##1A133C;              /* base oscura; cambia si quieres */
}

/* Asegura que el contenido quede sobre las estrellas */
.elementor-69 .elementor-element.elementor-element-bebeb6e.fondo-galaxia > *{
  position: relative;
  z-index: 1;
}

/* Dos capas de estrellas dentro del contenedor */
.elementor-69 .elementor-element.elementor-element-bebeb6e.fondo-galaxia::before,
.elementor-69 .elementor-element.elementor-element-bebeb6e.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-69 .elementor-element.elementor-element-bebeb6e.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-69 .elementor-element.elementor-element-bebeb6e.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-69 .elementor-element.elementor-element-bebeb6e.fondo-galaxia::before{
    animation: galaxy-far 1s linear both;
    animation-timeline: scroll(root block);
    animation-range: 0% 100%;
  }
  .elementor-69 .elementor-element.elementor-element-bebeb6e.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-69 .elementor-element.elementor-element-bebeb6e.fondo-galaxia::before,
  .elementor-69 .elementor-element.elementor-element-bebeb6e.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-69 .elementor-element.elementor-element-bebeb6e.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-69 .elementor-element.elementor-element-bebeb6e.fondo-galaxia::after{
    animation: bg-near linear both;
    animation-timeline: scroll(root block);
    animation-range: 0% 100%;
  }
}/* End custom CSS */