/* ================================================= */
/* SECCIÓN HERO NUPCIAL                              */
/* ================================================= */

.wedding-hero {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('https://images.unsplash.com/photo-1515934751635-c81c6bc9a2d8?ixlib=rb-4.0.3&auto=format&fit=crop&w=1350&q=80');
    background-size: cover;
    background-position: center;
    height: 60vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    text-align: center;
    padding: 0 20px;
}

.wedding-hero h1 { 
    font-size: 3rem; 
    font-weight: 800; 
    margin-bottom: 10px; 
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); 
}

.wedding-hero p { 
    font-size: 1.2rem; 
    font-style: italic; 
    max-width: 700px; 
}

/* ================================================= */
/* CONTENIDO PRINCIPAL & DESTINOS                    */
/* ================================================= */

.content-container { 
    padding: 60px 20px; 
    max-width: 1100px; 
    margin: 0 auto; 
}

.intro-section { 
    text-align: center; 
    margin-bottom: 50px; 
}

.intro-section h2 { 
    color: var(--azul-volsur, #1a234e); 
    font-size: 2.2rem; 
    margin-bottom: 20px; 
}

.intro-section p { 
    font-size: 1.1rem; 
    color: #555555; 
    max-width: 800px; 
    margin: 0 auto 20px; 
}

.wedding-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
    gap: 25px; 
    margin-top: 40px; 
}

.destination-card { 
    background: white; 
    padding: 30px; 
    border-radius: 15px; 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); 
    border-top: 4px solid var(--dorado-volsur, #c5a059); 
    transition: transform 0.3s ease; 
}

.destination-card:hover { 
    transform: translateY(-5px); 
}

.destination-card i { 
    font-size: 2rem; 
    color: var(--dorado-volsur, #c5a059); 
    margin-bottom: 15px; 
}

.destination-card h3 { 
    color: var(--azul-volsur, #1a234e); 
    margin-bottom: 10px; 
}

.destination-card p { 
    font-size: 0.95rem; 
    color: #666666; 
}

/* ================================================= */
/* CALL TO ACTION (CTA)                              */
/* ================================================= */

.cta-wedding { 
    background: var(--azul-volsur, #1a234e); 
    color: white; 
    padding: 50px 30px; 
    border-radius: 20px; 
    text-align: center; 
    margin-top: 60px; 
    box-shadow: 0 15px 35px rgba(26, 35, 58, 0.2); 
}

.cta-wedding h3 { 
    font-size: 1.8rem; 
    margin-bottom: 15px; 
    color: var(--dorado-volsur, #c5a059); 
}

.cta-wedding p { 
    margin-bottom: 25px; 
    font-size: 1.1rem; 
}

.btn-ws { 
    background: var(--dorado-volsur, #c5a059); 
    color: var(--azul-volsur, #1a234e); 
    padding: 18px 40px; 
    text-decoration: none; 
    border-radius: 50px; 
    display: inline-flex; 
    align-items: center; 
    gap: 12px; 
    font-weight: 700; 
    transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease; 
    box-shadow: 0 5px 20px rgba(197, 160, 89, 0.3); 
    text-transform: uppercase; 
}

.btn-ws:hover { 
    transform: scale(1.05); 
    background: #ffffff; 
    color: var(--azul-volsur, #1a234e); 
}

/* ================================================= */
/* RESPONSIVIDAD EXCLUSIVA DE BODAS                  */
/* ================================================= */

@media (max-width: 900px) {
    .wedding-hero h1 { 
        font-size: 2.2rem; 
    }
}