/*MENU DE NAVEGACION*/
.menu-navegacion {
    background-color: black;
    width: 100%;
    height: 80px;
}

.menu-navegacion a {
    color: goldenrod;
}

.menu-navegacion a:hover {
    color: white;
}

.navbar-toggler {
    background-color: goldenrod;
}

/*ESTILOS NAVBAR COLAPSADO*/
@media (max-width: 991.98px) {
    .navbar-collapse.show {
        position: absolute;
        top: 100%;
        /* justo debajo del navbar */
        left: 0;
        width: 100%;
        z-index: 9999;
    }

    .navbar-collapse.show .navbar-nav {
        background-color: rgba(218, 165, 32, 0.673);
        padding: 1rem;
        border-radius: 5px;
    }

    .navbar-collapse.show .nav-link {
        color: black;
    }

    .navbar-collapse.show .nav-link:hover {
        color: white;
    }

    nav.navbar {
        position: relative;
        z-index: 1000;
        /* suficiente para estar por encima del contenido */

    }

}

/*==========*/
/*HERO SECCION (HEADER)*/
.hero-seccion {
    height: 500px;
    background-image: url("../../img/fondo-seccion.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.titulo-hero {
    padding-top: 200px;
}

/*===============*/
/*HERO PRESENTACION*/
.hero-presentacion {
    height: 620px;
    background-image: url("../../img/fondo-negro.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.card-presentacion {
    width: 800px;
    margin: 0 auto;
    margin-top: 130px;
    background-color: aqua;
    border-radius: 20px;
    border: 5px solid goldenrod;
    background-image: url("../../img/textura.png");
    background-size: cover;
    background-position: center;
}

.parrafo-presentacion p {
    margin-top: 90px;
    margin-left: 50px;
    font-size: 18px;
    color: goldenrod;
}

.imagen-presentacion img {
    margin-left: 30px;
}

.imagen-tarjeta {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.imagen-tarjeta:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.card-img-top {
    object-fit: cover;
    height: 180px;
}

/*MENU DESPEGABLE CULTURA INTERNET*/
.dropdown-menu{
    background-color: black;
}
.dropdown-menu a:hover{
    background-color: gold;
    color: white;
}
/*FOOTER ESTILOS*/
footer {
    background-color: black;
    color: goldenrod;
    height: 100px;
}

footer p {
    padding-top: 40px;
}

body {
    font-family: 'Roboto', sans-serif;
}