/* Configurações Gerais */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; color: #333; }
.container { width: 90%; max-width: 1100px; margin: auto; overflow: hidden; }

/* Cabeçalho */
/* Ajuste da Imagem do Logo no Cabeçalho */
.logo-img {
    height: 60px; /* Ajusta esta altura conforme preferires, ex: 50px ou 70px */
    width: auto;  /* Mantém a proporção da imagem para não distorcer */
    display: block; /* Remove espaços em branco indesejados por baixo da imagem */
}
header { background: #002d5a; color: #fff; padding: 15px 0; border-bottom: 4px solid #ffcc00; }
header .logo { float: left; font-size: 24px; font-weight: bold; color: #ffcc00; }
header nav { float: right; margin-top: 5px; }
header nav a { color: #fff; text-decoration: none; padding: 5px 15px; }
.btn-topo { background: #ffcc00; color: #002d5a !important; border-radius: 5px; font-weight: bold; }

/* Banner Principal */
.hero { background: #f4f4f4; padding: 80px 0; text-align: center; border-bottom: 1px solid #ddd; }
.hero h1 { font-size: 2.5rem; margin-bottom: 10px; color: #002d5a; }
.cta-principal { display: inline-block; background: #25d366; color: white; padding: 15px 30px; text-decoration: none; border-radius: 50px; font-weight: bold; margin-top: 20px; font-size: 1.2rem; transition: 0.3s; }
.cta-principal:hover { transform: scale(1.05); background: #1ebd59; }

/* Cartões de Serviços */
.servicos { padding: 50px 0; background: #fff; }
.servicos .container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
.card { background: #fff; padding: 30px; border: 1px solid #eee; border-radius: 10px; text-align: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.card h3 { color: #002d5a; margin-bottom: 15px; }

/* Rodapé */
footer { background: #222; color: #fff; text-align: center; padding: 40px 0; margin-top: 50px; }