/* CORREÇÕES FINAIS */

/* Logo menor no header */
.logo img {
    max-width: 200px;
    height: auto;
}

@media (max-width: 768px) {
    .logo img {
        max-width: 150px;
    }
}

/* Slider com 3 imagens novas */
.hero-slider {
    margin-top: 80px;
    height: 600px;
}

/* Botões com mais espaçamento */
.hero-btns,
.btn-group {
    display: flex;
    gap: 20px !important;
    flex-wrap: wrap;
}

/* Mobile - Fontes condensadas light nos cards */
@media (max-width: 768px) {
    .why-card h3,
    .why-card p,
    .birthday-epic h2,
    .birthday-epic p,
    .birthday-epic li,
    .agenda-card h3,
    .agenda-card p,
    .footer h3,
    .footer h4,
    .footer p,
    .footer li {
        font-family: 'Roboto Condensed', 'Arial Narrow', sans-serif !important;
        font-weight: 300 !important;
        color: white !important;
    }
}

/* Banners - títulos brancos sem ícones */
.cta-banner h2 {
    color: white !important;
}

/* Footer - Logo 180px */
.footer-logo-img {
    width: 180px !important;
    height: auto !important;
}

/* Footer - Título rosa */
.footer h3 {
    color: #FF006E !important;
}

/* Footer - Responsivo */
@media (max-width: 768px) {
    .footer-grid {
        grid-template-columns: 1fr !important;
    }
    
    .footer-contact-item {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 10px;
    }
}

/* Container responsivo */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

@media (max-width: 768px) {
    .container {
        padding: 0 15px;
    }
    
    section {
        overflow-x: hidden;
    }
    
    .grid-2x2 {
        grid-template-columns: 1fr !important;
    }
}