@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat+Subrayada:wght@400;700&family=Noto+Serif:wght@100;400;600&family=Roboto:wght@100;300;400;500;700;900&display=swap');

.colorMain {
  color: rgb(14, 124, 137) ;
}

.colorB {
  color: rgb(63, 148, 157) ;
}

.colorC {
  color: rgb(21, 195, 214) ;
}

.colorD {
  color: rgb(18, 98, 107) ;
}

.footer {
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  background-color: rgb(18, 98, 107) ;
  padding: 3%;
}

.backOscuro {
  background-color: rgb(18, 98, 107) ;
  padding: 3%;
}

.backClaro {
  /*background-color: rgb(207, 241, 247) ;*/
  background-color: rgb(242, 253, 255) ;
  padding: 3%;
}

.textoBackClaro {
  color: rgb(0, 0, 0) !important;
}

.backNormal {
  padding: 3%;
}

.logoAnim {
  max-width: 150px;
  overflow: hidden;
}

.navbar-toggler {
  color: #ffffff;
  background-color:rgb(21, 195, 214);
}

strong {
  font-weight: 600;
}

.mediostrong {
  font-family: 'Poppins', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
}

a:link, a:visited, a.card-link a.nav-link, .nav-link:visited, .nav-link {
  color: rgb(255, 255, 255)!important;
  text-decoration: underline ;
} 

a:hover{
  color: rgb(21, 195, 214) !important;
}

body {
 background-color: #0e7c89;
}

#top {
  margin-bottom: 10px;
}

.container-fluid{
  padding: 0;
}

.navDropShadow {
  box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.5)
}

.btn-asesoria{
  background-color: rgb(11, 75, 82) !important ;
  color: #ffffff !important;
}

h3 {
  font-family: 'Montserrat Subrayada'!important;
  text-align: center;
  font-size: 2.5vw;
}

h2 {
  font-family: 'Montserrat Subrayada'!important;
  text-align: center;
  font-size: 2.0vw;
}

.servicios {
  font-family: 'Roboto'!important;
  font-size: 1.75vw;
  font-weight: 300;
  text-align: justify;
}

h1 {
  font-family: 'Montserrat Subrayada'!important;
  font-size: 5vw;
  color: #ffffff !important;
  text-align: center;
  color: rgb(21, 195, 214);
}

.subrayada {
  font-family: 'Montserrat Subrayada'!important;
  font-size: 5vw;
  color: #ffffff;
  text-align: center;
  color: rgb(21, 195, 214);
}

.textos {
  font-family: 'Roboto'!important;
  font-size: 3vw;
  font-weight: 300;
  color: #ffffff;
  text-align: justify;
}

.textosB {
  font-family: 'Roboto'!important;
  font-size: 2.0vw;
  font-weight: 300;
  color: #ffffff;
  text-align: justify;
  padding: 4% 4% 1% 0;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgb(214, 214, 214);
  opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgb(214, 214, 214);
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: rgb(214, 214, 214);
}

.btn-primary {
  --bs-btn-border-color: rgb(63, 148, 157)!important ;
  --bs-btn-hover-border-color: rgb(63, 148, 157) !important ;
  --bs-btn-active-border-color: rgb(14, 124, 137) !important ;
}

/* Quita coloración azul en autofill de chrome ;) */

@media (min-width: 768px) { 
  .logoAnim {
    max-width: 400px;
  }
  .subrayada {
    font-size: 4vw;
  }
  .textos {
    font-size: 2vw;
  }
  .textosB {
    font-size: 2.0vw;
  }
  h1 {
    font-size: 3.5vw;
  }

  
 }