.elementor-kit-5{--e-global-color-primary:#1CE6C4;--e-global-color-secondary:#0AB38F;--e-global-color-text:#E6F6F2;--e-global-color-accent:#1CE6C4;--e-global-color-d9e15fa:#03100F;--e-global-typography-primary-font-family:"Notes";--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-d9e15fa );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;--container-default-padding-top:1em;--container-default-padding-right:1em;--container-default-padding-bottom:1em;--container-default-padding-left:1em;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== HEADER FLOTANTE SOBRE EL HERO ===== */
/* El header del Theme Builder se posiciona absoluto sobre el contenido */
.elementor-location-header{
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    background: transparent !important;
}

/* El contenedor interno del header como pill flotante */
.elementor-location-header > .e-con{
    max-width: 1180px !important;
    margin: 16px auto 0 !important;
    background: rgba(8,37,34,.55) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border: 1px solid rgba(28,230,196,.18) !important;
    border-radius: 40px !important;
    padding: 10px 24px !important;
    box-shadow: 0 8px 30px -10px rgba(0,0,0,.5) !important;
}

/* La página NO debe tener overflow hidden que recorte el header */
.elementor-page,
body{
    overflow-x: clip !important;
}

/* ===== HERO: aire arriba para que el texto no quede tapado ===== */
/* El primer contenedor padre de la página (el hero) */
.elementor-11 > .e-con.e-parent:first-child{
    padding-top: 140px !important;
    position: relative !important;
    z-index: 1 !important;
}
.elementor-button,
a.elementor-button,
button.elementor-button {
    box-shadow: 0 0 18px rgba(28,230,196,.45);
    transition: box-shadow .25s ease;
}

.elementor-button:hover,
a.elementor-button:hover,
button.elementor-button:hover {
    box-shadow: 0 0 28px rgba(28,230,196,.7);
}
/* ===== CAMPO DE ESTRELLAS (denso pero sutil) ===== */
body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    background-image:
      /* capa 1 - estrellas pequeñas */
      radial-gradient(1px 1px at 8% 12%, rgba(255,255,255,.7), transparent),
      radial-gradient(1px 1px at 17% 38%, rgba(180,230,225,.5), transparent),
      radial-gradient(1px 1px at 24% 72%, rgba(255,255,255,.6), transparent),
      radial-gradient(1px 1px at 33% 22%, rgba(28,230,196,.5), transparent),
      radial-gradient(1px 1px at 41% 55%, rgba(255,255,255,.5), transparent),
      radial-gradient(1px 1px at 48% 85%, rgba(255,255,255,.6), transparent),
      radial-gradient(1px 1px at 56% 15%, rgba(200,235,230,.5), transparent),
      radial-gradient(1px 1px at 63% 48%, rgba(255,255,255,.6), transparent),
      radial-gradient(1px 1px at 71% 78%, rgba(28,230,196,.45), transparent),
      radial-gradient(1px 1px at 79% 28%, rgba(255,255,255,.6), transparent),
      radial-gradient(1px 1px at 86% 62%, rgba(255,255,255,.5), transparent),
      radial-gradient(1px 1px at 93% 40%, rgba(190,230,225,.5), transparent),
      radial-gradient(1px 1px at 5% 88%, rgba(255,255,255,.5), transparent),
      radial-gradient(1px 1px at 38% 92%, rgba(255,255,255,.5), transparent),
      radial-gradient(1px 1px at 67% 8%, rgba(255,255,255,.55), transparent);
    background-size: 420px 420px;
    background-repeat: repeat;
}

/* capa 2 - estrellas un poco más grandes/brillantes, otra escala */
body::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:0;
    pointer-events:none;
    background-image:
      radial-gradient(1.6px 1.6px at 15% 25%, rgba(255,255,255,.85), transparent),
      radial-gradient(1.6px 1.6px at 50% 65%, rgba(255,255,255,.8), transparent),
      radial-gradient(1.6px 1.6px at 82% 18%, rgba(28,230,196,.7), transparent),
      radial-gradient(1.6px 1.6px at 30% 80%, rgba(255,255,255,.75), transparent),
      radial-gradient(1.6px 1.6px at 70% 45%, rgba(255,255,255,.8), transparent),
      radial-gradient(1.6px 1.6px at 92% 88%, rgba(255,255,255,.7), transparent);
    background-size: 560px 560px;
    background-repeat: repeat;
}

/* contenido por encima de las estrellas */
body{ position:relative; }
.elementor, #page, .site{ position:relative; z-index:1; }/* End custom CSS */