* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Segoe UI', Arial, sans-serif; color: #222; background: #fff; line-height: 1.5; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

.topo { background: #ff6600; color: #fff; position: sticky; top: 0; z-index: 10; }
.topo-conteudo { max-width: 1180px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; gap: 20px; }
.marca { font-weight: 700; font-size: 20px; }
.menu-principal { display: flex; gap: 18px; flex-wrap: wrap; }
.menu-principal a { font-size: 14px; opacity: .95; }
.menu-principal a:hover { text-decoration: underline; }
.botao-whatsapp { background: #12294a; padding: 8px 16px; border-radius: 20px; font-size: 14px; white-space: nowrap; }

.hero { background: linear-gradient(135deg, #12294a, #1e3a63); color: #fff; text-align: center; padding: 70px 20px; }
.hero h1 { font-size: 32px; margin-bottom: 10px; }
.hero p { font-size: 16px; opacity: .9; margin-bottom: 22px; }
.botao-hero { display: inline-block; background: #ff6600; color: #fff; padding: 12px 26px; border-radius: 24px; font-weight: 600; }

.secao-zona, .secao-blog, .pagina-listagem, .pagina-institucional { max-width: 1180px; margin: 0 auto; padding: 40px 20px; }
.secao-zona-topo { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.secao-zona-topo h2, .secao-blog h2 { font-size: 22px; }
.ver-tudo { font-size: 14px; color: #ff6600; font-weight: 600; }

.grade-produtos { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; }
.card-produto { border: 1px solid #eee; border-radius: 8px; overflow: hidden; display: block; transition: box-shadow .2s; }
.card-produto:hover { box-shadow: 0 6px 18px rgba(0,0,0,.08); }
.card-produto-img { height: 150px; background-size: cover; background-position: center; background-color: #f0f0f0; }
.card-produto-corpo { padding: 14px; }
.card-produto-destino { display: inline-block; background: #fff2e8; color: #ff6600; font-size: 12px; font-weight: 600; padding: 2px 8px; border-radius: 12px; margin-bottom: 6px; }
.card-produto-corpo h3 { font-size: 16px; margin-bottom: 6px; }
.card-produto-corpo p { font-size: 13px; color: #666; margin-bottom: 10px; }
.card-produto-preco { font-size: 13px; color: #444; }
.card-produto-preco strong { color: #12294a; font-size: 16px; }

.grade-blog { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
.card-blog { border-radius: 8px; overflow: hidden; border: 1px solid #eee; display: block; }
.card-blog-img { height: 140px; background-size: cover; background-position: center; background-color: #f0f0f0; }
.card-blog h3, .card-blog p { padding: 0 14px; }
.card-blog h3 { margin-top: 12px; font-size: 15px; }
.card-blog p { margin: 6px 0 14px; font-size: 13px; color: #666; }

.pagina-produto { max-width: 1000px; margin: 0 auto; padding: 40px 20px; display: grid; grid-template-columns: 1.1fr 1fr; gap: 36px; }
.produto-img { height: 340px; background-size: cover; background-position: center; border-radius: 10px; background-color: #f0f0f0; }
.produto-info h1 { font-size: 26px; margin: 8px 0 6px; }
.produto-descricao { margin: 16px 0; font-size: 15px; color: #333; }
.produto-preco { font-size: 15px; margin-bottom: 18px; }
.produto-preco strong { font-size: 22px; color: #12294a; }

.pagina-post { max-width: 760px; margin: 0 auto; padding: 40px 20px; }
.post-capa { height: 300px; background-size: cover; background-position: center; border-radius: 10px; margin-bottom: 20px; background-color: #f0f0f0; }
.post-conteudo { margin-top: 16px; font-size: 15px; color: #333; }
.post-produto-relacionado { margin-top: 36px; }

.rodape { background: #12294a; color: #cfd8e6; margin-top: 40px; }
.rodape-conteudo { max-width: 1180px; margin: 0 auto; padding: 36px 20px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; }
.rodape-redes a { margin-right: 14px; color: #fff; font-size: 14px; }
.rodape-copy { text-align: center; padding: 14px; font-size: 12px; border-top: 1px solid rgba(255,255,255,.1); }

@media (max-width: 720px) {
    .pagina-produto { grid-template-columns: 1fr; }
    .menu-principal { display: none; }
}