body {
    background: url('../fondo.jpg') no-repeat center center fixed;
    background-size: cover;
  }

  /* ================================
   Estilo compacto para Select2
   ================================ */

/* Contenedor general de Select2 */
.select2-container {
    width: 100% !important;  /* Ocupa todo el ancho del contenedor */
    font-size: 14px;          /* Tamaño de fuente estándar */
}

/* Selección individual (single select) */
.select2-container--default .select2-selection--single {
    height: 35px;             /* Altura del select */
    padding: 4px 8px;         /* Espacio interno */
    border: 1px solid #ced4da;/* Border similar a Bootstrap */
    border-radius: 4px;       /* Bordes redondeados */
    background-color: #fff;
}

/* Texto dentro del select */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 27px;        /* Centrado vertical del texto */
}

/* Flecha desplegable */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 35px;             /* Coincide con la altura del select */
}

/* Cuando el select está activo/focus */
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #86b7fe;    /* Similar al focus de Bootstrap */
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}

/* Opciones desplegables */
.select2-container--default .select2-results__option {
    font-size: 14px;
    padding: 5px 10px;
}

/* Placeholder más ligero */
.select2-container--default .select2-selection__placeholder {
    color: #6c757d;
    font-style: italic;
}