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

.contenedor/* CONTENEDOR GENÉRICO DE TODAS LAS GALERIAS*/
{
width: 100%;
max-width: 1200px;
display: grid; /* CONVIERTE EL CONTENEDOR EN REJILLA */
grid-template-columns: repeat(3, 1fr); /* SE DEFINEN LAS COLUMNAS, FR HACE REFERENCIA A LAS FRACCIONES EN QUE SE DIVIDE, en este caso 3 columnas de 1 fracción cada una */
grid-column-gap: 20px;
grid-row-gap: 20px;

}
@media screen and (max-width: 640px) {
.contenedor{grid-column-gap: 0px; grid-template-columns: repeat(1, 1fr);}
    }

.caja-foto img{
    width: 100%;
    height: 100%;
    object-fit:cover;
    display: block;
} 
.caja-foto a{color: #edc580; filter: opacity(1); transition:all .5s ease-in-out; cursor: pointer; text-decoration: none;}
.caja-foto a:hover{filter: opacity(0.5);}


/* GALERIA ACTING FOR CAMERA*/
.contenedor-galeria_acting-for-camera/* CONTENEDOR ESPECÍFICO DE FILAS (DEPENDE DE LAS FOTOS QUE SE QUIEREN INCLUIR) DE CADA GALERIAS*/
{grid-template-rows: repeat(7, 1fr);}

.caja-foto_acting-for-camera:nth-child(3)
{grid-column-start: span 1; grid-row-end: span 2;}
.caja-foto_acting-for-camera:nth-child(4)
{grid-column-start: span 2; grid-row-end: span 2;}
.caja-foto_acting-for-camera:nth-child(10)
{grid-column-start: span 2; grid-row-end: span 2;}
.caja-foto_acting-for-camera:nth-child(11)
{grid-column-start: span 1; grid-row-end: span 2;}



/* GALERIA PAJARICOS*/
.contenedor-galeria_pajaricos/* CONTENEDOR ESPECÍFICO DE FILAS (DEPENDE DE LAS FOTOS QUE SE QUIEREN INCLUIR) DE CADA GALERIAS*/
{grid-template-rows: repeat(3, 1fr);}

.caja-foto_pajaricos:nth-child(4)
{grid-column-start: span 2; grid-row-end: span 2;}
.caja-foto_pajaricos:nth-child(5)
{grid-column-start: span 1; grid-row-end: span 2;}



/* GALERIA THIS IS ABOUT A SHORT FILM*/
/* AL SER TODAS LAS MINIATURAS IGUALES NO HAY QUE PROGRAMAR LAS POSICIONES*/

/* GALERIA TANZ MIT DER HOFFNUNG*/
.contenedor-galeria_hoffnung/* CONTENEDOR ESPECÍFICO DE FILAS (DEPENDE DE LAS FOTOS QUE SE QUIEREN INCLUIR) DE CADA GALERIAS, EN ESTE CASO UNA ÚNICA FOTO*/
{   grid-template-columns: 1fr;}
.caja-foto_hoffnung
{grid-column: 1;}/* DESDE LA PRIMERA HASTA LA ÚLTIMA COLUMNA, POR DEFECTO LA GALERIA TIENE 3 COLUMNAS*/

/* GALERIA RAUHNÄCHTE*/
.contenedor-galeria_rauhnachte/* CONTENEDOR ESPECÍFICO DE FILAS (DEPENDE DE LAS FOTOS QUE SE QUIEREN INCLUIR) DE CADA GALERIAS, EN ESTE CASO UNA ÚNICA FOTO*/
{   grid-template-columns: 1fr;}
.caja-foto_rauhnachte
{grid-column: 1 / -1;}/* DESDE LA PRIMERA HASTA LA ÚLTIMA COLUMNA, POR DEFECTO LA GALERIA TIENE 3 COLUMNAS*/

/* GALERIA HERZ FREEQENZ*/
.contenedor-galeria_herz-freeqenz/* CONTENEDOR ESPECÍFICO DE FILAS (DEPENDE DE LAS FOTOS QUE SE QUIEREN INCLUIR) DE CADA GALERIAS, EN ESTE CASO UNA ÚNICA FOTO*/
{   grid-template-columns: 1fr;}
.caja-foto_herz-freeqenz
{grid-column: 1 / -1;}/* DESDE LA PRIMERA HASTA LA ÚLTIMA COLUMNA, POR DEFECTO LA GALERIA TIENE 3 COLUMNAS*/


@media screen and (max-width: 640px) {

    /* GALERIA ACTING FOR CAMERA*/
    .contenedor-galeria_acting-for-camera/* CONTENEDOR ESPECÍFICO DE FILAS (DEPENDE DE LAS FOTOS QUE SE QUIEREN INCLUIR) DE CADA GALERIAS*/
    {grid-template-rows: repeat(13, 0.5fr);}
    /* GALERIA PAJARICOS*/

    /* GALERIA ACTING FOR CAMERA*/
    .caja-foto_acting-for-camera:nth-child(3)
    {grid-column-start: span 1; grid-row-end: span 2;}
    .caja-foto_acting-for-camera:nth-child(4)
    {grid-column-start: span 1; grid-row-end: span 1;}
    .caja-foto_acting-for-camera:nth-child(10)
    {grid-column-start: span 1; grid-row-end: span 1;}
    .caja-foto_acting-for-camera:nth-child(11)
    {grid-column-start: span 1; grid-row-end: span 2;}


    
    .contenedor-galeria_pajaricos/* CONTENEDOR ESPECÍFICO DE FILAS (DEPENDE DE LAS FOTOS QUE SE QUIEREN INCLUIR) DE CADA GALERIAS*/
    {grid-template-rows: repeat(6, 0.5fr);}
    /* GALERIA PAJARICOS*/
    .caja-foto_pajaricos:nth-child(4)
    {grid-column-start: span 1; grid-row-end: span 1;}
    .caja-foto_pajaricos:nth-child(5)
    {grid-column-start: span 1; grid-row-end: span 2;}
}

