/* ============================= */
/* SELECT ESTADOS: visibilidad  */
/* ============================= */

#estadoSelect,
#estadoSelect option {
    color: #212529 !important; /* Texto negro Bootstrap */
    background-color: #fff !important; /* Fondo blanco */
    opacity: 1 !important; /* Asegura que sea visible */
    text-indent: 0 !important; /* Por si lo empujan fuera */
    visibility: visible !important; /* Por si lo ocultan */
}



/* ============================= */
/* RADIOS: presentación flexible */
/* ============================= */

/* Alineación de texto de radios */
.radio-grid .form-check {
    text-align: left;
    margin-bottom: 0.75rem;
}

/* En pantallas grandes (>=992px), 3 radios por fila */
@media (min-width: 992px) {
    .radio-grid .form-check {
        width: 33.3333%;
        float: left;
    }
}

/* En pantallas medianas, 2 por fila */
@media (min-width: 768px) and (max-width: 991.98px) {
    .radio-grid .form-check {
        width: 50%;
        float: left;
    }
}

/* En pantallas pequeñas (móviles), 1 por fila */
@media (max-width: 767.98px) {
    .radio-grid .form-check {
        width: 100%;
        float: none;
    }
}

/* Opcional: espacio entre los radios en pantallas grandes */
.radio-grid::after {
    content: "";
    display: block;
    clear: both;
}

/* Estilo para el botón naranja personalizado */
.btn-naranjita-ver-trabajos {
    background-color: #f57c00;
    color: white;
    border: none;
    width: 100%; /* igual que w-100 de Bootstrap */
    transition: background-color 0.3s ease;
}

    .btn-naranjita-ver-trabajos:hover {
        background-color: #e65100;
        color: white;
    }