/*
-------------------------------------------------------
SPECIAL FLEX GRID
-------------------------------------------------------
*/

.paragraph--type--special-flex-grid .contenedor{

  display:grid;

  grid-template-columns:3fr 1fr;
  grid-template-rows:1fr 1fr;

  gap:20px;

  align-items:stretch;

}

/*----------------------------------------------------
  ZONAS
----------------------------------------------------*/

.paragraph--type--special-flex-grid .bicol{

  grid-column:1;
  grid-row:1 / span 2;

  min-width:0;
  min-height:0;

  overflow:hidden;

}

.paragraph--type--special-flex-grid .bloque-superior{

  grid-column:2;
  grid-row:1;

  min-width:0;
  min-height:0;

  overflow:hidden;

}

.paragraph--type--special-flex-grid .bloque-inferior{

  grid-column:2;
  grid-row:2;

  min-width:0;
  min-height:0;

  overflow:hidden;

}

/*----------------------------------------------------
  CUALQUIER PARAGRAPH INSERTADO
----------------------------------------------------*/

.paragraph--type--special-flex-grid .bicol > .paragraph,
.paragraph--type--special-flex-grid .bloque-superior > .paragraph,
.paragraph--type--special-flex-grid .bloque-inferior > .paragraph{

  width:100%;
  height:100%;

}

/*----------------------------------------------------
  IMÁGENES
----------------------------------------------------*/

.paragraph--type--special-flex-grid img{

  display:block;

  width:100%;
  height:100%;

  object-fit:cover;

}

/*----------------------------------------------------
  RESPONSIVE
----------------------------------------------------*/

@media (max-width:768px){

  .paragraph--type--special-flex-grid .contenedor{

    grid-template-columns:1fr;
    grid-template-rows:auto auto auto;

  }

  .paragraph--type--special-flex-grid .bicol{

    grid-column:1;
    grid-row:1;

  }

  .paragraph--type--special-flex-grid .bloque-superior{

    grid-column:1;
    grid-row:2;

  }

  .paragraph--type--special-flex-grid .bloque-inferior{

    grid-column:1;
    grid-row:3;

  }

}