/* Regras para Mobile (max-width: 768px) */

/* Regras do style-menu.css */
.hamburger {
    display: block;
}

nav ul {
    display: block; /* Alterado para block para comportamento de cortina */
    position: absolute;
    top: 100%; /* Começa logo abaixo do header */
    left: 0;
    width: 100%;
    background-color: #1e5e8a;
    padding: 0; /* Remove padding inicial */
    max-height: 0; /* Estado inicial: escondido */
    opacity: 0; /* Estado inicial: invisível */
    overflow: hidden; /* Evita que o conteúdo transborde enquanto está escondido */
    /* Transição removida do estado inicial para evitar animação ao fechar */
}

nav ul.active {
    max-height: 300px; /* Altura máxima suficiente para mostrar todo o menu */
    opacity: 1; /* Torna visível */
    padding: 10px 0; /* Adiciona padding quando visível */
    -webkit-transition: max-height 0.6s ease-in-out, opacity 0.6s ease-in-out;
    -moz-transition: max-height 0.6s ease-in-out, opacity 0.6s ease-in-out;
    transition: max-height 0.6s ease-in-out, opacity 0.6s ease-in-out; /* Transição suave apenas ao abrir */
}

nav ul li {
    display: block; /* Itens do menu em linhas separadas */
    margin: 10px 0;
    text-align: center;
    line-height: 40px; /* Altura da linha para melhor espaçamento */
}

nav ul li:not(:last-child) {
    border-bottom: 1px solid #a8d470; /* Linha verde claro entre os itens */
}

/* Regras do style-pages.css */
.intro h1,
.servicos h1,
.servico-detalhe h1,
.contato h1 {
    font-size: 24px;
}

.servico h2 {
    font-size: 16px;
}