html,body{
margin:0;
width:100%;
height:100%;
}
body{
background:#000 url('img/fondo.jpg') center center/cover no-repeat;
font-family:Arial,sans-serif;
overflow:hidden;
}
.overlay{
position:fixed;
inset:0;
background:linear-gradient(to top,rgba(0,0,0,.45),transparent);
pointer-events:none;
}
.buttons{
position:fixed;
left:50%;
bottom:40px;
transform:translateX(-50%);
display:flex;
gap:16px;
flex-wrap:wrap;
justify-content:center;
width:min(90%,700px);
}
.buttons a{
padding:16px 26px;
border-radius:18px;
color:#fff;
text-decoration:none;
font-weight:bold;
}
.ig{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af,#515bd4);}
.fb{background:#1877f2;}
.wa{background:#25D366;}
.shop{background:#111;}

@media (max-width:768px){
body{
background-size:contain;
}
.buttons{
bottom:20px;
gap:10px;
width:92%;
}
.buttons a{
flex:1 1 40%;
text-align:center;
padding:14px 10px;
font-size:15px;
}
}