body{
    background:#e8dcc5;
    margin:0;
    padding:30px;
    font-family:Georgia, serif;
    color:#3b2416;
}


/* Encabezado */

header{
    text-align:center;
    margin-bottom:40px;
}

h1{
    font-size:42px;
    color:#8b1e1e;
}

.subtitulo{
    font-style:italic;
}


/* Galería */

.galeria{

    max-width:1200px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;

}


/* Imágenes */

.galeria img{

    width:100%;
    display:block;

    border:8px solid #f5ecd7;

    box-shadow:
    0 0 0 2px #b8862c,
    0 10px 20px rgba(0,0,0,.25);

    cursor:pointer;

}


/* Efecto al pasar */

.galeria img:hover{

    transform:translateY(-5px);
    transition:.3s;

}


/* Fondo de ampliación */

.lightbox{

    background:rgba(40,20,10,.9);

}


/* Texto */

footer{

    text-align:center;
    margin-top:50px;
    color:#6b4b32;

}