/* ─────────────────────────────────────────────────────────────────
   Diagnóstico Financiero — estilos específicos del cuestionario
   ───────────────────────────────────────────────────────────────── */

/* ────── Botones del selector de tipo de cliente ────── */
.diag-tipo-btn {
    background-color: #ffffff !important;
    cursor: pointer;
}

.diag-tipo-btn:hover {
    border-color: #E8581C !important;
    background-color: #FFF8F4 !important;
    box-shadow: 0 4px 12px rgba(232, 88, 28, 0.15);
    transform: translateY(-2px);
}

.diag-tipo-btn:focus,
.diag-tipo-btn:active {
    border-color: #E8581C !important;
    background-color: #FFF8F4 !important;
    box-shadow: 0 0 0 0.2rem rgba(232, 88, 28, 0.25) !important;
}

/* ────── Botones de opciones de respuesta ────── */
.diag-opcion-btn {
    background-color: #ffffff !important;
    cursor: pointer;
    color: #3A455C !important;
}

.diag-opcion-btn:hover {
    border-color: #E8581C !important;
    background-color: #FFF8F4 !important;
    box-shadow: 0 2px 8px rgba(232, 88, 28, 0.12);
    transform: translateX(2px);
}

.diag-opcion-btn:focus,
.diag-opcion-btn:active {
    border-color: #E8581C !important;
    background-color: #FFF8F4 !important;
    box-shadow: 0 0 0 0.2rem rgba(232, 88, 28, 0.20) !important;
    color: #3A455C !important;
}

.diag-opcion-selected {
    background-color: #FFF8F4 !important;
    border-color: #E8581C !important;
    color: #3A455C !important;
}

.diag-opcion-selected:hover {
    background-color: #FFE8D6 !important;
}

/* ────── Header de pregunta (bloque + texto) ────── */
.diag-bloque-label {
    color: #E8581C !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.75rem !important;
    letter-spacing: 0.05em;
}

.diag-pregunta-texto {
    color: #3A455C !important;
    font-weight: 600;
}

/* ────── Status "Pregunta N de 10" ────── */
.diag-status {
    color: #3A455C !important;
    font-weight: 500;
}

/* ────── Badge del tipo de cliente en card de nombre ────── */
.diag-tipo-badge-custom {
    background-color: #3A455C !important;
    color: #ffffff !important;
    font-weight: normal;
    padding: 0.45em 0.8em;
}