.elementor-1330 .elementor-element.elementor-element-f9c5199{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:27px 27px;--row-gap:27px;--column-gap:27px;--margin-top:-108px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:144px;--padding-bottom:54px;--padding-left:0px;--padding-right:0px;}.elementor-1330 .elementor-element.elementor-element-f9c5199:not(.elementor-motion-effects-element-type-background), .elementor-1330 .elementor-element.elementor-element-f9c5199 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFA300 0%, #000000 89%);}.elementor-1330 .elementor-element.elementor-element-f9c5199.e-con{--align-self:center;}.elementor-1330 .elementor-element.elementor-element-2333449{--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;--overlay-opacity:1;--border-radius:18px 18px 18px 18px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-1330 .elementor-element.elementor-element-2333449::before, .elementor-1330 .elementor-element.elementor-element-2333449 > .elementor-background-video-container::before, .elementor-1330 .elementor-element.elementor-element-2333449 > .e-con-inner > .elementor-background-video-container::before, .elementor-1330 .elementor-element.elementor-element-2333449 > .elementor-background-slideshow::before, .elementor-1330 .elementor-element.elementor-element-2333449 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1330 .elementor-element.elementor-element-2333449 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1330 .elementor-element.elementor-element-5f16557{text-align:center;}.elementor-1330 .elementor-element.elementor-element-5f16557 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:45px;font-weight:600;color:#000000;}.elementor-1330 .elementor-element.elementor-element-8290a15{--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;--overlay-opacity:1;--border-radius:18px 18px 18px 18px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-1330 .elementor-element.elementor-element-8290a15::before, .elementor-1330 .elementor-element.elementor-element-8290a15 > .elementor-background-video-container::before, .elementor-1330 .elementor-element.elementor-element-8290a15 > .e-con-inner > .elementor-background-video-container::before, .elementor-1330 .elementor-element.elementor-element-8290a15 > .elementor-background-slideshow::before, .elementor-1330 .elementor-element.elementor-element-8290a15 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1330 .elementor-element.elementor-element-8290a15 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.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-1330 .elementor-element.elementor-element-d5f1201{border-style:none;text-align:left;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;color:#000000;}.elementor-1330 .elementor-element.elementor-element-d5f1201:hover{border-style:none;}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:1200px){.elementor-1330 .elementor-element.elementor-element-f9c5199{--padding-top:126px;--padding-bottom:27px;--padding-left:9px;--padding-right:9px;}}@media(max-width:1024px){.elementor-1330 .elementor-element.elementor-element-f9c5199{--padding-top:126px;--padding-bottom:27px;--padding-left:9px;--padding-right:9px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-1330 .elementor-element.elementor-element-f9c5199{--padding-top:126px;--padding-bottom:27px;--padding-left:9px;--padding-right:9px;}.elementor-1330 .elementor-element.elementor-element-2333449{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for container, class: .elementor-element-f9c5199 *//* === TLANĒCI · Amanecer sin sol (CSS-only) ========================= */
.elementor-element[data-id="f9c5199"]{
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  isolation: isolate;             /* aísla las capas */
  /* Paleta editable (cálida, sin final muy claro) */
  --night: #0a0e19;               /* noche profunda azulada */
  --pre:   #2b1536;               /* púrpura pre-amanecer */
  --dawn:  #c65327;               /* naranja/teja */
  --haze:  #d17a00;               /* bruma cálida */
  --warm:  #9E4C37;               /* mañana cálida (NO beige claro) */
  --anim-dur: 6s;                /* velocidad del amanecer */
  --sky-end: 100%;                 /* hasta dónde “baja” el cielo (68–75) */
}

/* Capa 1: CIELO animado (gradiente vertical muy alto que se desplaza) */
.elementor-element[data-id="f9c5199"]::before{
  content:"";
  position:absolute; inset:0;
  z-index:0;
  pointer-events:none;

  /* 1) velo de bruma suave arriba (sutil)
     2) cielo principal (linear) que se “desliza” de noche→mañana
  */
  background-image:
    linear-gradient(to bottom, rgba(255,255,255,0.02), rgba(255,255,255,0)),
    linear-gradient(to bottom,
      var(--night) 0%,
      var(--pre)   35%,
      var(--dawn)  62%,
      var(--haze)  76%,
      var(--warm)  100%
    );

  background-size:
    100% 100%,
    100% 300%;                    /* cielo muy alto para animarlo */
  background-repeat:no-repeat,no-repeat;

  /* Arranca mostrando la parte alta (noche) y “baja” hasta --sky-end */
  background-position:
    50% 0%,
    50% 0%;

  animation: tlaneci-sky var(--anim-dur) ease-in-out forwards;
  filter: saturate(1.02) contrast(1.02);
}

/* Capa 2: PISO DE CONTRASTE en la franja baja
   (oscurece sutilmente 65–100% para que el texto blanco siempre lea) */
.elementor-element[data-id="f9c5199"]::after{
  content:"";
  position:absolute; inset:0;
  z-index:1;
  pointer-events:none;
  background: linear-gradient(to bottom,
    rgba(0,0,0,0) 60%,
    rgba(20,12,6,0.08) 75%,
    rgba(20,12,6,0.14) 88%,
    rgba(20,12,6,0.18) 100%
  );
}

/* Garantiza que tus widgets queden por encima de las capas */
.elementor-element[data-id="f9c5199"] .e-con-inner{
  position: relative;
  z-index: 2;
}

/* Animación del cielo: del 0% hasta --sky-end (no llega a beige) */
@keyframes tlaneci-sky{
  0%   { background-position: 50% 0%,  50% 0%; }
  35%  { background-position: 50% 0%,  50% calc(var(--sky-end) * 0.35); }
  70%  { background-position: 50% 0%,  50% calc(var(--sky-end) * 0.70); }
  100% { background-position: 50% 0%,  50% var(--sky-end); }
}

/* Accesibilidad: si el usuario prefiere menos movimiento, deja el estado final */
@media (prefers-reduced-motion: reduce){
  .elementor-element[data-id="f9c5199"]::before{
    animation:none !important;
    background-position: 50% 0%, 50% var(--sky-end) !important;
  }
}/* End custom CSS */