body{
    font-family: "Roboto", sans-serif;

}
a{
    transition: 0.5s;
    text-decoration: none;
}

.nav__menu__inicio{
    color: #000;
    font-family: 'Roboto';
    font-weight: 400;
    font-style: 'Regular';
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;

}

.nav__menu__inicio:hover{
    color: #007BC0;
}
.nav__menu__inicio-movile{
    color: #fff;
    font-family: 'Roboto';
    font-weight: 400;
    font-style: 'Regular';
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;

}

.nav__menu__inicio-movile:hover{
    color: #007BC0;
}

.active__header{
    color: #007BC0;
    font-weight: 700;
}

/* Ajustes header responsivo */
#mainHeader .navbar-brand {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

#mainHeader .brand-logo {
    width: auto;
    height: auto;
    max-height: 110px;
}


#mainHeader .brand-logo--secondary { max-height: 72px; }

#mainHeader .navbar-toggler {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

#mainHeader .navbar-toggler:focus {
    box-shadow: none;
}

#mainHeader .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0,0,0,0.7)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    background-size: 1.5rem 1.5rem;
}

@media (max-width: 992px) {
    #mainHeader { padding-top: 1.25rem; padding-bottom: 1.25rem; }
    #mainHeader .brand-logo--primary { max-height: 72px; }
    #mainHeader .brand-logo--secondary { max-height: 56px; }
}

@media (max-width: 576px) {
    #mainHeader .navbar-brand { gap: 0.75rem; }
    #mainHeader .brand-logo--primary { max-height: 48px; }
    #mainHeader .brand-logo--secondary { max-height: 44px; }
    #mainHeader .navbar-toggler { margin-left: auto; }
}