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

body{
background:#121212;
font-family:Arial;
color:white;
}

/* HEADER */
header{
padding:10px;
text-align:center;
border-bottom:1px solid #222;
}

nav a{
color:#ccc;
margin:0 10px;
text-decoration:none;
}

/* GALERIA estilo Google */
.galeria{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(120px,1fr));
gap:4px;
padding:6px;
}

.galeria img{
width:100%;
aspect-ratio:1/1;
object-fit:cover;
cursor:pointer;
}

/* VISUALIZADOR */
.viewer{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:black;
justify-content:center;
align-items:center;
z-index:9999; /* AUMENTEI */
}

.viewer img{
max-width:90%;
max-height:90%;
}

/* BOTÕES */
.fechar{
position:absolute;
top:15px;
right:15px;
font-size:25px;
cursor:pointer;
}

.seta{
position:absolute;
top:50%;
transform:translateY(-50%);
font-size:30px;
background:none;
border:none;
color:white;
cursor:pointer;
}

.esquerda{ left:10px; }
.direita{ right:10px; }

/* CONTATO */
#contato{
text-align:center;
padding:30px;
display:flex;
flex-direction:column;
align-items:center;
gap:15px;
}

.btn{
background:#1a73e8;
color:white;
padding:10px 20px;
text-decoration:none;
border-radius:5px;
}