body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    width: 100%;
    justify-content: center;
    align-items: center;
    background-color:   #f2f2f2;;
    font-family: Arial, sans-serif; /* Fuente bonita */
}


.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px; /* Ajusta el padding según sea necesario */
}

.logo {
  width: 90px; /* Ancho de la imagen */
}

.textoayuda{
  width: 80%;
  margin: 20px auto;
}

input[type="radio" i]  {
  transform: scale(1.5); /* Escalar el tamaño del botón */
  margin-right: 5px; /* Espacio entre los botones de radio */
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente */
    display: none; /* Usamos flexbox para centrar vertical y horizontalmente */
    justify-content: center;
    align-items: center;
  }
  
  /* Estilo del loader */
  .loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Azul */
    border-radius: 50%;
    width: 70px;
    height: 70px;
    animation: spin 2s linear infinite; /* Animación de rotación */
  }
  
  /* Animación de rotación */
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

.container {
    max-width: 600px;
    width: 90%; /* para asegurarse de que se ajuste en pantallas pequeñas */
    background-color: #f2f2f2;
    padding-left:20px;
    margin:0 auto;
  
}

.colorpreg{
  color: #4d4d4d;
}


.renglonpregunta{
    
    margin-bottom:10px;
    margin-top:20px;
}


.pregunta label{
  color:#8f8f8f;
}

.textoayuda{
  color:#8f8f8f;
}

.renglonpreguntalineal{
  
  display:inline-block;
  margin-top: 7px;
}

.renglonpreguntalineal100{
    display:inline-block;
}

.preguntalineal {
    display:inline-block;
    margin-right:10px;
    margin-top:10px;
}

.preguntaerror{
  color: red;
}

.preguntaerror input[type="text"]{
  border: 1px solid red;
}

.preguntaerror select{
  border: 1px solid red;
}

.preguntaerror textarea{
  border: 1px solid red;
}

label {
    font-size: 13px; /* Tamaño de fuente para las opciones */
}

.pregHijo{
    margin-left:20px
}

input[type="text"],select,textarea  {
    border-radius: 20px; /* Radio de borde para hacer las esquinas redondeadas */
    padding: 5px; /* Espacio de relleno para mejorar la apariencia */
    border: 1px solid #000; /* Borde sólido de 1px de grosor en color gris */
    box-sizing: border-box; /* Incluye el borde en el ancho y alto total del elemento */
    font-size: 14px; /* Tamaño de fuente base */
    
    /* Estilos adicionales para mejorar la apariencia en dispositivos móviles */
  }

  input[type="datetime-local"]  {
    border-radius: 20px; /* Radio de borde para hacer las esquinas redondeadas */
    padding: 5px; /* Espacio de relleno para mejorar la apariencia */
    border: 1px solid #000; /* Borde sólido de 1px de grosor en color gris */
    box-sizing: border-box; /* Incluye el borde en el ancho y alto total del elemento */
    font-size: 14px; /* Tamaño de fuente base */
    height: 40px;
    /* Estilos adicionales para mejorar la apariencia en dispositivos móviles */
  }

  textarea{
    padding: 10px;
  }
  
  .botonDescarga {
    
    padding: 10px 20px; /* Espacio de relleno para el botón */
    border-radius: 20px; /* Radio de borde para hacer las esquinas redondeadas */
    background-color: #2e95ef; /* Color verde bonito */
    color: white; /* Color del texto */
    text-align: center; /* Centra el contenido horizontalmente */
    cursor: pointer; /* Cambia el cursor al pasar sobre el botón */
  }

  .boton {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0; /* Ajusta el espacio de relleno verticalmente */
    text-align: center;
    cursor: pointer;
  }

@media only screen and (max-width: 600px) {

  .container {
    
    width: 100%; /* para asegurarse de que se ajuste en pantallas pequeñas */
    background-color: #f2f2f2;
    box-sizing: border-box;
    padding-left:20px;
    padding-right:20px;
  
}

    input[type="text"],select  {
        font-size: 17px; /* Reducir el tamaño de la fuente en dispositivos móviles */
        height: 40px;
        padding-left: 10px;
        padding-right: 10px;
        background-color: #FFF;
      }

      textarea  {
        font-size: 17px; /* Reducir el tamaño de la fuente en dispositivos móviles */
        padding-left: 10px;
        padding-right: 10px;
      }
}