/* Barra de navegacion*/
.navbarSecundaria{
    background-color: rgb(185, 63, 40);
    font-family: Arial, sans-serif;
    font-size: 18px;
    width: 100vw;
    height: 50px;
}
.contenedorDM{
    display:flex;
    margin-bottom: 20px;
}
.spacer{
    font-size: 1.2rem;
    margin-inline-start: 15vw;
    color: white;
    margin-right: 10px;
}
.titulosm{
    font-size: 1rem;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: justify;
    margin-top: 30px;
}

@media only screen and (max-width: 760px) {/*Reed red*/
        .spacer{
        margin-inline: 1vw;
        }
        .titulosm{
            width: 90vw;
            margin-inline-start: 0vw;
        }
        .hr{
            border-width: 1px;
            margin-top: 0px;
            width: 90vw;
            margin-inline-start: 0vw;
        }
        .titulos{
            font-size: 1rem;
            font-family: Arial, Helvetica, sans-serif;
            width: 90vw;
            font-weight:bold ;
            margin-bottom: 5px;
            text-align: justify;
            margin-inline-start: 0vw;
        }
        .hr2{
            border-width: 1px;
            margin-top: -15px;
            margin-bottom: 10px;
            width: 40vw;
            margin-inline-start: 0vw;
        }
        .contenedor-iconos {
        display: flex;
        margin-inline-start: 0vw;
        width: 45vw;
        }
        .sucursales{
            width: 45;
            font-family:Arial, Helvetica, sans-serif ;
            font-size: 0.8rem;
            color: rgb(122, 122, 122);
            text-align: left;
            margin-top: 0;
        }
        .iconos{
            height: 20px;
            width: 15px;
        } 
        .contenedorDetalles{
        display: block;
        width: 45vw;   
        height: auto;
        }
        .contenedorMaps{
        flex: 1;
        margin-top: 0px;
        margin-bottom: 20px;
        width: 37vw;
        height: 35vh;
        }
        }
/*@media only screen and (max-width: 1) {/*verde green*/
        /* }*/
@media only screen and (min-width: 760px) {/*Azul blue*/
        .titulosm{
        width: 74vw;
        margin-inline-start: 6.5vw;
        }
        .hr{
        border-width: 1px;
        width: 74vw;
        margin-inline-start: 6.5vw;
        }
        .iconos{
        height: 20px;
        width: 15px;
        } 
        .titulos{
        font-size: 1rem;
        font-family: Arial, Helvetica, sans-serif;
        width: 37vw;
        font-weight:bold ;
        margin-bottom: 5px;
        text-align: justify;
        }
        .hr2{
        border-width: 1px;
        margin-top: -15px;
        margin-bottom: 10px;
        width: 28vw;
        margin-inline-start: 0px;
        }
        .contenedor-iconos {
        display: flex;
        }
        .sucursales{
        width: 45;
        font-family:Arial, Helvetica, sans-serif ;
        font-size: 0.8rem;
        color: rgb(122, 122, 122);
        text-align: left;
        margin-top: 0;
        margin-bottom: 0;
        }   
        .contenedorDetalles{
        display: block;
        height: auto;
        margin-inline-start: 6.5vw;
        width: 30vw;   
        }
        .contenedorMaps{
        margin-top: 0px;
        margin-inline-start: 0px;
        width: 42vw;
        height: 35vh;
    
        }
        }
@media only screen and (min-width: 851px) {/*Naranja orange*/
        .titulosm{
        margin-inline-start: 13vw;   
        }
        .hr{
        margin-inline-start: 13vw;   
        }
        .contenedorDetalles{
        display: block;
        margin-inline-start: 13vw;
        width: 30vw;   
        height: auto;
        }
        .contenedorMaps{
        margin-top: 0px;
        margin-bottom: 20px;
        margin-inline-start: 0px;
        width: 45vw;
        height: 35vh;
        }
        }
@media only screen and (min-width: 1200px) {  /*Normal white*/  
.titulosm{
margin-inline-start: 15vw;    
}    
.hr{
width: 65vw;    
margin-inline-start: 15vw;
}      
.contenedorDetalles{
display: block;
margin-inline-start: 15vw;
width: 30vw;
}
.contenedorMaps{
margin-inline-start: 0px;
width: 35vw;    
margin-bottom: 20px;
}
}