/* estilos galeria


    <!-- galeria -->
     <section id="galeria">
        <div id="contenedorGaleria">
        <div id="contenedorTituloGaleria">
        <h2 id="galeriaTitle">Galería</h2>
        </div>
        <div id="galeriaContainer">
            <img src="/media/lv/img1.png">
            <img src="/media/lv/img2.png">
            <img src="/media/lv/img3.png">
            <img src="/media/lv/img4.png">
            <img src="/media/lv/img5.png">
            <img src="/media/lv/img6.png">
        </div>
        </div>
    </section> */

    #galeria{
        width: 100%;
        height: auto;
        background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 100%);
    }

    #contenedorGaleria{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #contenedorTituloGaleria{
        width: 100%;
    text-align: center;
    height: 80px;
    display: grid;
    place-items: center;
    }

    #galeriaContainer {
        width: 95%;
        height: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 300px);
        gap: 2%;
        padding-block: 30px;
    }

    #galeriaContainer img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }