.navbarSecundaria{ /*cambiado antes .mat-toolbar*/
    background-color: rgb(185, 63, 40);
    font-family: Arial, sans-serif;
    font-size: 1.1rem;
    color:white;
    width: 100vw;
    height: 50px;
}
 .contenedorSC{
    display: flex;
    width: 100vw;
  }
.titulos{
    font-size: 1rem;
    font-family: Arial, Helvetica, sans-serif;
    width: 30vw;
    margin-left: 0px;
    margin-top: 2vh;
    margin-bottom: 0px;
    font-weight:bold ;
    text-align: justify;
 }
 
 .titulos2c{
    font-family: Arial, Helvetica, sans-serif;
    width: 18vw;
    margin-left: 50px;
    margin-top: 40px;
    font-weight:bold ;
    text-align: justify;
 }
 .descripcion{
    font-family: Arial, Helvetica, sans-serif;
    color: gray;
    width: 50vw;
 }
.ciudades{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1rem;
}


/*General*/
.titulosa{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: justify;
    margin-left: 0px;
    margin-top: 2vh;
    margin-bottom: 20px;
 }
 .titulos2{
    font-family: Arial, Helvetica, sans-serif;
    width: 18vw;
    font-weight:bold ;
    text-align: justify;
    margin-top: 2vh;
    margin-bottom: 20px;
 }
.hrm{
    border-width: 1px;
    margin-bottom: 3vh;
    margin-inline-start: 1vw;
    margin-top: 20px;
}
.hr2{
    border-width: 1px;
    width: 22vw;
    margin-bottom: 10px;
    margin-top: 20px;
}










.hr1{
    border-width: 1px;
    margin-top: -15px;
    margin-bottom: 35px;
    width: 550px;
    margin-inline: 250px;
}

.contenedor-iconos{
    display: flex;
    margin-inline-start: 1vw;
  }
.contenedorservicios{
    margin-top: 0vh;
  }
.contenedorcertificados {
flex: 1;
width: 25%;
margin-left: 50px;
height: 53rem;
margin-inline: 0vw;
}
.contenedorCy{
    display: flex;
    width: 90vw;
    margin-inline-start: 5vw;
  }
.contenedorC1{
   flex: 1;
   margin-right: 7vw;
   width: 37vw;
   margin-left: 8vw;
  }
.contenedor-maps{
    display: flex;
}

.titulosp{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: justify;
    margin-left: 0px;
    margin-top: 2vh;
    margin-bottom: 0px;
}
.imgcertificados{
    margin-left: 45px;
    margin-inline-start: 3vw;
}
.hrC{
    border-width: 1px;
    margin-top: 0px;
    margin-bottom: 35px;
}
.Tcobertura{
font-size: 1rem;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
/* margin-inline-start: ; */
}
.icono{
   height: 50px; 
   width: 50px;
}

  /**responsive**/
@media only screen and (max-width: 570px) {/*reed red*/
    
    .vspc{
        display: none;
    }
    .spacer{
        margin-inline: 1vw;
        font-size: 1.2rem;
     }
     .contenedorservicios{
        width: 20vw;
    }
    .contenedor-iconos {
        width: 70vw;
    }

    .titulos{
        font-size: 1.01rem;
        width: 65vw;
        margin-top: 0px;
    }
    .titulosp{
        font-size: 1.01rem;
        width: 80vw;
    }
    .titulosa{
        font-size: 1.01rem;
        width: 75vw;
    }
     .hrm{            
       width: 80vw;  
    }
    .hr1{
        border-width: 1px;
        margin-top: 0px;
        margin-bottom: 35px;
        width: 80vw;
        margin-inline: 1vw;
    }
    .hrC{
        width: 80vw;
        margin-inline-start: 5vw;
    }
    .descripcion{
        font-size: 1.1rem;
        width: 60vw;
     }
     .iconos{
        height: 1500px;
        width: 300px;
        }
        .Tcobertura{
            font-size: 1.1rem;
            margin-inline-start: 5vw;
            }
        .ciudades{
            margin-inline-start: 0vw;
            width: 20vw;
        }
        .contenedor-maps{
            width: 100vw;
            height: 45vh;
            margin-inline-start: 0vw;
        }
}
@media only screen and (min-width: 570px){/*verde green*/
    .spacer{
        font-size: 1.1rem;
        margin-inline-start: 5vw;
    }
    .contenedorSC{
        margin-inline-start: 0vw;
        width: 100vw;
    }
    .contenedorservicios{
     width: 70vw;   
     margin-top: 0vh;
     margin-right: 0px;
    }
 



        .titulosa{
        font-size: 1rem;
        margin-bottom: 20px;
        }
        .titulos2{
        font-size: 1rem;
        width: 18vw;
        margin-left: 2vw;
        margin-top: 2vh;
        margin-bottom: 20px;
        }
        .hrm{
        width: 55vw;  
        margin-inline-start: 0vw; 
        margin-top: 20px;
        }             
        .hr2{
        margin-inline-start: 0vw;
        width: 22vw;
        margin-top: 20px;
        }

            
            
            
            .contenedor-iconos{
                width: 65vw;
                /* margin-inline-start: 0vw; */
               
            }
            .iconos{
                height: 50px;
                width: 6vw;
                margin-top: 20px;
            }
            .titulos{
                width: 50vw;
                margin-top: 0px;
            }
            .descripcion{
                font-size: 0.9rem;
                /* width: 50vw; */
            }
            .titulosp{
                font-size: 1rem;
                width: 55vw;
            
            }
            .hr1{
                width: 55vw;
                margin-inline-start: 0vw;
            }
    .contenedorcertificados{
        margin-top: 0px;
        margin-left: 0px;
    }
            
    


            .titulos2c{
                font-size: 1rem;
                margin-inline-start: 3vw;
             }
             .imgcertificados{
                height: 10vh;
                width: 15vw;
            }
    .hrC{
        width: 80vw;
        margin-inline-start: 0vw;
    }
    /* .h2{
        width: 80vw;
        margin-inline-start: 0vw;
        font-size: 1rem;
    } */
    .ciudades{
        font-size: 1rem;
        margin-inline-start: 0vw;
    }
    .contenedor-maps{
        width: 100vw;
        height: 50vh;
        margin-inline-start: 0vw;
    }

}
@media only screen and (min-width: 760px) {/*Azul blue*/
 .spacer{
        font-size: 1.2rem;
        margin-inline-start:15vw ;
        margin-top: 25px;
   }
    .contenedorSC{
       margin-inline-start: 5vw;
        width: 95vw;
   }
    .contenedorservicios{
       width: 70vw;
   }
   .contenedor-iconos {
       width: 65vw;
   }
   .contenedorcertificados{
   margin-top: 0px;
   width: 25%;
   }
    .imgcertificados{
        height: 10vh;
        width:  15vw;
     }
   .titulos{
       font-size: 1rem;
       width: 50vw;
   }
   .titulos2{
    font-size: 1rem;
   }
   .titulos2c{
    font-size: 1rem;
   }
   .titulosp{
       font-size: 1rem;
       width: 55vw;
       margin-inline-start: 1vw;
   }
   .titulosa{
    font-size: 1rem;
    width: 55vw;
    }
    .hrm{               
        width: 55vw;    
   }
   .hr1{
       border-width: 1px;
       margin-top: 0px;
       margin-bottom: 35px;
       width: 55vw;
       margin-inline-start: 1vw;
   }
   .hrC{
       width: 80vw;
       margin-inline-start: 5vw;   
   }
   .descripcion{
       /* font-family: Arial, Helvetica, sans-serif; */
       font-size: 0.9rem;
       /* width: 50vw; */
       /* color: gray; */
    }
    .iconos{
       height: 7vh;
       width: 6vw;
       }
       .Tcobertura{
        font-size: 1rem;
        margin-inline-start: 5vw;
        }
       .ciudades{
           margin-inline-start: 0vw;
           width: 20vw;
       }
       .contenedor-maps{
           width: 90vw;
           height: 40vh;
           margin-inline-start: 5vw;
       }
    }
@media only screen and (min-width: 851px) {/*Naranja orange*/
        .contenedorSC{
           margin-inline-start: 8vw;
            width: 92vw;  
       }
        .contenedorservicios{
           width: 65vw;
       }
       .contenedor-iconos {
           width: 65vw;
       }
       .iconos{
        height: 7vh;
        width: 6vw;
        }
       .contenedorcertificados {
        /* flex: 1; */
        width: 25%;
        margin-top: 0px;
    }
        .imgcertificados{
            height: 10vh;
            width:  15vw; 
         }
         /* .h2{
            width: 80vw;
            margin-inline-start: 5vw;
            font-size: 1rem;   
        } */
         .titulos{
            font-size: 1rem;
            width: 50vw;
        }
        .titulosa{
            font-size: 1rem;
            width: 55vw;
        }
        .titulosp{
            font-size: 1rem;
            width: 55vw;
            margin-inline-start: 1vw;
        }
         .titulos2{
            font-size: 1rem;
            width: 18vw;
            margin-left: 5vw;
         }
         .titulos2c{
            font-size: 1rem;
            margin-left: 6vw;
          
         }
         .descripcion{
            font-size: 1rem;
         }

        .ciudades{
            margin-inline-start: 0vw;
            width: 20vw;
        }
        .contenedor-maps{
            width: 84vw;
            height: 55vh;
            margin-inline-start: 8vw;
        }
    }
@media only screen and (min-width: 1200px) /*Blanco white*/ {
    .contenedorSC{
    margin-inline-start: 0vw;
    width: 100vw;  
    }
    .contenedorservicios{
    width: 56vw;
    margin-inline-start: 15vw;
    margin-top: 0px;   
    }
    .contenedor-iconos {
    width: 55vw;
    }
   .iconos{
    height: 60vh;
    width: 30vw;
    }
    .contenedorcertificados {
    width: 25%;
    margin-top: 0px;
    }
    .imgcertificados{
        height: 9vh;
        width:  11vw;
    }
    .titulos{
        font-size: 1rem;
        width: 45vw;
    }
    .titulos2c{
        font-size: 1rem;
        margin-left: 4vw;
    }
    .descripcion{
        /* font-family: Arial, Helvetica, sans-serif; */
        font-size: 0.8rem;
        /* width: 50vw;
        color: gray; */
    }
    .titulosp{
        font-size: 1rem;
        width: 55vw;
        margin-inline-start: 1vw;
    }




    /*Blanco*/
    .titulosa{
    font-size: 1rem;
    width: 55vw;  
    margin-top: 2vh;
    margin-bottom: 20px;
    }
    .titulos2{
    font-size: 1rem;
    width: 18vw;
    margin-top: 2vh;
    margin-left: 3vw;
    margin-bottom: 20px;
    }
    .hrm{          
    width: 40vw;     
    margin-top: 20px;
    }
    .hr2{
    width: 15vw;
    margin-top: 20px;
    }


    .Tcobertura{
    font-size: 1rem;
    margin-inline-start: 15vw;    
    }
    .ciudades{
        margin-inline-start: 5vw;
        width: 20vw;
    }
    .hr1{
        border-width: 1px;
        margin-top: 0px;
        margin-bottom: 35px;
        width: 40vw;
        margin-inline-start: 1vw;
    }
    .hrC{
    width: 65vw;
    margin-inline-start: 15vw;   
    }
    .contenedor-maps{
        width: 70vw;
        height: 55vh;
        margin-inline-start: 14vw;
    }
    }