﻿header {
    background-color: #ec1c24 !important;
    padding: 0;
}

.navbar-custom {
    background-color: #ec1c24 !important; /* rojo vivo */
    padding: 0.5rem 1rem;
}

    .navbar-custom .nav-link {
        color: white;
        font-weight: bold;
        position: relative;
        margin-left: 1rem;
        margin-right: 1rem;
    }

        .navbar-custom .nav-link::after {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            background-color: white;
            bottom: -5px;
            left: 0;
            transform: scaleX(0);
            transition: transform 0.3s ease;
            transform-origin: bottom left;
        }

        .navbar-custom .nav-link:hover::after,
        .navbar-custom .nav-link.active::after {
            transform: scaleX(1);
        }

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: white !important;
    font-weight: 900;
}

.navbar-brand img {
    height: 100px;
}
