/* core/static/core/css/custom.css */

/* Define nuestra paleta de colores como variables para fácil acceso */
:root {
    --color-primario: #1A237E;
    --color-acento: #FF6F00;
    --color-texto: #212121;
    --color-fondo: #F5F5F5;
}

body {
    font-family: 'Poppins', sans-serif;
    color: var(--color-texto);
}

/* Estilo para los botones principales */
.btn-primary {
    background-color: var(--color-acento);
    border-color: var(--color-acento);
    font-weight: 600;
}

.btn-primary:hover {
    background-color: #E66500; /* Un naranja un poco más oscuro */
    border-color: #E66500;
}

/* Estilo para los enlaces */
a {
    color: var(--color-acento);
}

/* Mejoras visuales para las tarjetas (cards) */
.card {
    border: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    border-radius: 8px;
}

/* en core/static/core/css/custom.css */


/* Alineación vertical para los encabezados de las tarjetas */
.card-header {
    display: flex;
    align-items: center;
}

/* Ajustes para que Select2 se vea como un campo de Bootstrap */
.select2-container--default .select2-selection--single {
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5;
    padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + .75rem);
}

/* Asegura que el contenedor de Select2 ocupe el ancho completo */
.select2-container {
    width: 100% !important;
}

/* Ajusta la altura y estilo del dropdown para que coincida con los inputs de Bootstrap */
.select2-container--default .select2-selection--single {
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    border: 1px solid #dee2e6;
    border-radius: .375rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5;
    padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + .75rem);
    right: 0.5rem;
}

/* --- FIX PARA FORZAR SELECT2 A ABRIRSE HACIA ABAJO --- */

.select2-container--open .select2-dropdown {
    top: auto !important;
    bottom: 100%;
}

/* Versión más específica si la anterior no funciona */
body .select2-container--open .select2-dropdown--below {
    top: -1px !important;
}

body .select2-container--open .select2-dropdown--above {
    top: auto !important;
    bottom: 100% !important;
}