/* Estilos específicos para el modal de mantención */
#mantencion .modal-body {
    max-height: 75vh;
    overflow-y: auto;
}

#mantencion .border-4 {
    border-width: 4px !important;
}

#mantencion .card {
    transition: transform 0.2s;
}

#mantencion .card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

#mantencion .input-group-text {
    min-width: 45px;
    justify-content: center;
}

/* Campos de solo lectura */
#mantencion .bg-light {
    background-color: #f8f9fa !important;
    cursor: not-allowed;
}

/* Validación visual */
#mantencion .form-control:required:invalid {
    border-left: 3px solid #ffc107;
}

#mantencion .form-control:required:valid {
    border-left: 3px solid #2eca6a;
}

/* Campos de montos destacados */
#mantencion #txtTotal {
    font-size: 1.5rem !important;
    color: #198754;
}

/* Animación para contador de caracteres */
#charCountMantencion {
    transition: all 0.3s ease;
}