/* /es/servicios/flash/css/style.css (MEJORADO) */
.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; 
}

/* MAPA MEJORADO */
#map { 
    height: 700px !important; /* Más alto */
    width: 100% !important;
    border-radius: 1rem;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

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

/* Marker shadow y tamaño */
.leaflet-marker-icon { 
    filter: drop-shadow(0 4px 8px rgba(0,0,0,0.4)); 
}