@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@media (max-width: 768px) {
    #mural {
        background-image: url("../img/mural.jpg?v4");
        background-size: cover;
        height: auto;
        min-height: 400px;
        padding: 0;
        background-repeat: no-repeat;
        background-position: center 0px !important;
    }

    nav {
        border-bottom: 4px solid #d9a500;
    }

}

html,
body {

    font-family: "Open Sans", serif;

}

#mural {
    background-image: url("../img/mural.jpg?v3");
    background-size: cover;
    height: auto;
    min-height: 400px;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center -30px;
}

#unam {
    height: 70px;
    margin-top: 25px;
}

#ssacu {
    height: 65px;
    margin-top: 25px;

}


#fondo_header {
    height: 120px;
    padding: 0px;
}

/* General navbar-dark styles */
.navbar-dark {
    color: rgba(255, 255, 255, 1);
    /* Default text color */
}

/* Navbar brand (logo or name) */
.navbar-dark .navbar-brand {
    color: #fff;
    /* White color for the brand */
}

/* Navbar links */
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 1);
    /* Default link color */
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75);
    /* Link color on hover */
}

.navbar-dark .navbar-nav .nav-link.active {
    color: #fff;
    /* Active link color */
}

/* Dropdown menu styles */
.navbar-dark .dropdown-menu {
    background-color: #031b71;
    /* Dark background for dropdown */
}

.navbar-dark .dropdown-item {
    color: rgba(255, 255, 255, 1);
    /* Dropdown item text color */
}

.navbar-dark .dropdown-item:hover,
.navbar-dark .dropdown-item:focus {
    color: #fff;
    /* Dropdown item text on hover */
    background-color: rgba(255, 255, 255, 0.1);
    /* Dropdown item background on hover */
}

.navbar-dark .dropdown-item.active {
    color: #fff;
    /* Active dropdown item text */
    background-color: rgba(255, 255, 255, 0.2);
    /* Active dropdown item background */
}