 @charset "utf-8";
/* CSS Document */
/****General****/
.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
html, body {
	margin:0;
	padding: 0;
	font-family: "Montserrat", sans-serif;
}
html {
  scroll-behavior: smooth;
}
div {
	box-sizing: border-box;
}
button:focus, a:focus, .btn:focus {
  outline: none;
  box-shadow: none;
}
.b600 {
  font-weight: 600;
}
.b700 {
  font-weight: 700;
}
.b800 {
  font-weight: 800;
}
.text-chico {
  font-size: .8rem;
}
.text-azul {
  color: #1d4e89;
}
.text-azulclaro {
  color: #00b2ca;
}
.text-naranja {
  color: #f79256!important;
}
.white {
  background-color: #fff !important;
}
.elegant-color-dark {
  background-color: #212121 !important;
}
.grey {
  background-color: #9e9e9e !important;
}
.grey.lighten-1 {
  background-color: #bdbdbd !important;
}
.grey.lighten-2 {
  background-color: #e0e0e0 !important;
}
.grey.lighten-3 {
  background-color: #eee !important;
}
.azul-oscuro {
  background-color: #1d4e89!important;
}
.azul-claro {
  background-color: #00b2ca!important;
}
.esmeralda {
  background-color: #7dcfb6!important;
}
.naranja-oscuro {
  background-color: #f79256!important;
}
.border-naranja {
  border-color: #f79256!important;
}
.border-azul-oscuro {
  border-color: #1d4e89!important;
}
.border-claro {
  border-color: #bdbdbd!important;
}
.link-simple, .link-simple:hover {
  color: inherit;
}
.link-hov {
  color: inherit;
  transition: color .3s ease;
}
.link-hov-celeste:hover {
  color: #00b2ca;
}
.link-hov-naranja:hover {
  color: inherit;
  text-decoration: underline;
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 1)!important;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  opacity: 1!important;
}
.navbar-light .navbar-nav .nav-link.active {
  font-weight: 600;
}
.navbar-light .navbar-nav .nav-link.btn, .navbar-light .navbar-nav .nav-link.btn:focus {
  font-size: 0.75rem!important;
  line-height: 1.8;
  color: inherit;
}
.btn.btn-outline-light:hover, .btn.btn-outline-light:focus {
  background-color: rgba(255,255,255,.15);
  border-color: #FFFFFF!important;
  color: #FFFFFF!important;
}
.btn-outline-azul, .btn-outline-azul:hover {
  color: #1d4e89!important;
  border-color: #1d4e89!important;
}
.btn.esmeralda {
  color: #1d4e89!important;
}
/********/
.corrijo {
  margin-top: 150px;
}
.retrato {
  text-align: center;
  margin-bottom: 1rem;
}
.retrato img {
  width: 250px;
  max-width: 80%;
  border-radius: 50%;
  margin-top: -150px;
}
.despliega.collapsed {
  transform: rotate(180deg);
}
.desp-unidades.collapsed .fa-chevron-up {
  transform: rotate(180deg);
}
.desp-unidades.collapsed::after {
  content: "más";
}
.desp-unidades::after {
  content: "menos";
}
/******/
.imagen-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/*******/
#background-video {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
}
.form-switch .form-check-input:after {
  border: 1px solid #ccc!important;
}
/**** Animación ingreso ****/
@keyframes fadeinanim {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.animingreso {
  opacity: 0; /* Ocultar por defecto */
  animation-fill-mode: forwards; /* Mantener estado final de la animación */
}
.animingreso0 { animation: fadeinanim 1s 0s forwards; }
.animingreso1 { animation: fadeinanim 1.2s 0.2s forwards; }
.animingreso2 { animation: fadeinanim 1.4s 0.4s forwards; }
.animingreso3 { animation: fadeinanim 1.6s 0.6s forwards; }
.animingreso4 { animation: fadeinanim 1.8s 0.8s forwards; }


#modalVideo button.close, #modalSuscripcion button.close {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  opacity: 1 !important;
  padding: 0;
  background-color: #FFF !important;
  border: 1px solid #FFF;
  color: #212121 !important;
  z-index: 10;
  line-height: 0.6 !important;
}
#modalVideo button.close span, #modalSuscripcion button.close span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.2rem;
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/*.google-form-contenedor {    
   width: 100%; 
   height: 100%;
   overflow: hidden; 
   padding-top: 100%;
   } 
   
 .responsive-iframe { 
   position: absolute; 
   top: 0; left: 0; 
   bottom: 0; 
   right: 0; 
   width: 100%; 
   height: 100%; 
   border: none; 
   } */
/*******/
@media (min-width: 992px) {}
@media (max-width: 992px) {}
@media (max-width: 576px) {
  a {
    font-size: 100%;
  }
}
@media (max-width: 320px) {}