
    body {
        padding-top: 80px; /* Ajusta el padding-top inicial a la altura del navbar */
        transition: padding-top 0.3s ease;
    }
    
    #mainNav {
        background-color: #191919;
        transition: all 0.3s ease;
        padding: 15px 0;
        z-index: 1030;
    }
    
    #mainNav.scrolled {
        background-color: rgba(25, 25, 25, 0.9);
        padding: 10px 0;
    }
    
    .nav__menu {
        color: #FFF;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 16px;
        transition: color 0.3s ease;
    }
    
    .nav__menu:hover, .active__header {
        color: #BF336A;
    }
    
    .navbar-brand img {
        height: 80px;
        transition: height 0.3s ease;
    }
    
    #mainNav.scrolled .navbar-brand img {
        height: 60px;
    }





footer {
    background-color: #131313;
    padding: 100px 50px 50px;
    position: relative;
    z-index: 0;
}



/* Footer Link and Section Titles */
.footer__secciones {
    color: var(--Blanco, #fff);
    font-family: 'Lato';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.nav__footer {
    color: #fff !important;
    font-family: 'Lato';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 0;

}

.nav__footer:hover {
    color: #831842 !important;
    font-size: 16px;
}

/* Contact Info Styles */
.contact-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.contact-item svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.text-by-lazo{
    color: #FFF;
font-family: 'Lato';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

/* .contact-item a {
    color: var(--Celeste, #F7F9FC);
    font-family: 'Sarabun';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

.contact-item a:hover {
    color: #030303;
} */