.elementor-107 .elementor-element.elementor-element-f6852a2{--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;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:90;}.elementor-107 .elementor-element.elementor-element-f6852a2:not(.elementor-motion-effects-element-type-background), .elementor-107 .elementor-element.elementor-element-f6852a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-107 .elementor-element.elementor-element-c4c5077{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:620px){.elementor-107 .elementor-element.elementor-element-f6852a2{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:621px){.elementor-107 .elementor-element.elementor-element-f6852a2{--content-width:100%;}}/* Start custom CSS *//* =========================================
   ESTADO NORMAL
========================================= */

/* Logo oculto y sin ocupar espacio */
.cabecera__logo-sticky {
    display: none !important;
}


/* =========================================
   AL HACER SCROLL
========================================= */

/* Fijar SOLO la segunda barra */
.cabecera.cabecera--sticky .cabecera__barra {
    position: fixed !important;

    top: 0;
    left: 0;
    right: 0;

    width: 100% !important;

    z-index: 99999 !important;

    background: #104c7e !important;

    box-shadow: 0 3px 12px rgba(0, 0, 0, .12);

    display: flex !important;
    align-items: center !important;
}


/* Mostrar logo */
.cabecera.cabecera--sticky .cabecera__logo-sticky {
    display: flex !important;

    align-items: center !important;

    width: 100px !important;
    max-width: 100px !important;

    flex: 0 0 100px !important;

    margin: 0 24px 0 0 !important;
}


/* Tamaño de imagen */
.cabecera.cabecera--sticky .cabecera__logo-sticky img {
    display: block !important;

    width: 100px !important;
    max-width: 100px !important;

    height: auto !important;
}


/* Menú junto al logo */
.cabecera.cabecera--sticky .cabecera__menu {
    width: auto !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
}


/* =========================================
   WORDPRESS ADMIN BAR
========================================= */

body.admin-bar
.cabecera.cabecera--sticky
.cabecera__barra {
    top: 32px;
}

@media (max-width: 782px) {

    body.admin-bar
    .cabecera.cabecera--sticky
    .cabecera__barra {
        top: 46px;
    }

}
/* =========================================================
   STICKY DESKTOP COMO EL MODELO
========================================================= */

@media (min-width: 768px) {

    /* Barra fija */
    .cabecera.cabecera--sticky .cabecera__barra {
        position: fixed !important;

        top: 0;
        left: 0;
        right: 0;

        /* CONTENIDO CENTRADO */
        width: calc(100% - 40px) !important;
        max-width: 1025px !important;

        height: 50px !important;
        min-height: 50px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding: 0 !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        align-items: center !important;
        justify-content: flex-start !important;

        gap: 24px !important;

        /* Fondo */
        background: #155487 !important;

        /*
         * Extiende el azul a todo el viewport
         * SIN usar position absolute
         */
        box-shadow:
            0 0 0 100vmax #155487,
            0 3px 10px rgba(0,0,0,.12) !important;

        clip-path: inset(0 -100vmax);

        z-index: 99999 !important;
    }


    /* =====================================================
       LOGO STICKY
    ===================================================== */

    .cabecera.cabecera--sticky .cabecera__logo-sticky {
        display: flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        width: 100px !important;
        min-width: 100px !important;
        max-width: 100px !important;

        flex: 0 0 100px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .cabecera.cabecera--sticky
    .cabecera__logo-sticky .elementor-widget-container {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .cabecera.cabecera--sticky
    .cabecera__logo-sticky img {
        display: block !important;

        width: 100px !important;
        max-width: 100px !important;

        height: auto !important;

        margin: 0 !important;
    }


    /* =====================================================
       MENÚ
    ===================================================== */

    .cabecera.cabecera--sticky .cabecera__menu {
        width: auto !important;
        max-width: none !important;

        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .cabecera.cabecera--sticky
    .cabecera__menu > .elementor-widget-container {
        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Menú interno */
    .cabecera.cabecera--sticky
    .cabecera__menu ul {
        width: max-content !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
    }


    /* Links más compactos como el modelo */
    .cabecera.cabecera--sticky
    .cabecera__menu a {
        min-height: 50px !important;

        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;

        display: flex !important;
        align-items: center !important;
    }


    /* =====================================================
       AULA VIRTUAL A LA DERECHA
    ===================================================== */

    .cabecera.cabecera--sticky .cabecera__aula {
        width: auto !important;

        flex: 0 0 auto !important;

        margin-left: auto !important;
        margin-right: 0 !important;
    }

}


/* =========================================================
   WORDPRESS ADMIN BAR
========================================================= */

@media (min-width: 783px) {

    body.admin-bar
    .cabecera.cabecera--sticky
    .cabecera__barra {
        top: 32px !important;
    }

}
/* =========================================================
   ALINEAR HEADER STICKY CON EL CONTENIDO DEL HERO
========================================================= */

/* SOLO ESCRITORIO */
@media (min-width: 1025px) {

    .cabecera.cabecera--sticky .cabecera__barra {
        width: calc(100% - 40px) !important;
        max-width: 1025px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .cabecera.cabecera--sticky .cabecera__logo-sticky {
        margin-left: -65px !important;
        margin-right: 24px !important;
    }

}/* End custom CSS */