.elementor-123 .elementor-element.elementor-element-6460873{--display:flex;--min-height:91px;--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;--overlay-opacity:0;--z-index:9999;}.elementor-123 .elementor-element.elementor-element-6460873:not(.elementor-motion-effects-element-type-background), .elementor-123 .elementor-element.elementor-element-6460873 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-123 .elementor-element.elementor-element-6460873::before, .elementor-123 .elementor-element.elementor-element-6460873 > .elementor-background-video-container::before, .elementor-123 .elementor-element.elementor-element-6460873 > .e-con-inner > .elementor-background-video-container::before, .elementor-123 .elementor-element.elementor-element-6460873 > .elementor-background-slideshow::before, .elementor-123 .elementor-element.elementor-element-6460873 > .e-con-inner > .elementor-background-slideshow::before, .elementor-123 .elementor-element.elementor-element-6460873 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-123 .elementor-element.elementor-element-b8e6912{width:var( --container-widget-width, 96.991% );max-width:96.991%;--container-widget-width:96.991%;--container-widget-flex-grow:0;}.elementor-123 .elementor-element.elementor-element-b8e6912.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* 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;
}
/* ============================
   COLUMNA DE BOTONES (3ª COLUMNA)
   ============================ */

/* Poner los botones en fila, pegados a la derecha y con espacio entre ellos */
.elementor-location-header .elementor-section > .elementor-container > .elementor-column:nth-child(3) {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;   /* espacio entre "Iniciar sesión" y "Registrarse" */
}

/* ============================
   BOTÓN 1: INICIAR SESIÓN
   (primer widget botón dentro de la 3ª columna)
   ============================ */

.elementor-location-header .elementor-section > .elementor-container > .elementor-column:nth-child(3)
.elementor-widget-button:first-child .elementor-button {
    background: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 999px;    /* píldora */
    padding: 10px 32px;
    font-weight: 600;
}

/* hover del botón blanco */
.elementor-location-header .elementor-section > .elementor-container > .elementor-column:nth-child(3)
.elementor-widget-button:first-child .elementor-button:hover {
    background: #ffffff;
    color: #000000;
}

/* ============================
   BOTÓN 2: REGISTRARSE
   (segundo widget botón dentro de la 3ª columna)
   ============================ */

.elementor-location-header .elementor-section > .elementor-container > .elementor-column:nth-child(3)
.elementor-widget-button:last-child .elementor-button {
    background: #00A8FF;      /* tu azul */
    color: #ffffff;
    border: 2px solid #00A8FF;
    border-radius: 999px;
    padding: 10px 32px;
    font-weight: 600;
}

/* hover del botón azul */
.elementor-location-header .elementor-section > .elementor-container > .elementor-column:nth-child(3)
.elementor-widget-button:last-child .elementor-button:hover {
    filter: brightness(1.1);
}/* End custom CSS */