.header {
    padding: 10px;
    color: #000;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 1920px;
    position: relative;
}

.navbar-nav a {
    color: black;
}

.opcion {
    display: flex;
    align-items: flex-start;
    font-size: 18px;
    margin-right: 1.2em;
}

.footer {
    background-color: #26292e;
    padding: 2.5%;
    color: #fff;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 1920px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.footer-text {
    font-size: 0.7em;
    margin: auto;
}

.footer-linea {
    border-bottom: 1px solid white;
    margin-bottom: 0.5em;
    width: 2.5em;
}

.link-footer {
    text-decoration: none;
    color: white;
}

.mt-9 {
    margin-top: 4.5em;
}

.titulo-menu-footer {
    margin-bottom: 1.5rem;
    font-weight: bold;
}

.btn-link {
    display: block;
    margin-bottom: 1.5rem;
    padding: 0;
    text-align: left;
    color: #fff;
    text-decoration: none;
    text-align:center;
}

.a-icon-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #fff;
}

.w-50-center {
    width: 90%;
}

.margin-movil-izquierda {
    width: 35% !important;
    height: auto;
    margin-left: 0% !important;
}

.margin-movil-derecha {
    width: 55% !important;
    height: auto;
}

.titulo-direccion {
    font-weight: bold;
}

.direccion {
    width: 60%;
    display: flex;
    flex-direction: row;
}

    .direccion i {
        margin-right: 1em;
        margin-left: 1%;
        margin-top: 2%;
    }

.movil {
    width: 60%;
    display: flex;
    flex-direction: row;
}

    .movil i {
        margin-right: 1em;
        margin-left: 1%;
        margin-top: 2%;
    }

.margin-movil-izquierda {
    height: 100%;
}

.footer-imagen {
    width: 40%;
}

.contenedor-links {
    width: 100%;
    height: 90%;
    display: flex;
    flex-direction: row;
}

.margin-movil-derecha div a {
    width: 100%;
    align-items: center;
}

.contenedor-imagenes {
    width: 100%;
    height: 10%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

    .contenedor-imagenes img {
        padding-left: 2%;
    }

.nav-link {
    cursor: pointer;
}

.btn-link {
     text-decoration: none !important; 
     cursor: pointer;
}

@media (max-width: 600px) {
    .header {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }

    .navbar-brand {
        width: 75%;
    }

    .footer {
        padding: 2em;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .margin-movil-izquierda {
        width: 100% !important;
    }

    .direccion {
        width: 100% !important;
    }

    .margin-movil-derecha {
        margin-top: 5%;
    }

        .margin-movil-derecha div a {
            font-size: 1.5em;
        }

    .contenedor-links {
        flex-direction: column;
    }

    .contenedor-imagenes {
        width: 100%;
        margin-left: 0%;
        display: flex;
        flex-direction: column;
    }

        .contenedor-imagenes img {
            margin-bottom: 5%;
        }

    .ocultar-movil {
        display: none;
    }

    .margin-movil {
        margin-bottom: 5.5em;
    }

    .link-footer {
        display: block;
    }

    .mt-9 {
        margin-top: 1.5em;
    }

    .w-50-center {
        width: 90%;
    }

    .div-icon {
        width: 50px !important;
        padding: 0.5em;
    }

    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 10;
        background-color: white;
        border-top: 1px solid #ddd;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

        .navbar-collapse.show {
            display: block;
        }

    .navbar-toggler {
        z-index: 20;
    }

    .navbar-nav a {
        width: 60%;
        margin: auto;
        font-weight: bold;
        display: flex;
        justify-content: center;
    }
}

@media (min-width: 600px) and (max-width: 800px) {
    .navbar-nav a {
        width: 60%;
        margin: auto;
        font-weight: bold;
        font-size: 1.5em;
        display: flex;
        justify-content: center;
    }

    .footer {
        padding: 2em;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .contenedor-links {
        flex-direction: column;
    }

    .contenedor-imagenes {
        width: 70%;
        padding-bottom: 5%;
        margin-left: 0%;
        display: flex;
        flex-direction: column;
    }

        .contenedor-imagenes img {
            margin-bottom: 5%;
        }

    .margin-movil-izquierda {
        width: auto !important;
        margin-left: 0 !important;
    }

        .margin-movil-izquierda .mt-4 {
            font-size: 1.3em;
        }

    .div-icon {
        width: 15% !important;
    }

    .direccion {
        width: 100%;
    }

    .margin-movil-derecha {
        margin-top: 5%;
    }

        .margin-movil-derecha div a {
            font-size: 1.5em;
        }
}

@media (min-width: 800px) and (max-width: 1250px) {
    .footer {
        height: auto !important;
        justify-content: space-around !important;
    }

    .mt-4 {
        font-size: 0.9em;
    }

    .w-50-center {
        width: 90%;
    }

    .direccion {
        width: 80%;
    }

    .margin-movil-izquierda {
        width: 40% !important;
        margin-left: 0 !important;
    }

    .margin-movil-derecha {
        width: 60% !important;
        height: auto !important;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .contenedor-links {
        height: auto !important;
        flex-direction: column;
    }
}