.elementor-14 .elementor-element.elementor-element-45f21c9b{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-41d276c0{--display:flex;--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;--align-items:center;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-14 .elementor-element.elementor-element-7d043aa1{text-align:start;}.elementor-14 .elementor-element.elementor-element-7d043aa1 img{width:160px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-14 .elementor-element.elementor-element-254370b9{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-14 .elementor-element.elementor-element-254370b9 .elementor-menu-toggle{margin:0 auto;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-14 .elementor-element.elementor-element-7636b705 .elementor-button{background-color:#FFFFFF;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:500;fill:#00A9E8;color:#00A9E8;border-style:solid;border-width:2px 2px 2px 2px;border-color:#00A9E8;border-radius:6px 6px 6px 6px;}.elementor-14 .elementor-element.elementor-element-7636b705 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-45f21c9b{--content-width:100%;}.elementor-14 .elementor-element.elementor-element-41d276c0{--content-width:100%;}}/* Start custom CSS for container, class: .elementor-element-45f21c9b */.averola-sitepart{--navy:#0B1F3A;--green:#00A653;--cyan:#00A9E8;--gold:#D9A21B;--light:#F3F5F6;--text:#303942;--border:#DDE3E7;font-family:"Manrope",sans-serif}
.averola-sitepart *{box-sizing:border-box}
.averola-sitepart .elementor-heading-title,.averola-sitepart .elementor-widget-text-editor,.averola-sitepart .elementor-button,.averola-sitepart .elementor-nav-menu a{font-family:"Manrope",sans-serif}

.averola-header{background:#fff;border-bottom:1px solid rgba(11,31,58,.08);width:100%}
.averola-header-inner{max-width:1280px;min-height:88px;padding:0 40px;margin:0 auto;display:flex;align-items:center;gap:32px}
.averola-header-logo{width:160px;flex:0 0 160px}.averola-header-logo img{width:100%;height:auto;object-fit:contain}
.averola-header-nav{flex:1 1 auto;display:flex;justify-content:center}
.averola-header-nav .elementor-nav-menu--main .elementor-item{color:var(--navy);font-size:14px;line-height:1;font-weight:600;padding:36px 15px}
.averola-header-nav .elementor-nav-menu--main .elementor-item:hover,.averola-header-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--green)}
.averola-header-nav .elementor-nav-menu--main .elementor-item:after{height:2px;background:var(--green)}
.averola-header-cta{flex:0 0 auto}.averola-header-cta .elementor-button{min-height:48px;padding:0 24px;border-radius:5px;background:var(--navy);color:#fff;font-size:14px;font-weight:700;border:1px solid var(--navy)}
.averola-header-cta .elementor-button:hover{background:var(--green);border-color:var(--green)}
@media(max-width:1024px){.averola-header-inner{min-height:80px;padding:0 32px;gap:20px}.averola-header-logo{width:145px;flex-basis:145px}.averola-header-nav{justify-content:flex-end}}
@media(max-width:767px){.averola-header-inner{min-height:72px;padding:0 20px;gap:14px}.averola-header-logo{width:138px;flex-basis:138px}.averola-header-cta{display:none}.averola-header-nav{margin-left:auto}}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   AVEROLA NEXUS — FLOATING HEADER FINAL
   BASADO EN EL HTML REAL DEL HEADER
   ========================================================= */


/* =========================================================
   01. CONTENEDOR EXTERIOR DEL HEADER
   .averola-main-nav ES EL CONTAINER EXTERIOR,
   NO EL WIDGET DE MENU
   ========================================================= */

.elementor-page .averola-main-nav{
    width:100% !important;
    max-width:none !important;

    padding:14px 0 12px !important;

    position:relative !important;
    z-index:9999 !important;

    overflow:visible !important;

    background:transparent !important;
}


/* Este es el primer wrapper boxed generado por Elementor */

.elementor-page .averola-main-nav > .e-con-inner{
    display:block !important;

    width:calc(100% - 80px) !important;
    max-width:1560px !important;

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

    overflow:visible !important;
}


/* =========================================================
   02. CONTAINER INTERIOR DEL HEADER
   ========================================================= */

.elementor-page .averola-header-inner{
    width:100% !important;
    max-width:none !important;

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

    overflow:visible !important;
}


/* ESTE ES EL PILL BLANCO */

.elementor-page .averola-header-inner > .e-con-inner{
    width:100% !important;
    max-width:none !important;

    min-height:94px !important;

    display:grid !important;

    grid-template-columns:
        210px
        minmax(0, 1fr)
        260px !important;

    align-items:center !important;

    column-gap:28px !important;

    margin:0 !important;

    padding:12px 30px !important;

    box-sizing:border-box !important;

    overflow:visible !important;

    background:#FFFFFF !important;

    border:1px solid rgba(11,31,58,.055) !important;

    border-radius:999px !important;

    box-shadow:
        0 14px 42px rgba(11,31,58,.075) !important;
}


/* =========================================================
   03. LOGO
   ========================================================= */

.elementor-page
.averola-header-inner
> .e-con-inner
> .elementor-widget-theme-site-logo{

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

    margin:0 !important;

    justify-self:start !important;
}


.elementor-page
.averola-header-inner
.elementor-widget-theme-site-logo img{

    display:block !important;

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

    height:auto !important;

    margin:0 !important;
}


/* =========================================================
   04. WIDGET REAL DE NAVIGATION
   ========================================================= */

.elementor-page
.averola-header-inner
> .e-con-inner
> .elementor-widget-nav-menu{

    width:100% !important;
    max-width:none !important;
    min-width:0 !important;

    margin:0 !important;

    justify-self:stretch !important;

    overflow:visible !important;
}


.elementor-page
.averola-header-inner
.elementor-widget-nav-menu
.elementor-nav-menu--main{

    width:100% !important;

    overflow:visible !important;
}


.elementor-page
.averola-header-inner
.elementor-widget-nav-menu
.elementor-nav-menu--main
> ul.elementor-nav-menu{

    width:100% !important;

    display:flex !important;

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

    flex-wrap:nowrap !important;

    gap:2px !important;

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

    overflow:visible !important;

    white-space:nowrap !important;
}


/* =========================================================
   05. ITEMS DEL MENU PRINCIPAL
   ========================================================= */

.elementor-page
.averola-header-inner
.elementor-nav-menu--main
> ul
> li{

    position:relative !important;

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


.elementor-page
.averola-header-inner
.elementor-nav-menu--main
> ul
> li
> a.elementor-item{

    position:relative !important;

    display:flex !important;

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

    min-height:64px !important;

    padding:20px 12px !important;

    font-family:"Manrope", Arial, sans-serif !important;

    font-size:15px !important;
    font-weight:600 !important;

    line-height:1.15 !important;

    color:#243043 !important;

    white-space:nowrap !important;

    transition:
        color .18s ease !important;
}


/* =========================================================
   06. FLECHAS DEL MENU
   ========================================================= */

.elementor-page
.averola-header-inner
.elementor-nav-menu--main
.sub-arrow{

    margin-left:7px !important;

    padding:0 !important;
}


.elementor-page
.averola-header-inner
.elementor-nav-menu--main
.sub-arrow svg{

    width:9px !important;
    height:9px !important;
}


/* =========================================================
   07. ACTIVE / HOVER
   ========================================================= */

.elementor-page
.averola-header-inner
.elementor-nav-menu--main
> ul
> li
> a.elementor-item:hover,

.elementor-page
.averola-header-inner
.elementor-nav-menu--main
> ul
> li.current-menu-item
> a.elementor-item,

.elementor-page
.averola-header-inner
.elementor-nav-menu--main
> ul
> li.current-menu-ancestor
> a.elementor-item{

    color:#087A46 !important;
}


/* =========================================================
   08. UNDERLINE
   ========================================================= */

.elementor-page
.averola-header-inner
.elementor-nav-menu--main
> ul
> li
> a.elementor-item::after{

    content:"" !important;

    position:absolute !important;

    left:50% !important;
    bottom:6px !important;

    width:0 !important;
    height:2px !important;

    background:#0FA653 !important;

    border:0 !important;

    border-radius:999px !important;

    opacity:1 !important;

    transform:translateX(-50%) !important;

    transition:
        width .18s ease !important;
}


.elementor-page
.averola-header-inner
.elementor-nav-menu--main
> ul
> li
> a.elementor-item:hover::after,

.elementor-page
.averola-header-inner
.elementor-nav-menu--main
> ul
> li.current-menu-item
> a.elementor-item::after,

.elementor-page
.averola-header-inner
.elementor-nav-menu--main
> ul
> li.current-menu-ancestor
> a.elementor-item::after{

    width:42px !important;
}


/* =========================================================
   09. SUBMENU
   PEGADO CORRECTAMENTE AL HEADER
   ========================================================= */

.elementor-page
.averola-header-inner
.elementor-nav-menu--main
> ul
> li.menu-item-has-children{

    position:relative !important;
}


.elementor-page
.averola-header-inner
.elementor-nav-menu--main
> ul
> li.menu-item-has-children
> ul.sub-menu{

    position:absolute !important;

    top:calc(100% - 1px) !important;

    left:50% !important;
    right:auto !important;

    transform:
        translateX(-50%) !important;

    margin:
        0 !important;

    margin-left:
        0 !important;

    margin-top:
        0 !important;

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

    padding:
        14px 20px !important;

    background:
        #FFFFFF !important;

    border:
        1px solid #E3E8EC !important;

    border-top:
        3px solid #087A46 !important;

    border-radius:
        0 0 18px 18px !important;

    box-shadow:
        0 20px 44px rgba(11,31,58,.11) !important;

    overflow:
        visible !important;

    z-index:
        99999 !important;
}


/* =========================================================
   10. PUENTE INVISIBLE
   ========================================================= */

.elementor-page
.averola-header-inner
.elementor-nav-menu--main
> ul
> li.menu-item-has-children
> ul.sub-menu::before{

    content:"" !important;

    position:absolute !important;

    left:0 !important;
    right:0 !important;

    top:-9px !important;

    height:9px !important;

    background:transparent !important;
}


/* =========================================================
   11. DIAMANTE VERDE
   ========================================================= */

.elementor-page
.averola-header-inner
.elementor-nav-menu--main
> ul
> li.menu-item-has-children
> ul.sub-menu::after{

    content:"" !important;

    position:absolute !important;

    top:-9px !important;

    left:50% !important;

    width:16px !important;
    height:16px !important;

    background:#087A46 !important;

    border-radius:2px !important;

    transform:
        translateX(-50%)
        rotate(45deg) !important;

    z-index:2 !important;
}


/* =========================================================
   12. SUBMENU ITEMS
   ========================================================= */

.elementor-page
.averola-header-inner
ul.sub-menu
> li{

    width:100% !important;

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

    list-style:none !important;

    border:0 !important;
}


.elementor-page
.averola-header-inner
ul.sub-menu
> li + li{

    border-top:
        1px solid #E7EBEE !important;
}


/* =========================================================
   13. SUBMENU LINKS
   ========================================================= */

.elementor-page
.averola-header-inner
ul.sub-menu
a.elementor-sub-item{

    position:relative !important;

    display:block !important;

    width:100% !important;

    min-width:0 !important;
    min-height:64px !important;

    margin:0 !important;

    padding:
        18px 55px
        18px 15px !important;

    background:
        transparent !important;

    border:
        0 !important;

    text-align:
        left !important;

    white-space:
        normal !important;

    font-family:
        "Manrope",
        Arial,
        sans-serif !important;

    font-size:
        14.5px !important;

    font-weight:
        650 !important;

    line-height:
        1.35 !important;

    color:
        #152238 !important;

    transition:
        color .18s ease,
        background .18s ease,
        padding-left .18s ease !important;
}


/* =========================================================
   14. DESCRIPTION OPCIONAL
   ========================================================= */

.elementor-page
.averola-header-inner
.averola-menu-desc{

    display:block !important;

    max-width:440px !important;

    margin-top:4px !important;

    font-family:
        "Manrope",
        Arial,
        sans-serif !important;

    font-size:
        12.5px !important;

    font-weight:
        400 !important;

    line-height:
        1.45 !important;

    color:
        #69768A !important;
}


/* =========================================================
   15. FLECHA DERECHA SUBMENU
   ========================================================= */

.elementor-page
.averola-header-inner
ul.sub-menu
a.elementor-sub-item::after{

    content:"→" !important;

    position:absolute !important;

    right:17px !important;

    top:50% !important;

    margin:0 !important;

    color:#0FA653 !important;

    font-size:22px !important;
    font-weight:400 !important;

    line-height:1 !important;

    transform:
        translateY(-50%) !important;

    transition:
        transform .18s ease !important;
}


/* =========================================================
   16. SUBMENU HOVER
   ========================================================= */

.elementor-page
.averola-header-inner
ul.sub-menu
a.elementor-sub-item:hover{

    color:
        #087A46 !important;

    background:
        #F5FAF7 !important;

    padding-left:
        20px !important;
}


.elementor-page
.averola-header-inner
ul.sub-menu
a.elementor-sub-item:hover::after{

    transform:
        translate(4px,-50%) !important;
}


/* =========================================================
   17. CTA REAL
   ES EL WIDGET BUTTON DIRECTO
   ========================================================= */

.elementor-page
.averola-header-inner
> .e-con-inner
> .elementor-widget-button{

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

    margin:0 !important;

    justify-self:end !important;
}


.elementor-page
.averola-header-inner
> .e-con-inner
> .elementor-widget-button
.elementor-button{

    display:flex !important;

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

    gap:10px !important;

    width:100% !important;

    min-height:54px !important;

    padding:
        0 26px !important;

    background:
        #087A46 !important;

    border:
        1px solid #087A46 !important;

    border-radius:
        999px !important;

    color:
        #FFFFFF !important;

    white-space:
        nowrap !important;

    font-family:
        "Manrope",
        Arial,
        sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        700 !important;

    box-shadow:
        0 7px 18px
        rgba(8,122,70,.15) !important;

    transition:
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease !important;
}


.elementor-page
.averola-header-inner
> .e-con-inner
> .elementor-widget-button
.elementor-button:hover{

    background:
        #07663C !important;

    transform:
        translateY(-1px) !important;

    box-shadow:
        0 10px 22px
        rgba(8,122,70,.21) !important;
}


/* =========================================================
   18. DESKTOP MEDIANO
   ========================================================= */

@media(max-width:1450px){

    .elementor-page
    .averola-main-nav > .e-con-inner{

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


    .elementor-page
    .averola-header-inner > .e-con-inner{

        grid-template-columns:
            190px
            minmax(0,1fr)
            215px !important;

        column-gap:
            20px !important;

        padding:
            11px 24px !important;
    }


    .elementor-page
    .averola-header-inner
    > .e-con-inner
    > .elementor-widget-theme-site-logo{

        width:
            190px !important;

        min-width:
            190px !important;

        max-width:
            190px !important;
    }


    .elementor-page
    .averola-header-inner
    .elementor-widget-theme-site-logo img{

        max-width:
            190px !important;
    }


    .elementor-page
    .averola-header-inner
    .elementor-nav-menu--main
    > ul
    > li
    > a.elementor-item{

        padding-left:
            9px !important;

        padding-right:
            9px !important;

        font-size:
            14px !important;
    }


    .elementor-page
    .averola-header-inner
    > .e-con-inner
    > .elementor-widget-button{

        width:
            215px !important;

        min-width:
            215px !important;

        max-width:
            215px !important;
    }
}


/* =========================================================
   19. LAPTOP
   ========================================================= */

@media(max-width:1200px){

    .elementor-page
    .averola-main-nav > .e-con-inner{

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


    .elementor-page
    .averola-header-inner > .e-con-inner{

        min-height:
            84px !important;

        grid-template-columns:
            165px
            minmax(0,1fr)
            180px !important;

        column-gap:
            12px !important;

        padding:
            9px 18px !important;
    }


    .elementor-page
    .averola-header-inner
    > .e-con-inner
    > .elementor-widget-theme-site-logo{

        width:
            165px !important;

        min-width:
            165px !important;

        max-width:
            165px !important;
    }


    .elementor-page
    .averola-header-inner
    .elementor-widget-theme-site-logo img{

        max-width:
            165px !important;
    }


    .elementor-page
    .averola-header-inner
    .elementor-nav-menu--main
    > ul
    > li
    > a.elementor-item{

        min-height:
            58px !important;

        padding:
            18px 6px !important;

        font-size:
            12.8px !important;
    }


    .elementor-page
    .averola-header-inner
    > .e-con-inner
    > .elementor-widget-button{

        width:
            180px !important;

        min-width:
            180px !important;

        max-width:
            180px !important;
    }


    .elementor-page
    .averola-header-inner
    > .e-con-inner
    > .elementor-widget-button
    .elementor-button{

        padding:
            0 14px !important;

        font-size:
            12px !important;
    }
}


/* =========================================================
   20. TABLET
   Elementor toma control con burger
   ========================================================= */

@media(max-width:1024px){

    .elementor-page
    .averola-main-nav{

        padding:
            8px 0 !important;
    }


    .elementor-page
    .averola-main-nav > .e-con-inner{

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


    .elementor-page
    .averola-header-inner > .e-con-inner{

        min-height:
            74px !important;

        display:grid !important;

        grid-template-columns:
            165px
            minmax(0,1fr)
            175px !important;

        padding:
            9px 16px !important;

        column-gap:
            12px !important;

        border-radius:
            26px !important;
    }


    .elementor-page
    .averola-header-inner
    > .e-con-inner
    > .elementor-widget-theme-site-logo{

        width:
            165px !important;

        min-width:
            165px !important;

        max-width:
            165px !important;
    }


    /* Mobile dropdown Elementor */

    .elementor-page
    .averola-header-inner
    .elementor-nav-menu--dropdown{

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        left:
            0 !important;

        transform:
            none !important;

        margin-top:
            8px !important;

        padding:
            6px !important;

        background:
            #FFFFFF !important;

        border:
            1px solid #E3E8EC !important;

        border-radius:
            14px !important;

        box-shadow:
            0 18px 36px
            rgba(11,31,58,.10) !important;
    }
}


/* =========================================================
   21. MOBILE
   ========================================================= */

@media(max-width:767px){

    .elementor-page
    .averola-main-nav > .e-con-inner{

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


    .elementor-page
    .averola-header-inner > .e-con-inner{

        min-height:
            68px !important;

        grid-template-columns:
            145px
            minmax(0,1fr) !important;

        padding:
            8px 13px !important;

        border-radius:
            20px !important;
    }


    .elementor-page
    .averola-header-inner
    > .e-con-inner
    > .elementor-widget-theme-site-logo{

        width:
            145px !important;

        min-width:
            145px !important;

        max-width:
            145px !important;
    }


    .elementor-page
    .averola-header-inner
    > .e-con-inner
    > .elementor-widget-button{

        display:
            none !important;
    }
}/* End custom CSS */