/*
|--------------------------------------------------------------------------
| UGV HEADER / FOOTER FINAL
|--------------------------------------------------------------------------
*/

#ugv-global-header,
#ugv-global-footer {
    --ugv-primary: var(--e-global-color-primary);
    --ugv-secondary: var(--e-global-color-secondary);
    --ugv-text: var(--e-global-color-text);
    --ugv-accent: var(--e-global-color-accent);
}


/*
|--------------------------------------------------------------------------
| HEADER SUPERIOR
|--------------------------------------------------------------------------
*/

#ugv-global-header
.elementor-175
> .elementor-element-a87d4c6 {
    width: 100% !important;
    background: var(--ugv-primary) !important;
}

#ugv-global-header
.elementor-175
> .elementor-element-a87d4c6
> .elementor-container {
    width: calc(100% - 48px) !important;
    max-width: 1200px !important;
    min-height: 36px !important;

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

    padding: 0 !important;

    align-items: center !important;
}

#ugv-global-header
.elementor-element-a87d4c6
.elementor-widget-wrap {
    padding: 0 !important;
}

#ugv-global-header
.elementor-element-a87d4c6
.elementor-widget-text-editor {
    margin: 0 !important;
}

#ugv-global-header
.elementor-element-a87d4c6 p {
    margin: 0 !important;

    color: rgba(255,255,255,.9) !important;

    font-size: 12px !important;
    line-height: 1.35 !important;
}

#ugv-global-header
.elementor-element-a87d4c6 strong {
    color: #fff !important;
}

#ugv-global-header
.elementor-element-a87d4c6 a {
    color: #fff !important;
}

#ugv-global-header
.elementor-element-a87d4c6
.elementor-column:nth-child(2) p {
    text-align: center !important;
}

#ugv-global-header
.elementor-element-a87d4c6
.elementor-column:nth-child(3) p {
    text-align: right !important;
}


/*
|--------------------------------------------------------------------------
| HEADER PRINCIPAL
|--------------------------------------------------------------------------
*/

#ugv-global-header
.elementor-175
> .elementor-element-acf7d05 {
    width: 100% !important;

    background: #fff !important;

    border-bottom:
        1px solid
        color-mix(
            in srgb,
            var(--ugv-secondary) 22%,
            #fff
        ) !important;
}

#ugv-global-header
.elementor-175
> .elementor-element-acf7d05
> .elementor-container {
    width: calc(100% - 48px) !important;
    max-width: 1200px !important;
    min-height: 96px !important;

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

    padding: 8px 0 !important;

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


/*
|--------------------------------------------------------------------------
| LOGO / IDENTIDAD
|--------------------------------------------------------------------------
*/

#ugv-global-header
.elementor-element-d72784b {
    width: 40% !important;
    flex: 0 0 40% !important;
}

#ugv-global-header
.elementor-element-d72784b
> .elementor-widget-wrap {
    padding: 0 !important;

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

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

#ugv-global-header
.ugv-header-logo {
    width: auto !important;
    margin: 0 16px 0 0 !important;
}

#ugv-global-header
.ugv-header-logo img {
    display: block !important;

    width: auto !important;
    height: 68px !important;
    max-width: 90px !important;

    object-fit: contain !important;
}

#ugv-global-header
.ugv-header-name {
    width: auto !important;
    margin: 0 !important;
}

#ugv-global-header
.ugv-header-name
.elementor-heading-title {
    margin: 0 !important;

    color: var(--ugv-text) !important;

    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}


/*
|--------------------------------------------------------------------------
| NAVEGACIÓN
|--------------------------------------------------------------------------
*/

#ugv-global-header
.elementor-element-1fbbb10 {
    width: 60% !important;
    flex: 0 0 60% !important;
}

#ugv-global-header
.elementor-element-1fbbb10
> .elementor-widget-wrap {
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: flex-end !important;
}

#ugv-global-header
.elementor-element-1fbbb10
.elementor-widget-shortcode {
    width: 100% !important;
}

#ugv-global-header
.ugv-menu-list {
    display: flex !important;

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

    gap: 3px !important;

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

    list-style: none !important;
}

#ugv-global-header
.ugv-menu-list > li {
    position: relative !important;
}

#ugv-global-header
.ugv-menu-list > li > a {
    display: flex !important;
    align-items: center !important;

    min-height: 44px !important;

    padding: 0 12px !important;

    color: var(--ugv-text) !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    text-decoration: none !important;

    border-bottom:
        2px solid transparent !important;
}

#ugv-global-header
.ugv-menu-list > li > a:hover,

#ugv-global-header
.ugv-menu-list > li.current-menu-item > a,

#ugv-global-header
.ugv-menu-list > li.current-menu-ancestor > a {
    border-bottom-color:
        var(--ugv-accent) !important;
}

#ugv-global-header
.menu-item-has-children > a::after {
    content: "▾";

    margin-left: 7px;

    color: var(--ugv-accent);
}


/*
|--------------------------------------------------------------------------
| SUBMENÚ
|--------------------------------------------------------------------------
*/

#ugv-global-header
.ugv-menu-list .sub-menu {
    position: absolute !important;

    top: 100% !important;
    left: 0 !important;

    z-index: 99999 !important;

    min-width: 245px !important;

    margin: 0 !important;
    padding: 7px 0 !important;

    list-style: none !important;

    background: #fff !important;

    border:
        1px solid
        color-mix(
            in srgb,
            var(--ugv-secondary) 22%,
            #fff
        ) !important;

    box-shadow:
        0 12px 26px
        rgba(0,0,0,.09) !important;

    opacity: 0;
    visibility: hidden;

    transform: translateY(5px);

    transition: .16s ease;
}

#ugv-global-header
.ugv-menu-list li:hover > .sub-menu,

#ugv-global-header
.ugv-menu-list li:focus-within > .sub-menu {
    opacity: 1;
    visibility: visible;

    transform: translateY(0);
}

#ugv-global-header
.ugv-menu-list .sub-menu a {
    display: block !important;

    padding: 10px 16px !important;

    color: var(--ugv-text) !important;

    text-decoration: none !important;
}


/*
|--------------------------------------------------------------------------
| FOOTER FONDO GENERAL
|--------------------------------------------------------------------------
*/

#ugv-global-footer {
    width: 100% !important;

    background:
        var(--ugv-primary) !important;

    color: #fff !important;
}


/*
|--------------------------------------------------------------------------
| FOOTER PRINCIPAL
|--------------------------------------------------------------------------
*/

#ugv-global-footer
.elementor-176
> .elementor-element-e603f90 {
    width: 100% !important;

    background:
        var(--ugv-primary) !important;
}

#ugv-global-footer
.elementor-176
> .elementor-element-e603f90
> .elementor-container {
    width: calc(100% - 48px) !important;
    max-width: 1200px !important;

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

    padding: 42px 0 36px !important;

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


/*
|--------------------------------------------------------------------------
| COLUMNAS FOOTER
|--------------------------------------------------------------------------
*/

#ugv-global-footer
.elementor-element-1ca6dd2 {
    width: 40% !important;
    flex: 0 0 40% !important;
}

#ugv-global-footer
.elementor-element-c688027,

#ugv-global-footer
.elementor-element-e282741 {
    width: 30% !important;
    flex: 0 0 30% !important;
}

#ugv-global-footer
.elementor-element-1ca6dd2
> .elementor-widget-wrap,

#ugv-global-footer
.elementor-element-c688027
> .elementor-widget-wrap,

#ugv-global-footer
.elementor-element-e282741
> .elementor-widget-wrap {
    padding: 0 28px 0 0 !important;
}


/*
|--------------------------------------------------------------------------
| TEXTOS FOOTER
|--------------------------------------------------------------------------
*/

#ugv-global-footer
.elementor-176
.elementor-widget-text-editor,

#ugv-global-footer
.elementor-176 p,

#ugv-global-footer
.elementor-176 li {
    color:
        rgba(255,255,255,.82) !important;
}

#ugv-global-footer
.elementor-176 a {
    color:
        rgba(255,255,255,.88) !important;

    text-decoration: none !important;
}

#ugv-global-footer
.elementor-176 a:hover {
    color:
        var(--ugv-accent) !important;
}

#ugv-global-footer
.ugv-footer-main-title
.elementor-heading-title {
    color: #fff !important;

    font-size: 21px !important;
}

#ugv-global-footer
.ugv-footer-heading
.elementor-heading-title {
    color:
        color-mix(
            in srgb,
            var(--ugv-accent) 45%,
            #fff
        ) !important;

    font-size: 14px !important;

    letter-spacing: .1em;

    text-transform: uppercase;
}

#ugv-global-footer
.ugv-footer-menu-list {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

#ugv-global-footer
.ugv-footer-menu-list li {
    margin-bottom: 9px !important;
}

#ugv-global-footer
.ugv-footer-extra-links {
    display: flex !important;

    flex-direction: column !important;

    gap: 9px !important;
}


/*
|--------------------------------------------------------------------------
| FOOTER INFERIOR
|--------------------------------------------------------------------------
*/

#ugv-global-footer
.elementor-176
> .elementor-element-0b04bf9 {
    width: 100% !important;

    background:
        color-mix(
            in srgb,
            var(--ugv-primary) 88%,
            #000
        ) !important;

    border-top:
        1px solid rgba(255,255,255,.12) !important;
}

#ugv-global-footer
.elementor-176
> .elementor-element-0b04bf9
> .elementor-container {
    width: calc(100% - 48px) !important;
    max-width: 1200px !important;

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

    padding: 14px 0 !important;
}

#ugv-global-footer
.elementor-element-0b04bf9 p {
    margin: 0 !important;

    color:
        rgba(255,255,255,.65) !important;

    font-size: 12px !important;
}

#ugv-global-footer
.elementor-element-0b04bf9
.elementor-column:last-child p {
    text-align: right !important;
}


/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {

    #ugv-global-header
    .elementor-175
    > .elementor-section
    > .elementor-container,

    #ugv-global-footer
    .elementor-176
    > .elementor-section
    > .elementor-container {
        width: calc(100% - 36px) !important;
    }


    #ugv-global-header
    .elementor-element-d72784b {
        width: 70% !important;
        flex: 0 0 70% !important;
    }


    #ugv-global-header
    .elementor-element-1fbbb10 {
        width: 30% !important;
        flex: 0 0 30% !important;
    }


    #ugv-global-header
    .ugv-menu-toggle {
        display: flex !important;

        margin-left: auto;

        padding: 10px 13px;

        background:
            var(--ugv-primary);

        color: #fff;

        border: 0;
        border-radius: 3px;
    }


    #ugv-global-header
    .ugv-menu-list {
        display: none !important;
    }


    #ugv-global-header
    .ugv-primary-nav.is-open
    .ugv-menu-list {
        display: block !important;
    }


    #ugv-global-footer
    .elementor-element-e603f90
    > .elementor-container {
        flex-wrap: wrap !important;
    }


    #ugv-global-footer
    .elementor-element-1ca6dd2,

    #ugv-global-footer
    .elementor-element-c688027,

    #ugv-global-footer
    .elementor-element-e282741 {
        width: 100% !important;
        flex: 0 0 100% !important;

        margin-bottom: 24px !important;
    }
}


@media (max-width: 600px) {

    #ugv-global-header
    .elementor-175
    > .elementor-section
    > .elementor-container,

    #ugv-global-footer
    .elementor-176
    > .elementor-section
    > .elementor-container {
        width: calc(100% - 28px) !important;
    }


    #ugv-global-footer
    .elementor-element-0b04bf9
    .elementor-column {
        width: 100% !important;
    }


    #ugv-global-footer
    .elementor-element-0b04bf9 p {
        text-align: center !important;
    }
}



/* === UGV ELIMINAR HEADER DUPLICADO INICIO === */

/*
|--------------------------------------------------------------------------
| OCULTAR HEADER Y FOOTER NATIVOS DE HELLO ELEMENTOR
|--------------------------------------------------------------------------
|
| La cabecera y pie oficiales ahora los genera:
| #ugv-global-header
| #ugv-global-footer
|
*/

body:not(.elementor-editor-active) #site-header,
body:not(.elementor-editor-active) header#site-header,
body:not(.elementor-editor-active) .site-header {
    display: none !important;
}

body:not(.elementor-editor-active) #site-footer,
body:not(.elementor-editor-active) footer#site-footer,
body:not(.elementor-editor-active) .site-footer {
    display: none !important;
}


/*
|--------------------------------------------------------------------------
| BOTÓN MENÚ
|--------------------------------------------------------------------------
|
| En computadora no debe aparecer.
|
*/

#ugv-global-header .ugv-menu-toggle {
    display: none !important;
}


/*
|--------------------------------------------------------------------------
| TABLET / MOVIL
|--------------------------------------------------------------------------
*/

@media (max-width: 900px) {

    #ugv-global-header .ugv-menu-toggle {
        display: flex !important;

        align-items: center;
        justify-content: center;

        gap: 7px;

        margin-left: auto;

        padding: 10px 13px;

        background:
            var(--ugv-primary);

        color: #ffffff;

        border: 0;
        border-radius: 3px;

        font-weight: 700;

        cursor: pointer;
    }

}


/* === UGV ELIMINAR HEADER DUPLICADO FIN === */

/* === UGV MENU MOVIL DEFINITIVO INICIO === */

@media (max-width: 900px) {

    /*
    |--------------------------------------------------------------------------
    | BARRA SUPERIOR
    |--------------------------------------------------------------------------
    */

    #ugv-global-header
    .elementor-175
    > .elementor-element-a87d4c6
    > .elementor-container {

        width:
            calc(100% - 28px) !important;

        padding:
            5px 0 !important;

        display:
            block !important;
    }


    #ugv-global-header
    .elementor-element-a87d4c6
    .elementor-column {

        width:
            100% !important;

        max-width:
            100% !important;
    }


    #ugv-global-header
    .elementor-element-a87d4c6
    p {

        margin:
            2px 0 !important;

        text-align:
            center !important;

        font-size:
            12px !important;

        line-height:
            1.4 !important;
    }


    /*
    |--------------------------------------------------------------------------
    | CABECERA PRINCIPAL
    |--------------------------------------------------------------------------
    */

    #ugv-global-header
    .elementor-175
    > .elementor-element-acf7d05 {

        overflow:
            visible !important;
    }


    #ugv-global-header
    .elementor-175
    > .elementor-element-acf7d05
    > .elementor-container {

        width:
            calc(100% - 28px) !important;

        min-height:
            82px !important;

        margin:
            0 auto !important;

        padding:
            9px 0 !important;

        display:
            flex !important;

        flex-wrap:
            nowrap !important;

        align-items:
            center !important;

        position:
            relative !important;

        overflow:
            visible !important;
    }


    /*
    |--------------------------------------------------------------------------
    | LOGO + NOMBRE
    |--------------------------------------------------------------------------
    */

    #ugv-global-header
    .elementor-element-d72784b {

        width:
            72% !important;

        flex:
            0 0 72% !important;
    }


    #ugv-global-header
    .elementor-element-d72784b
    > .elementor-widget-wrap {

        display:
            flex !important;

        flex-direction:
            row !important;

        flex-wrap:
            nowrap !important;

        align-items:
            center !important;

        padding:
            0 !important;
    }


    #ugv-global-header
    .ugv-header-logo {

        width:
            auto !important;

        flex:
            0 0 auto !important;

        margin:
            0 12px 0 0 !important;
    }


    #ugv-global-header
    .ugv-header-logo img {

        width:
            auto !important;

        height:
            58px !important;

        max-width:
            72px !important;
    }


    #ugv-global-header
    .ugv-header-name {

        width:
            auto !important;

        flex:
            1 1 auto !important;

        margin:
            0 !important;
    }


    #ugv-global-header
    .ugv-header-name
    .elementor-heading-title {

        font-size:
            18px !important;

        line-height:
            1.18 !important;

        white-space:
            normal !important;
    }


    /*
    |--------------------------------------------------------------------------
    | COLUMNA DEL MENÚ
    |--------------------------------------------------------------------------
    */

    #ugv-global-header
    .elementor-element-1fbbb10 {

        width:
            28% !important;

        flex:
            0 0 28% !important;

        position:
            static !important;
    }


    #ugv-global-header
    .elementor-element-1fbbb10
    > .elementor-widget-wrap {

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            flex-end !important;

        padding:
            0 !important;

        position:
            static !important;
    }


    #ugv-global-header
    .elementor-element-1fbbb10
    .elementor-widget-shortcode,

    #ugv-global-header
    .ugv-primary-nav {

        width:
            auto !important;

        position:
            static !important;
    }


    /*
    |--------------------------------------------------------------------------
    | BOTÓN MENÚ
    |--------------------------------------------------------------------------
    */

    #ugv-global-header
    .ugv-menu-toggle {

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            6px !important;

        min-width:
            82px !important;

        min-height:
            42px !important;

        margin:
            0 0 0 auto !important;

        padding:
            9px 11px !important;

        background:
            var(--ugv-primary) !important;

        color:
            #ffffff !important;

        border:
            0 !important;

        border-radius:
            3px !important;

        font-size:
            15px !important;

        line-height:
            1 !important;

        font-weight:
            700 !important;

        cursor:
            pointer !important;
    }


    /*
    |--------------------------------------------------------------------------
    | PANEL PRINCIPAL DEL MENÚ
    |--------------------------------------------------------------------------
    */

    #ugv-global-header
    .ugv-menu-list {

        display:
            none !important;

        position:
            absolute !important;

        top:
            100% !important;

        left:
            0 !important;

        right:
            0 !important;

        width:
            100% !important;

        max-height:
            72vh !important;

        overflow-x:
            hidden !important;

        overflow-y:
            auto !important;

        z-index:
            999999 !important;

        margin:
            0 !important;

        padding:
            7px !important;

        background:
            #ffffff !important;

        border:
            1px solid
            color-mix(
                in srgb,
                var(--ugv-secondary) 22%,
                #ffffff
            ) !important;

        box-shadow:
            0 12px 28px
            rgba(0,0,0,.14) !important;
    }


    #ugv-global-header
    .ugv-primary-nav.is-open
    > .ugv-menu-list {

        display:
            block !important;
    }


    /*
    |--------------------------------------------------------------------------
    | OPCIONES PRINCIPALES
    |--------------------------------------------------------------------------
    */

    #ugv-global-header
    .ugv-menu-list
    > li {

        display:
            block !important;

        width:
            100% !important;

        margin:
            0 !important;

        border-bottom:
            1px solid
            color-mix(
                in srgb,
                var(--ugv-secondary) 17%,
                #ffffff
            ) !important;
    }


    #ugv-global-header
    .ugv-menu-list
    > li:last-child {

        border-bottom:
            0 !important;
    }


    #ugv-global-header
    .ugv-menu-list
    > li
    > a {

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            flex-start !important;

        width:
            100% !important;

        min-height:
            47px !important;

        padding:
            0 13px !important;

        color:
            var(--ugv-text) !important;

        background:
            #ffffff !important;

        border:
            0 !important;

        font-size:
            16px !important;

        line-height:
            1.3 !important;

        text-align:
            left !important;
    }


    /*
    |--------------------------------------------------------------------------
    | FLECHA DE SUBMENÚ
    |--------------------------------------------------------------------------
    */

    #ugv-global-header
    .ugv-menu-list
    .menu-item-has-children
    > a::after {

        content:
            "▾" !important;

        margin-left:
            auto !important;

        padding-left:
            12px;

        color:
            var(--ugv-accent) !important;

        transition:
            transform .18s ease;
    }


    #ugv-global-header
    .ugv-menu-list
    .menu-item-has-children.submenu-open
    > a::after {

        transform:
            rotate(180deg);
    }


    /*
    |--------------------------------------------------------------------------
    | SUBMENÚS
    |--------------------------------------------------------------------------
    */

    #ugv-global-header
    .ugv-menu-list
    .sub-menu {

        display:
            none !important;

        position:
            static !important;

        width:
            100% !important;

        min-width:
            0 !important;

        margin:
            0 !important;

        padding:
            5px 0 8px 14px !important;

        opacity:
            1 !important;

        visibility:
            visible !important;

        transform:
            none !important;

        background:
            color-mix(
                in srgb,
                var(--ugv-secondary) 6%,
                #ffffff
            ) !important;

        border:
            0 !important;

        box-shadow:
            none !important;
    }


    #ugv-global-header
    .ugv-menu-list
    .menu-item-has-children.submenu-open
    > .sub-menu {

        display:
            block !important;
    }


    #ugv-global-header
    .ugv-menu-list
    .sub-menu li {

        display:
            block !important;

        width:
            100% !important;

        margin:
            0 !important;
    }


    #ugv-global-header
    .ugv-menu-list
    .sub-menu a {

        display:
            block !important;

        width:
            100% !important;

        padding:
            10px 13px !important;

        color:
            var(--ugv-text) !important;

        background:
            transparent !important;

        font-size:
            15px !important;

        line-height:
            1.35 !important;

        text-align:
            left !important;

        border:
            0 !important;
    }


    #ugv-global-header
    .ugv-menu-list
    .sub-menu a:hover,

    #ugv-global-header
    .ugv-menu-list
    .sub-menu a:focus {

        color:
            var(--ugv-primary) !important;

        background:
            color-mix(
                in srgb,
                var(--ugv-accent) 12%,
                #ffffff
            ) !important;
    }

}


/*
|--------------------------------------------------------------------------
| TELÉFONOS PEQUEÑOS
|--------------------------------------------------------------------------
*/

@media (max-width: 520px) {

    #ugv-global-header
    .elementor-element-d72784b {

        width:
            70% !important;

        flex:
            0 0 70% !important;
    }


    #ugv-global-header
    .elementor-element-1fbbb10 {

        width:
            30% !important;

        flex:
            0 0 30% !important;
    }


    #ugv-global-header
    .ugv-header-logo img {

        height:
            54px !important;
    }


    #ugv-global-header
    .ugv-header-name
    .elementor-heading-title {

        font-size:
            17px !important;
    }


    #ugv-global-header
    .ugv-menu-toggle {

        min-width:
            76px !important;

        padding:
            9px !important;

        font-size:
            14px !important;
    }

}


/* === UGV MENU MOVIL DEFINITIVO FIN === */