:root {
    --azul: #0000A5;
    --vermelho: #EF3E36;
    --branco: #ffffff;
    --cinza-claro: #f9f9f9;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Montserrat', sans-serif; line-height: 1.6; color: #333; }
.container { width: 90%; max-width: 1200px; margin: auto; }

/* HEADER - LOGOTIPO AJUSTADO */
header { background: var(--branco); padding: 20px 0; border-bottom: 2px solid #eee; position: sticky; top: 0; z-index: 1000; }
.nav-container { display: flex; justify-content: space-between; align-items: center; }

/* Aumentada a escala do logo */
.logo img { 
    height: auto; 
    width: 150px; /* Aumentado de 70px para 280px para dar visibilidade */
    max-width: 100%;
    display: block;
}

.header-right { text-align: right; }
.alvara-header { font-weight: bold; color: var(--azul); border: 2px solid var(--azul); padding: 5px 12px; border-radius: 4px; display: inline-block; margin-bottom: 5px; }
.horario-topo { font-size: 0.85rem; color: #666; font-weight: bold; }

/* HERO */
.hero {
    height: 70vh;
    background: url('fundo2.png') no-repeat center center/cover;
    display: flex; align-items: center; justify-content: center;
    position: relative; color: white; text-align: center;
}
.hero-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 80, 0.45); }
.hero-content { z-index: 1; }
.hero-content h1 { font-size: 3rem; text-shadow: 2px 2px 10px rgba(0,0,0,0.4); }

/* BOTÕES */
.btn-vermelho { background: var(--vermelho); color: white; padding: 18px 40px; text-decoration: none; border-radius: 5px; font-weight: bold; display: inline-block; margin-top: 20px; }
.btn-whatsapp { background: #25D366; color: white; padding: 15px 30px; text-decoration: none; border-radius: 5px; font-weight: bold; display: inline-block; margin-top: 10px; }

/* SERVIÇOS */
.servicos { padding: 80px 0; background: var(--cinza-claro); }
.titulo-seccao { text-align: center; color: var(--azul); margin-bottom: 50px; font-size: 2.2rem; }
.grid-servicos { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
.card { background: white; padding: 40px; border-radius: 12px; text-align: center; box-shadow: 0 10px 20px rgba(0,0,0,0.05); border-top: 6px solid var(--azul); }
.card .icon { font-size: 3.5rem; display: block; margin-bottom: 15px; }

/* CONTACTO */
.contacto { padding: 80px 0; }
.contacto-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; }
.info-item { margin-bottom: 25px; }
.info-item h3 { color: var(--azul); margin-bottom: 5px; }
.mapa { border-radius: 10px; overflow: hidden; border: 1px solid #ddd; }

/* FOOTER */
footer { background: var(--azul); color: white; text-align: center; padding: 30px; }

/* MOBILE */
@media (max-width: 768px) {
    .nav-container { flex-direction: column; text-align: center; }
    .header-right { margin-top: 15px; text-align: center; }
    .logo img { width: 200px; margin: 0 auto; }
    .contacto-grid { grid-template-columns: 1fr; }
    .hero-content h1 { font-size: 1.8rem; }
}