.top-manual {
    top: 152%;
}

.w-manual {
    width: 80%;
}

img.iso-img:hover {
    filter: grayscale(90%);
    /* Cambia el tono de color */
}


div.filosofia-div {
    padding-top: 4%;
    padding-bottom: 5%;
}

img.img-filosofia {
    width: auto;
    height: 450px;
    max-width: 100%;
    max-height: 100%;
    /* Ajusta la imagen al div manteniendo una proporción adecuada */

}

div.filosofia-column {
    padding-inline: 10%;
}

div.pedido-div {
    padding-top: 6%;
    padding-bottom: 6%;
}

div.pedido-div2 {
    background-color: rgba(143, 143, 143, 0.09);
    width: 80%;
    padding: 4%;
    padding-top: 5%;
}

a.link-custom {
    display: inline-block;
    /* Para que se comporte como un botón */
    background-color: black;
    /* Fondo negro */
    color: white;
    /* Texto blanco */
    text-decoration: none;
    /* Quitar subrayado */
    border: 1px solid black;
    /* Borde negro */
    padding: 10px 20px;
    /* Espaciado interno */
    font-weight: bold;
    /* Texto en negrita */
    transition: all 0.3s ease;
    /* Suavizar transición */
}

a.link-custom:hover {
    background-color: transparent;
    /* Fondo blanco */
    color: black;
    /* Texto negro */
    border: 1px solid black;
    /* Borde negro */
    text-decoration: none;
    /* Mantener sin subrayado al pasar el mouse */
}

@media (max-width: 991px) {
    .navbar-toggler {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 1050;
    }

    .navbar-collapse {
        background: white;
        padding: 10px;
    }

    .navbar-nav {
        text-align: right;
    }
}