html {
    scroll-behavior: smooth;
}

.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: white;
    color: blueviolet;
}


.div_nav {
    display: flex;
    gap: 40px;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
}


.link {
    color: darkgray;
    font-weight: 700;
    text-decoration: none !important;
}

@media(max-width:768px) {
    .link {
        padding: 1.5rem;
    }
}

.link a {
    text-decoration: none !important;
}

/* Estilos para el botón activo en la navegación */

.menu-link.active {
    color: #9d1f2e;
    /* Cambia el color o agrega cualquier estilo que quieras */
    font-weight: bold;
}



.navDesplegable {
    width: 100%;
    background-color: white;


}

.linkNav {
    display: flex;
    justify-content: center;
    align-items: center;
}

.menuButton {
    width: 25px;
    height: 25px;
    position: relative;
    cursor: pointer;
    border: none;
    background-color: transparent;
}

.line {
    width: 100%;
    height: 2px;
    background-color: darkgray;
    display: block;
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease, width 0.2s ease;
}

.line_top {
    transform: translate(-50%, -10px);
}

.line_bottom {
    transform: translate(-50%, 7px);
}

.open .line_top {
    transform: translate(-50%, -50%)rotate(45deg);
}

.open .line_bottom {
    transform: translate(-50%, -50%)rotate(-45deg);
}

.open .line_mid {
    width: 0;
}

/* .menu{
    border:1px solid red;
    height:100px;
    transition: opacity .7s;
    width:100px;
}
.mobileMenu{
    opacity: 0;
} */
/* Clase para mostrar el menú */

.menu {
    background-color: white;
    height: 0;
    width: 100%;
    opacity: 0;
    transition: height 0.4s ease, opacity 0.4s ease;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

@media(min-width:768px) {
    .menu {
        height: auto;
        opacity: 1;
        top: auto;
        left: auto;

    }
}

/* .mobileMenu {
    height: 100px;
    opacity: 1;
    visibility: visible;
    cursor: pointer;
    margin-bottom: 10px;
} */

.nostrar {
    display: flex;
    flex-direction: column;
    margin-top: 8px;

}

.quitar {
    display: none;
}

.container_img {
    position: relative;
    display: inline-block;
}

.container_img img {
    width: 100%;
    /* Ajusta el tamaño de la imagen */
    height: auto;
}

.text-overlay {
    position: absolute;
    top: 43%;
    /* Ajusta la posición vertical */
    left: 65%;
    /* Ajusta la posición horizontal */
    transform: translate(-70%, -30%);
    /* Centra el texto */
    /*color: white; /* Color del texto */
    /*font-size: 24px; /* Tamaño de fuente */
    width: 79%;
    /*font-weight: bold; /* Estilo del texto */
    /*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Sombra para el texto */
}