/* ============================================================
   VOLEY TANTEADOR - Estilos globales
   ============================================================ */

body {
    background-color: #f4f6f9;
}

/* --- Tarjeta de partido en el dashboard --- */
.card-partido {
    transition: box-shadow 0.18s, transform 0.15s;
    border: 1px solid #dee2e6;
}
.card-partido:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    transform: translateY(-2px);
}

/* --- Color swatches en formularios --- */
.color-preview {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    border: 1px solid #ccc;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
}

/* --- Estado badges --- */
.badge-pendiente  { background-color: #6c757d; }
.badge-jugando    { background-color: #198754; }
.badge-terminado  { background-color: #0d6efd; }

/* --- Acciones responsive en tabla --- */
@media (max-width: 992px) {
    .td-acciones a, .td-acciones button {
        margin-bottom: 3px;
    }
}

/* --- Login card --- */
.login-card {
    max-width: 430px;
    margin: 60px auto 0 auto;
}