/* ECUADORUTIL: HEADER NAVBAR IDENTITY01 GLOBAL V1 START */

/*
 * Globalizes only the approved HOME navbar identity.
 * No home content, footer, cards, hero or page-layout rules are included here.
 */

.main-navbar{
    min-height:60px;
    background:#fff!important;
    border-bottom:1px solid #eef2f4;
    box-shadow:none!important;
}

.main-navbar .container,
.main-navbar .nav-content{
    width:min(1480px,calc(100% - 40px));
    max-width:1480px!important;
    margin-inline:auto;
}

.main-navbar .nav-content{
    min-height:60px;
    padding:5px 0;
}

.main-navbar .brand-text{
    position:relative;
    min-width:300px;
    min-height:48px;
    padding:6px 0 4px 54px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    line-height:1;
}

.main-navbar .brand-text>i{
    display:none!important;
}

.main-navbar .brand-text::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:44px;
    height:44px;
    transform:translateY(-50%);
    background:url('/images/home-v2/ecuadorutil-home-v2-leaf-mark-hq.webp') center/contain no-repeat;
}

.main-navbar .brand-text::after{
    content:"Trámites más simples, un Ecuador más fuerte";
    margin-top:4px;
    color:#55708e;
    font-size:.67rem;
    font-weight:500;
    white-space:nowrap;
}

.main-navbar .brand-text span{
    color:#0b1932;
    font-size:1.55rem;
    font-weight:850;
    letter-spacing:-.04em;
}

.main-navbar .brand-text strong{
    color:#079348;
}

.main-navbar .nav-menu{
    gap:22px;
}

.main-navbar .nav-menu>li>a{
    position:relative;
    padding:18px 0 17px;
    color:#142342;
    font-size:.84rem;
    font-weight:650;
}

.main-navbar .nav-menu>li>a.active{
    color:#07883f;
}

.main-navbar .nav-menu>li>a.active::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:8px;
    height:2px;
    border-radius:99px;
    background:#069447;
}

.main-navbar .nav-actions{
    gap:8px;
}

.main-navbar .theme-btn{
    display:none!important;
}

.eu3-nav-search{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid #e2e9ef;
    border-radius:50%;
    color:#102342;
    background:#f8fafc;
}

.main-navbar .nav-session-desktop{
    gap:8px;
}

.main-navbar .nav-login-btn,
.main-navbar .nav-account-btn,
.main-navbar .nav-cv-btn{
    min-height:38px;
    border-radius:9px;
    font-size:.79rem;
}

.main-navbar .nav-account-btn{
    background:#078f45;
    color:#fff;
    border-color:#078f45;
}

.main-navbar .nav-cv-btn{
    background:#edf9f1;
    color:#087f3e;
    border:1px solid #c9ead5;
}

body.dark-mode .main-navbar{
    background:#fff!important;
}

body.dark-mode .main-navbar .brand-text span,
body.dark-mode .main-navbar .nav-menu>li>a{
    color:#142342!important;
}

@media (min-width:1281px){
    .main-navbar .container,
    .main-navbar .nav-content{
        width:min(1740px,calc(100% - 36px));
        max-width:1740px!important;
    }
}

@media (max-width:1280px){
    .main-navbar .brand-text{
        min-width:250px;
    }
}

@media (max-width:992px){
    .main-navbar .brand-text::after{
        display:none;
    }

    .main-navbar .brand-text{
        min-width:0;
        padding-left:48px;
    }
}

@media (max-width:768px){
    .main-navbar .container,
    .main-navbar .nav-content{
        width:min(100% - 24px,680px);
    }
}



/* ECUADORUTIL: C01 CANONICAL NAVBAR HOME VARIANT START */
/*
 * Explicit Home presentation variant owned by the shared navbar component.
 * Menu/toggle open-state and the mobile boundary remain canonical at 992px.
 */
.main-navbar.main-navbar--home .container,
.main-navbar.main-navbar--home .nav-content{
    width:min(var(--euv8-container),calc(100% - 48px))!important;
    max-width:var(--euv8-container)!important;
}
.main-navbar.main-navbar--home .nav-content{gap:18px}
.main-navbar.main-navbar--home .brand-text{
    min-width:238px;
    flex:0 0 238px;
    padding-left:50px;
}
.main-navbar.main-navbar--home .brand-text::before{
    width:42px;
    height:42px;
}
.main-navbar.main-navbar--home .brand-text span{font-size:1.42rem}
.main-navbar.main-navbar--home .brand-text::after{font-size:.64rem}
.main-navbar.main-navbar--home .nav-menu{
    flex:1 1 auto;
    justify-content:center;
    gap:20px;
    min-width:0;
}
.main-navbar.main-navbar--home .nav-menu>li>a{
    font-size:.82rem;
    white-space:nowrap;
}
.main-navbar.main-navbar--home .nav-menu>li>a:hover,
.main-navbar.main-navbar--home .nav-menu>li>a:focus-visible,
.main-navbar.main-navbar--home .nav-menu>li>a.active{
    color:var(--euv8-green-dark);
}
.main-navbar.main-navbar--home .nav-menu>li>a:hover::after,
.main-navbar.main-navbar--home .nav-menu>li>a:focus-visible::after,
.main-navbar.main-navbar--home .nav-menu>li>a.active::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:8px;
    height:2px;
    border-radius:99px;
    background:var(--euv8-green);
}
.main-navbar.main-navbar--home .nav-actions,
.main-navbar.main-navbar--home .nav-session-desktop{
    flex:0 0 auto;
    gap:8px;
    white-space:nowrap;
}
.main-navbar.main-navbar--home .nav-login-btn,
.main-navbar.main-navbar--home .nav-account-btn,
.main-navbar.main-navbar--home .nav-cv-btn{
    min-height:40px;
    height:40px;
    padding-inline:13px;
    font-size:.78rem;
    line-height:1;
    white-space:nowrap!important;
    flex:0 0 auto;
}
.main-navbar.main-navbar--home .nav-account-btn{min-width:166px}
.main-navbar.main-navbar--home .eu3-nav-search{
    width:40px;
    height:40px;
    flex:0 0 40px;
}
@media (max-width:1260px){
    .main-navbar.main-navbar--home .brand-text{
        min-width:205px;
        flex-basis:205px;
    }
    .main-navbar.main-navbar--home .brand-text::after{display:none}
    .main-navbar.main-navbar--home .nav-menu{gap:14px}
    .main-navbar.main-navbar--home .nav-menu>li>a{font-size:.77rem}
    .main-navbar.main-navbar--home .nav-login-btn,
    .main-navbar.main-navbar--home .nav-account-btn,
    .main-navbar.main-navbar--home .nav-cv-btn{
        padding-inline:11px;
        font-size:.75rem;
    }
    .main-navbar.main-navbar--home .nav-account-btn{min-width:154px}
}
@media (min-width:993px) and (max-width:1080px){
    .main-navbar.main-navbar--home .nav-login-btn{display:none}
    .main-navbar.main-navbar--home .nav-account-btn{min-width:165px}
}
@media (max-width:680px){
    .main-navbar.main-navbar--home .container,
    .main-navbar.main-navbar--home .nav-content{
        width:calc(100% - 32px)!important;
    }
    .main-navbar.main-navbar--home .nav-account-btn,
    .main-navbar.main-navbar--home .eu3-nav-search{display:none}
}
/* ECUADORUTIL: C01 CANONICAL NAVBAR HOME VARIANT END */

/* ECUADORUTIL: HEADER NAVBAR IDENTITY01 GLOBAL V1 END */