/* GALERÍA */
    .galeria-museo{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
        gap: 20px;
    }

    /* TARJETAS */
    .tarjeta-museo{
        background: white;
        border-radius: 12px;
        overflow: hidden;
        cursor: pointer;
        transition: .3s ease;
        box-shadow: 0 5px 15px rgba(0,0,0,.1);
    }

    .tarjeta-museo:hover{
        transform: translateY(-5px);
    }

    .tarjeta-museo img{
        width: 100%;
        height: 415px;
        object-fit: cover;
        display: block;
    }

    .info-tarjeta{
        padding: 15px;
    }

    .info-tarjeta h3{
        margin: 0;
        color: #7b3f00;
        font-size: 18px;
    }

    /* MODAL */
    .modal{
        display: none;
        position: fixed;
        inset: 0;
        z-index: 999;
        background: rgba(0,0,0,.7);
        justify-content: center;
        align-items: center;
        padding: 20px;
    }

    .modal.activo{
        display: flex;
    }

    .modal-contenido{
        position: relative;
        width: 100%;
        max-width: 450px;
        background: white;
        border-radius: 15px;
        overflow: hidden;
        animation: aparecer .3s ease;
    }

    @keyframes aparecer{
        from{
            transform: scale(.8);
            opacity: 0;
        }
        to{
            transform: scale(1);
            opacity: 1;
        }
    }

    /* IMAGEN MODAL */
    .modal-imagen img{
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    /* TEXTO */
    .modal-descripcion{
        padding: 25px;
    }

    .modal-descripcion h2{
        margin-bottom: 10px;
        color: #7b3f00;
    }

    .modal-descripcion{
        line-height: 1.7;
        font-size: 12px;
    }

    /* CERRAR */
    .cerrar{
        position: absolute;
        top: 15px;
        right: 15px;
        width: 40px;
        height: 40px;
        border: none;
        border-radius: 50%;
        background: rgba(0,0,0,.6);
        color: white;
        font-size: 20px;
        cursor: pointer;
    }