/* Aplica estas clases a los contenedores/tarjetas dentro de Elementor
   (Advanced > CSS Classes) al maquetar el Listing Grid de JetEngine. */

.asesoria-card {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
    padding: 20px;
    transition: transform .2s ease, box-shadow .2s ease;
}

.asesoria-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.asesoria-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.asesoria-badge.pendiente     { background: #FFF1E0; color: #B25E00; }
.asesoria-badge.en_revision   { background: #E3F0FF; color: #0A5FB0; }
.asesoria-badge.respondido    { background: #E4F8EE; color: #0F8A4B; }
.asesoria-badge.urgente       { background: #FDEAEA; color: #C0392B; }

/* Panel de respuesta en wp-admin */
#iba_asesoria_respuesta textarea {
    font-family: inherit;
    font-size: 14px;
}