/**
 * Primeras Visitas - Estilos adicionales de la aplicación
 */

/* Animaciones */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.pv-alert {
    animation: fadeIn 0.3s ease;
}

/* Mejoras responsive para tablas */
@media (max-width: 992px) {
    .pv-table {
        font-size: 13px;
    }
    
    .pv-table th,
    .pv-table td {
        padding: 8px 10px;
    }
}

/* Loading state */
.pv-loading {
    opacity: 0.6;
    pointer-events: none;
}

.pv-btn:disabled {
    cursor: wait;
}

/* Mejoras visuales */
.pv-form__input:focus,
.pv-form__select:focus,
.pv-form__textarea:focus {
    transform: translateY(-1px);
}

/* Hover en filas de tabla */
.pv-table tbody tr {
    transition: background-color 0.2s;
}

/* Select de estado en tabla */
.pv-estado-select {
    border-radius: 4px;
    border: 1px solid #d1d5db;
    background: white;
    cursor: pointer;
}

.pv-estado-select:focus {
    outline: none;
    border-color: #2563eb;
}

/* Config items */
.pv-config-item {
    animation: fadeIn 0.2s ease;
}

/* Mejora visual para badges */
.pv-badge {
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* Print styles */
@media print {
    .pv-filters,
    .pv-btn,
    .pv-estado-select,
    .woocommerce-MyAccount-navigation {
        display: none !important;
    }
    
    .pv-table-wrapper {
        box-shadow: none;
        border: 1px solid #000;
    }
}