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

body{
background:white;
color:black;
padding:30px;
}

.slider-box{

width:90%;
max-width:900px;

margin:auto;

position:relative;

overflow:hidden;

border-radius:15px;

box-shadow:0 0 20px rgba(0,0,0,.5);

}

.slider{

overflow:hidden;

}

.slides{

display:flex;

transition:.5s;

}

.slides a{

min-width:100%;

}

.slides img{

width:100%;

height:500px;

object-fit:cover;

display:block;

cursor:pointer;

}

.btn{

position:absolute;

top:50%;

transform:translateY(-50%);

background:rgba(0,0,0,.5);

border:none;

color:white;

font-size:40px;

padding:10px 15px;

cursor:pointer;

z-index:10;

}

.prev{

left:10px;

}

.next{

right:10px;

}

.galeria{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:15px;

margin-top:30px;

}

.galeria img{

width:100%;

height:220px;

object-fit:cover;

border-radius:10px;

transition:.3s;

cursor:pointer;

}

.galeria img:hover{

transform:scale(1.05);

}

.volver{

margin:40px;

text-align:center;

}

.volver a{

background:#0099ff;

padding:15px 30px;

border-radius:8px;

color:white;

text-decoration:none;

font-size:20px;

}

@media(max-width:768px){

.slides img{

height:300px;

}

}