.btn-danger {
    background-color: #c41e25 !important;
    border-color: #c41e25 !important;
}

.invalid-feedback {
    color: #ffc107 !important;
    font-size: 1.1rem !important;
}

.is-invalid {
    border-width: 6px !important;
}


.navbar {
    background-color: #c41e25 !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding: 3px !important;
}

.btn-custom {
    background-color: #353535;
    color: #fff;
    font-size: 1.1rem;
    padding: 1rem 2rem;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 8px !important;

}

.btn-custom:hover {
    background-color: #c41e25;
    color: white;
}

/* .center-content {
    min-height: calc(100vh - 56px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 1rem;
    overflow: auto;
}
 */

.btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

body {
    background-color: #1f1f1f;
}

html,
body {
    height: 100%;
    overflow-y: auto;
}

.question-text {
    color: white;
    font-size: 1.5rem;
    margin-bottom: 2rem;
}

.card-dark {
    background-color: #353535;
    color: #fff;
}


.g-recaptcha {
    display: inline-block;
}


@keyframes depunta-shake-x {
    0% {
        transform: translateX(0);
    }

    12.5% {
        transform: translateX(-18px);
    }

    25% {
        transform: translateX(18px);
    }

    37.5% {
        transform: translateX(-18px);
    }

    50% {
        transform: translateX(18px);
    }

    62.5% {
        transform: translateX(-12px);
    }

    75% {
        transform: translateX(12px);
    }

    87.5% {
        transform: translateX(-6px);
    }

    100% {
        transform: translateX(0);
    }
}


.leaflet-tooltip.marker-tooltip {
  background-color: #c41e25;
  color: #fff;
  font-weight: bold;
  border-radius: 6px;
  padding: 2px 6px;
  font-size: 12px;
}

/* 1. Estilos base */
.form-control {
    background-color: #333333;
    color: #F5F5F5; /* Texto casi blanco para máxima legibilidad */
    border: 1px solid #505050; /* Borde sutil */
}

.form-control::placeholder {
    color: #AAAAAA;
    opacity: 1;
}

.form-control:focus {
    /* Mantenemos el fondo ligeramente aclarado */
    background-color: #3A3A3A;
    color: #FFFFFF;

    /* CAMBIO: Gris claro (Plata) en lugar de Rojo */
    border-color: #9E9E9E;

    /* CAMBIO: Glow blanco muy transparente y sutil */
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.1);
}

/* 3. Corrección de Autofill (Chrome/Edge) adaptada al nuevo fondo */
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill:active {
    /* Ajustado al nuevo background #333333 */
    -webkit-box-shadow: 0 0 0 30px #333333 inset !important;
    -webkit-text-fill-color: #F5F5F5 !important;
    caret-color: #F5F5F5;
    transition: background-color 5000s ease-in-out 0s;
}

/* Corrección para el icono del calendario en inputs date/time */
.form-control::-webkit-calendar-picker-indicator {
    /* 1. Invierte el negro original a blanco */
    filter: invert(1);

    /* 2. (Opcional) Ajusta opacidad para que no sea un blanco tan agresivo ("hueso") */
    opacity: 0.8;

    /* 3. Mejora UX: muestra la manito al pasar por encima */
    cursor: pointer;
}




/* 1. CAJA PRINCIPAL (Estado cerrado) */
.select2-container--bootstrap4 .select2-selection {
    background-color: #333333 !important;
    border: 1px solid #505050 !important;
    color: #F5F5F5 !important;
}

/* Color del texto seleccionado */
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    color: #F5F5F5 !important;
    line-height: normal;
}

/* 2. DROPDOWN (Lista desplegable) */
.select2-container--bootstrap4 .select2-dropdown {
    background-color: #333333 !important;
    border-color: #505050 !important;
}

/* Texto de las opciones */
.select2-container--bootstrap4 .select2-results__option {
    color: #F5F5F5 !important;
}

/* 3. ESTADO HOVER / SELECCIÓN */
.select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] {

    color: #ffffff !important;
}

.select2-container--bootstrap4 .select2-results__option[aria-selected="true"] {
    background-color: #424242 !important;
    color: #F5F5F5 !important;
}

/* 4. BUSCADOR INTERNO */
.select2-container--bootstrap4 .select2-search__field {
    background-color: #424242 !important;
    color: #F5F5F5 !important;
    border-color: #616161 !important;
}

/* 5. FOCUS GLOBAL (Solo borde, SIN GLOW) */
.select2-container--bootstrap4.select2-container--focus .select2-selection {

    box-shadow: none !important; /* Glow eliminado */
}

/* 6. FLECHA (Color Hueso) */
/* Flecha apuntando abajo (cerrado) */
.select2-container--bootstrap4 .select2-selection .select2-selection__arrow b {
    border-top-color: #E0E0E0 !important;
}

/* Flecha apuntando arriba (abierto) */
.select2-container--bootstrap4.select2-container--open .select2-selection .select2-selection__arrow b {
    border-bottom-color: #E0E0E0 !important;
}