/* Estilos personalizados para Plan B */
/* Body */
body {
  overflow-x: hidden;
  font-family: 'IBM Plex Sans', sans-serif;
}

/* Color principal de las letras */
.text-principal {
    color: #004B57;
}

/* Encabezado superior */
.top-banner {
    background-color: #00C4DE;
    color: #004B57;
}

/* Barra de logo */
.bg-dark {
    background-color: #004B57 !important;
}

.text-sub{
    color: #00C4DE;
}

.logo-alineado {
  margin-left: 0.8rem; 
}

@media (max-width: 768px) {
  .logo-alineado {
    margin-left: 0%;
  }
}


/* Titulo y subtitulo */
.titulo-boletin {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.1rem;
    letter-spacing: 0.5px;
    margin-bottom: 0.3rem;
}

.text-comunidad {
    color: #00C4DE;
    font-size: 1.05rem;
    font-weight: 450;
    margin-bottom: 0.5rem;
}

.text-unete {
    color: #004B57;
    font-weight: 600;
    font-size: 1.1rem;
}

h2, h3, .titulo-boletin, .titulo-bloque, .text-principal {
  font-family: 'IBM Plex Sans Condensed', sans-serif;
}

/* Fondo del formulario */
.form-section {
    background-color: #004B570D;
}

/* Campos del formulario */
.form-control, .form-select {
    border-radius: 0 !important;
    border: 1px solid black !important;
}

.form-wrapper {
  max-width: 600px;
}

/* Checkbox */
input[type="checkbox"] {
    border-radius: 0 !important;
    border: 1px solid black !important;
    width: 1.2em;
    height: 1.2em;
}

.video-formulario {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-top: 23px;
  max-width: 600px;
}

@media (max-width: 768px) {
  .video-formulario {
    max-width: 80%;      
    margin: 20px auto 0; 
  }
}

@media (min-width: 992px) {
  .video-formulario {
    max-width: 900px;    
    margin-left: 3rem;
  }
}

@media (min-width: 992px) {
 .video-formulario iframe {
  transform: scale(1.4);
  transform-origin: top center; 
  }
}

.video-formulario iframe {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}


/* Video */
/* .video-formulario {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-top: 23px;
  max-width: 600px; 
}


@media (max-width: 768px) {
  .video-formulario {
    width: 100%;
    height: auto;
  }
}

.video-formulario iframe {
  transform: scale(1.4); 
  transform-origin: top center; 
  margin-left: 3rem;
}

@media (max-width: 768px) {
  .video-formulario iframe {
    transform: none;
  }
} */

/* Botón de enviar */
.btn-success {
    background-color: #32E88F;
    border-color: #32E88F;
    width: 150px;
    font-weight: bold;
}

.btn-success:hover {
    background-color: #29cb7c;
    border-color: #29cb7c;
}

/* Información */
.bg-informacion {
    background-color: #d5fafc;
}

.text-descriptiva {
  font-size: 25px;
  color: #004B57;
}

.p-descriptivo {
  color: #004B57;
}


/* Footer */
footer {
    background-color: #004B57;
    color: white;
}