*{margin:0;padding:0;box-sizing:border-box}

body{font-family:Arial,sans-serif;background:#0d0d0d;color:#fff}

.picture{height:flex;
         width:flex;
         display:flex;
         justify-content:center;
         align-items:center;
         text-align:center
        }

.hero{height:100vh;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url center/cover}

.overlay{height:80%;
         display:flex;
         flex-direction:column;
         justify-content:center;
         align-items:center;
         text-align:center;
         padding:20px}


h1{font-size:2.3rem;color:#f7b500}

.btn{background:#f7b500;
     color:#000;
     padding:15px 30px;
     text-decoration:none;
     font-weight:bold;
     border-radius:5px;
     margin-top:20px
     cursor:pointer;
     transition:background-color 0.2s, transform 0.1s;
    
     
    }
        .btn:hover {
  background-color: #0056b3;
    }

.btn:active {
  transform: scale(0.98);
  background-color: #004085;
}



.btn-orçamento{background:#f7b500;
     color:#000;
     padding:15px 30px;
     text-decoration:none;
     font-weight:bold;
     border-radius:5px;
     margin-top:20px
     cursor:pointer;
     transition:background-color 0.2s, transform 0.1s;
      animation: efeitoPiscar 0.5s infinite;
}

@keyframes efeitoPiscar {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
     
     
    }
        .btn:hover {
  background-color: #0056b3;
    }

.btn:active {
  transform: scale(0.98);
  background-color: #004085;
}
section{padding:80px 20px}

.services{background:#111}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:1200px;margin:auto}

.card{background:#1c1c1c;padding:25px;border-left:4px solid #f7b500}

h2{text-align:center;margin-bottom:30px;color:#f7b500}

.about,.contact{text-align:center}

.whatsapp{position:fixed;right:20px;bottom:20px;background:#25D366;color:#fff;padding:15px 20px;text-decoration:none;border-radius:50px}

.img {max-widht: 100%; height: auto;}

.container-rodape{justify-content:center;align-items:center;text-align:center}
.imagem {height:flex;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}

nav {
    background-color: #333;
}

nav ul {
    list-style-type: none; /* Remove as bolinhas da lista */
    margin: 0;
    padding: 0;
    display: flex; /* Alinha os itens lado a lado */
}

nav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none; /* Remove o sublinhado */
}

nav li a:hover {
    background-color: #111; /* Efeito ao passar o mouse */
}


/* Zera margens e paddings básicos */
* { margin: 0; padding: 0; box-sizing: border-box; }

body { font-family: Arial, sans-serif; }

/* Barra de navegação */
.navbar {
  background-color: #333;
  padding: 15px 20px;
}

.nav-links {
  list-style: none;
  display: flex;
  gap: 20px;
}

.nav-links a {
  color: white;
  text-decoration: none;
  padding: 10px 15px;
  display: block;
}

/* Efeito ao passar o mouse */
.nav-links li a:hover {
  background-color: #555;
  border-radius: 4px;
}

/* --- Menu Cascata (Dropdown) --- */

/* Esconde o menu cascata por padrão */
.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #444;
  list-style: none;
  min-width: 160px;
  box-shadow: 0px 8px 16px rgba(0,0,0,0.2);
  margin-top: 10px;
}

/* Mostra o menu cascata ao passar o mouse */
.dropdown:hover .dropdown-menu {
  display: block;
}

/* Estiliza os itens do submenu */
.dropdown-menu li a {
  padding: 12px 16px;
}