/* /es/faq/etiquetas/css/style.css */
.animate-fade-in { animation: fadeIn 0.5s ease-out forwards; }
.animate-fade-up { animation: fadeUp 0.8s ease-out forwards; }
.animate-fade-down { animation: fadeDown 0.8s ease-out forwards; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }

.service-tab { opacity: 0.5; transition: all 0.3s; }
.service-tab:hover { opacity: 0.8; }
.service-tab.active { 
    opacity: 1; 
    color: #ea580c; 
    border-bottom-color: #ea580c; 
}

/* Réplica de etiqueta */
#label-container {
    max-width: 600px;
    margin: 0 auto;
    font-family: 'Courier New', monospace;
}

.label-content {
    opacity: 0;
}

/* Animación de impresión */
.print-animation {
    animation: printEffect 2s ease-in-out;
}

@keyframes printEffect {
    0% { opacity: 0; transform: scale(0.9); }
    50% { opacity: 1; transform: scale(1.02); }
    100% { opacity: 1; transform: scale(1); }
}

@media print {
    body * { visibility: hidden; }
    #label-container, #label-container * { visibility: visible; }
    #label-container { position: absolute; left: 0; top: 0; width: 100%; }
}