@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

html { scroll-behavior: smooth; }
body { font-family: 'Montserrat', sans-serif; margin: 0; background-color: #FFFFFF; }

/* Cabeçalho e Menu */
.header { display: flex; justify-content: space-between; align-items: center; padding: 15px 30px; background-color: #FFFFFF; border-bottom: 2px solid #C9A227; }
.header .logo { height: 80px; }
.nav-menu { display: flex; gap: 20px; }
.nav-menu a { text-decoration: none; color: #0A3D62; font-weight: bold; font-size: 16px; transition: color 0.3s; }
.nav-menu a:hover { color: #C9A227; }
.bandeiras { display: flex; gap: 10px; }
.bandeiras img { width: 32px; height: 22px; object-fit: cover; cursor: pointer; border-radius: 3px; border: 1px solid #ccc; }

/* Banner com Imagem */
.banner { 
    background-image: linear-gradient(rgba(10, 61, 98, 0.7), rgba(10, 61, 98, 0.7)), url('assets/imags/banner_principal.png'); 
    background-size: cover; 
    background-position: center; 
    color: #FFFFFF; 
    text-align: center; 
    padding: 120px 20px; 
}
.cta-button { background-color: #C9A227; color: #FFFFFF; padding: 15px 30px; text-decoration: none; font-weight: bold; border-radius: 5px; display: inline-block; margin-top: 20px; }

/* Sobre Nós com Imagem */
.sobre-nos-section { padding: 80px 20px; background-color: #FFFFFF; }
.sobre-nos-container { max-width: 900px; margin: 0 auto; text-align: left; }
.sobre-nos-img { width: 100%; max-height: 400px; object-fit: cover; border-radius: 8px; margin-bottom: 20px; }
.sobre-nos-container h2 { color: #0A3D62; text-align: center; margin-bottom: 30px; }
.sobre-nos-container h3 { color: #0A3D62; margin-top: 30px; border-bottom: 2px solid #C9A227; padding-bottom: 5px; display: inline-block; }
.sobre-nos-container p { line-height: 1.6; color: #444; font-size: 16px; }
.sobre-nos-container ul { list-style: none; padding: 0; }
.sobre-nos-container ul li { margin-bottom: 12px; line-height: 1.6; color: #444; }
.sobre-nos-container ul li i { color: #C9A227; margin-right: 10px; font-size: 1.1rem; }

/* Experiências (Cartões com Imagens) */
.destinos-section { padding: 80px 20px; text-align: center; background-color: #f9f9f9; }
.destinos-section h2 { color: #0A3D62; margin-bottom: 30px; }
.cards-container { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; }
.card { background-color: #FFFFFF; border: 1px solid #e0e0e0; border-radius: 8px; width: 300px; overflow: hidden; display: flex; flex-direction: column; }
.card img { width: 100%; height: 200px; object-fit: cover; }
.card-content { padding: 20px; display: flex; flex-direction: column; flex-grow: 1; }
.card h3 { color: #3C6382; margin-top: 0; }
.card-btn { background-color: #C9A227; color: white; padding: 10px; text-decoration: none; border-radius: 5px; display: block; margin-top: auto; transition: background 0.3s; }
.card-btn:hover { background-color: #b59020; }

/* Contatos */
.contato-section { padding: 80px 20px; text-align: center; background-color: #FFFFFF; }
.contato-section h2 { color: #0A3D62; margin-bottom: 30px; }
.contato-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 900px; margin: 0 auto; }
.contato-card { background: #ffffff; border-left: 4px solid #C9A227; padding: 20px; border-radius: 5px; width: 300px; text-align: left; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
.contato-card h4 { margin: 0 0 10px 0; color: #0A3D62; display: flex; align-items: center; gap: 10px; font-size: 16px; }
.contato-card h4 i { color: #C9A227; font-size: 1.3rem; width: 20px; text-align: center; }
.contato-card a { color: #C9A227; text-decoration: none; font-weight: bold; font-size: 14px; word-break: break-all; }

/* Rodapé e WhatsApp */
.rodape { background-color: #0A3D62; color: #FFFFFF; text-align: center; padding: 20px; margin-top: 40px; }
.rodape a { color: #C9A227; text-decoration: none; font-weight: bold; }
.whatsapp-flutuante { position: fixed; bottom: 20px; right: 20px; background-color: #25d366; color: white; border-radius: 50px; padding: 12px 24px; text-decoration: none; font-weight: bold; box-shadow: 2px 2px 10px rgba(0,0,0,0.2); z-index: 1000; display: flex; align-items: center; gap: 8px;}