/* /es/envios/ny/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; 
}

#map { 
    height: 700px; 
    width: 100%;
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

@media (max-width: 768px) {
    #map { height: 500px; }
    .service-tab { padding: 12px 16px; font-size: 0.875rem; }
}