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

body{
    background: #000000;
}

    


h1{
    color: #d4af37;
    font-family:"Montserrat", sans-serif; 
    text-align: center;
    padding: 15px;
    text-decoration: underline;
}

/*Estilos de la galería*/

.galeria-contenedor{
    display: grid;
    grid-template-columns: repeat(3, 1fr);  
    padding: 20px;
    gap: 10px;
}
.galeria-item{
    position: relative;
}

.galeria-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}


.galeria-titulo{
    position: absolute;
    bottom: 0;
    color: white;
    width: 100%;
    padding: 10px;
    margin: 0;
}
h2{
    font-size: 10px;
}

.galeria-contenedor img{
    height: 100%;
    border-radius: 5px;
    transition: 1s;   
}

.galeria-contenedor img:hover{
    transform: scale(1.1);
    z-index: 2;
}

.galeria-item:nth-child(6){
    grid-column-start: span 2;
}
.galeria-item:nth-child(5){
    grid-column-start: span 2;
}
.galeria-item:nth-child(9){
    grid-column-start: span 2;
}



@media (min-width:768px){
    .galeria-contenedor{
        grid-template-columns: repeat(4, 1fr);  
    }
.galeria-titulo{
    position: absolute;
    bottom: 0;
    color:white;
    width: 100%;
    padding: 10px;
    margin: 0;
    background:linear-gradient(rgba(255,255,255,0),rgba(184, 134, 11, 1));
}

h2{
    font-size: 15px;
}


}