.elementor-kit-38{--e-global-color-primary:#4C81C3;--e-global-color-secondary:#0A4186;--e-global-color-text:#000000;--e-global-color-accent:#15B0F8;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-38 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}@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 *//* ============================
   ESTRUCTURA DEL HEADER ELEMENTOR
   (1 sección, 3 columnas: logo - menú - botones)
   ============================ */

/* Padding general del header (espacio arriba/abajo y a los lados) */
.elementor-location-header .elementor-section {
    padding: 8px 40px !important;  /* ajusta 40 si quieres más/menos a los lados */
}

/* Centrar verticalmente todo lo de dentro */
.elementor-location-header .elementor-section > .elementor-container {
    align-items: center;
}

/* ---- Columnas: logo - menú - botones ---- */
@media (min-width: 768px) {

    /* Columna 1: LOGO (solo ocupa lo que mide el logo) */
    .elementor-location-header .elementor-section > .elementor-container > .elementor-column:nth-child(1) {
        flex: 0 0 auto;
    }

    /* Columna 2: MENÚ (ocupa el espacio central y centra el menú) */
    .elementor-location-header .elementor-section > .elementor-container > .elementor-column:nth-child(2) {
        flex: 1 1 auto;
        text-align: center;
    }

    /* Columna 3: BOTONES (pegados a la derecha) */
    .elementor-location-header .elementor-section > .elementor-container > .elementor-column:nth-child(3) {
        flex: 0 0 auto;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 15px;  /* espacio entre los dos botones */
    }
}

/* ============================
   MENÚ (espaciado entre items)
   ============================ */

/* Quitar posibles viñetas/puntos y margen */
.elementor-location-header .elementor-nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Espacio horizontal entre las opciones del menú */
.elementor-location-header .elementor-nav-menu .elementor-item {
    padding: 0 24px;    /* aumenta o reduce 24 para separar más/menos */
    font-weight: 600;
}

/* ============================
   LOGO (tamaño máximo)
   ============================ */

.elementor-location-header .elementor-section > .elementor-container > .elementor-column:nth-child(1) img {
    max-height: 70px;   /* sube/baja este valor si quieres el logo más grande/pequeño */
    width: auto;
}/* End custom CSS */