body{
font-family:Arial, sans-serif;
background:#ffffff;
margin:0;
padding:0;
}
/* MENU */
.menu{
background:#222;
padding:15px 10px;
display:flex;
justify-content:center;
gap:40px;
flex-wrap:wrap;
}
.menu a{
color:white;
text-decoration:none;
font-weight:bold;
}
.menu a:hover{
color:#34a853;
}
/* CONTAINER */
.container{
max-width:1100px;
margin:auto;
padding:30px;
background:white;
}
/* VOLTAR */
.voltar{
display:inline-block;
margin-bottom:20px;
text-decoration:none;
color:#333;
}
.voltar:hover{
color:#34a853;
}
/* TOPO DO APP */
.app-topo{
text-align:center;
margin-bottom:10px;
}
.app-icone{
width:90px;
height:90px;
border-radius:20px;
box-shadow:0 4px 12px rgba(0,0,0,0.15);
margin-bottom:10px;
}
.avaliacao{
text-align:center;
color:#444;
font-size:15px;
margin-top:6px;
}
.reviews{
display:block;
font-size:13px;
color:#777;
margin-top:2px;
}
/* TITULOS */
h1{
text-align:center;
margin-bottom:5px;
font-size:28px;
}
.sub{
text-align:center;
color:#666;
margin-bottom:20px;
}
/* PRINTS */
.prints-area{
position:relative;
display:flex;
align-items:center;
max-width:1070px;
margin:auto;
}
.prints{
display:flex;
gap:15px;
overflow-x:auto;
scroll-behavior:smooth;
padding:20px 0;
}

.prints img:hover{
transform:scale(1.03);
transition:0.2s;
}

.prints::-webkit-scrollbar{
display:none;
}
.prints img{
height:420px;
border-radius:10px;
box-shadow:0 3px 12px rgba(0,0,0,0.15);
flex-shrink:0;
cursor:pointer;
}
/* SETAS */
.seta{
position:absolute;
background:#fff;
border:none;
font-size:26px;
width:40px;
height:40px;
border-radius:50%;
cursor:pointer;
box-shadow:0 2px 6px rgba(0,0,0,0.2);
}
.esquerda{
left:-10px;
}
.direita{
right:-10px;
}
/* DOWNLOAD */
.download-area{
text-align:center;
margin:30px 0;
}
.btn-download{
background:#34a853;
color:white;
padding:12px 22px;
border-radius:6px;
text-decoration:none;
font-weight:bold;
transition:0.2s;
}
.btn-download:hover{
background:#2c8c46;
}
/* DESCRIÇÃO */
.descricao{
max-width:700px;
margin:0 auto 30px auto;
font-size:15px;
color:#555;
line-height:1.6;
}
.descricao h2{
text-align:center;
margin-top:20px;
}
.descricao h3{
margin-top:25px;
text-align:center;
}
.descricao ul{
margin-top:15px;
padding-left:20px;
}
.descricao li{
margin-bottom:8px;
}
/* CTA */
.cta-app{
margin-top:40px;
text-align:center;
padding:25px 0;
border-top:1px solid #eee;
}
.cta-texto{
margin-bottom:15px;
}
.btn-whatsapp{
background:#25D366;
color:white;
padding:12px 22px;
border-radius:6px;
text-decoration:none;
font-weight:bold;
}
.btn-whatsapp:hover{
background:#1ebe5d;
}
/* RODAPE */
.footer{
margin-top:40px;
padding:20px;
text-align:center;
font-size:14px;
color:#777;
border-top:1px solid #eee;
}
/* WHATSAPP FLUTUANTE */
.whatsapp-float{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
width:55px;
height:55px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
box-shadow:0 4px 10px rgba(0,0,0,0.25);
}

.whatsapp-float img{
width:26px;
filter:invert(1);
}

.whatsapp-float:hover{
transform:scale(1.08);
transition:0.2s;
}
/* ZOOM DAS IMAGENS */
.zoom{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.85);
align-items:center;
justify-content:center;
z-index:9999;
}
.zoom img{
max-width:90%;
max-height:90%;
border-radius:10px;
}
/* RESPONSIVO */
@media (max-width:600px){
.container{
padding:20px;
}
.prints img{
height:340px;
}
.menu{
gap:15px;
padding:15px 5%;
justify-content:space-between;
max-width:1100px;
margin:auto;
}
.seta{
display:none;
}
.app-icone{
width:75px;
height:75px;
}
.descricao{
padding:0 15px;
}

}