/******************

/******************

/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
  
  .custom-header-index {
  z-index: 9999;
  padding: 0;
  }
  
 
  body{margin-top: 50px;
      background-color: #E6E6FA; 
  }

  @media only screen and (max-width: 800px) {
  body{margin-top: 40px;}
  }

  @media only screen and (max-width: 640px) {
  body{margin-top: 20px;}
  }

  @media only screen and (max-width: 380px) {
  body{margin-top: 0px;}
  }

  .group-title {                        /* Titulo del grupo */
      background-color: #5c9420;        /* Color de fondo */
      color: white;                     /* Color del texto */
      padding: 10px;                    /* Marcos para el texto */
      max-width: fit-content;           /* Limita el fondo al contenido */
      border-radius: 5px;               /* Bordes redondeados */
      border: 0px solid #000 ;          /* Ancho y color del borde (desactivado por defecto) */
  }
  
  .group-description {                  /* Descripción del grupo de preguntas */
      background-color: #D8EB9A;        /* Color de fondo */
      border-radius: 5px;               /* Bordes redondeados */
      border: 2px solid #9da899;        /* Ancho y color del borde */
  }
  
  .question-container {                 /* Bloque de preguntas */
      background-color: #F0F8FF;        /* Color de fondo */
      border-radius: 5px;               /* Bordes redondeados */
      border: 2px solid #6689e0;        /* Ancho y color del borde */
  }
  
  .well {                               /* Eliminar el fondo blanco de la descripción */
      background-color: transparent;
      border: none;
  }

  .custom-body-color {                  /* Color del body */
      background-color: #FFF;
  }
  
  .text-info {
    color: black !important;            /* Color texto de ayuda */
  }
/*
 * Apunta directamente al título de la encuesta (que en este caso es "Previsualización de la plantilla")
 * Usamos el selector h1.survey-name para mayor especificidad.
 */
h1.survey-name {
    color: #003399 !important; /* Reemplaza #007bff con el código de color deseado (ej. negro: #000000) */
    /* Opcional: Aumentar el tamaño o cambiar la fuente */
    /* font-size: 2.5em; */
    /* font-weight: bold; */
}