*{margin:0;padding:0;box-sizing: border-box;font-family:Arial, Helvetica, sans-serif;list-style:none;}

:root{
    --verde:#00631A;
    --verde-hover:#00290B;
    --branco:#ffffff;
    --cinza-border:#cecece;
}

.container{max-width:1280px;margin:0 auto;}

header{width:100%;}
.box-header{padding:10px;display:flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.logo{width:130px;}
.menu-topo ul{display: flex;gap:10px;color:var(--verde-hover);font-size:14px;font-weight:500;align-items: center;}
.menu-topo button{padding:10px 20px;border:none;background-color: var(--verde-hover);color:var(--branco);border-radius:5px;}
.menu{background-color: var(--verde-hover);}
.menu ul{display: flex;flex-wrap: wrap;}
.menu li{padding:10px;color:var(--branco);cursor: pointer;}
.menu li:hover{background-color: var(--verde);}

/* BANNER PRINCIPAL */
.banner img{width:100%;margin:20px auto;}

/* Máquinas */
.box-maquinas{width:100%;display:flex;flex-wrap: wrap;justify-content: start;align-items:start;}
.box-maquinas li{width:25%;padding:10px;}
.lista-maq{border:1px solid var(--cinza-border);padding:5px;border-radius:10px;cursor: pointer;}
.titulo-maq{height:70px;}
.box-maquinas img{width:100%;aspect-ratio: 16/9;object-fit: cover;}
.categoria-maq{background-color:var(--verde-hover);padding:10px;color:var(--branco);margin:10px 0;font-size:14px;}
.box-maquinas footer{display: flex;flex-wrap: wrap;justify-content: space-between;align-items:center;}
.box-maquinas footer button{padding:10px;background-color:var(--verde-hover);border:none;color:var(--branco);}
.box-maquinas footer button:hover{background-color:var(--verde);cursor: pointer;}
.local-maq{margin:10px 0;}

.footer{background-color:var(--verde-hover);color:var(--branco);padding:20px 0;margin-top:20px;}
.box-footer{display: flex;justify-content:space-between;flex-wrap: wrap;align-items: center;}
.box-footer p{padding:5px 0;}
.rodape{margin: auto;width:100%;text-align: center;padding:30px 0;border-top: 1px dashed var(--branco);margin-top:20px;}