/* Contacto Page Styles */

/* Base Styles */
body { 
    font-family: 'Inter', sans-serif; 
}

html { 
    scroll-behavior: smooth; 
}

/* Hero Background */
.hero-bg {
    background-image: linear-gradient(rgba(0, 20, 50, 0.6), rgba(0, 20, 50, 0.6)), url('../imagen/hero.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Modern parallax effect */
}

/* Text Effects */
.shadow-text {
    text-shadow: 0px 2px 5px rgba(0,0,0,0.5);
}

/* Gradient Background */
.gradient-bg {
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

/* Contact Specific Styles */
.contact-hero-section {
    min-height: 500px;
}

.contact-info-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-info-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.contact-item {
    transition: all 0.3s ease;
    padding: 1rem;
    border-radius: 0.5rem;
}

.contact-item:hover {
    background-color: rgba(59, 130, 246, 0.05);
    transform: translateX(5px);
}

.contact-icon {
    color: #2563eb;
    transition: transform 0.3s ease;
}

.contact-item:hover .contact-icon {
    transform: scale(1.1);
}

.map-container {
    overflow: hidden;
    border-radius: 0 1rem 1rem 0;
}

@media (max-width: 768px) {
    .map-container {
        border-radius: 0 0 1rem 1rem;
    }
    
    .contact-hero-section {
        min-height: 400px;
    }
}