:root {
   --row-gallery: 200px;
   --row-others: 240px;
}

.container p.datos{
   font-style: normal;
   font-family: var(--font0);
   font-size: .8rem;
}

.localizador { 
   font-family: var(--font1);
   color: red; 
   font-size: 1.25rem; 
   font-weight: 900; 
   margin: 0;
}  

div#menuToggle {
   z-index: 10;
}

#menus .pt-3 {
   padding-top: 2rem;
}

.text-secondary {
   color: #808080;
}

.imagenes {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-auto-rows: var(--row-gallery);
   grid-gap: 10px;
   margin: 0 auto;
   margin-top: 3px;
   margin-bottom: 3px;
}

.imagenes .a-imagen {
   grid-column: span 1;
   grid-row: span 1;
}

.imagenes .a-imagen:nth-child(1) {
   grid-column: span 3;
   grid-row: span 2;
}

.imagen {
   position: relative;
   padding: 0;
   margin: 0;
   width: 100%;
   height: 100%;
}

.imagen img {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

.imagenes .a-imagen:last-child .mas-fotos{
   position: relative;
   text-align: center;
   line-height: var(--row-gallery);
}

.more {
   z-index: 1;
   position: absolute;
   bottom: 0rem;
   width: 100%;
   color: white;
   background: rgb(0,0,0);
   background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(5,5,5,0.5) 50%, rgba(212,213,213,0) 100%);
   margin: 0;
   min-height: 50px;
   display: flex;
   height: 100%;
}

.more label {
   padding: 10px;
   align-self: flex-end;
   height: 100%;
}

span.fotos {
   z-index: 1;
   position: absolute;
   padding: 3px 5px;
   border-radius: 15px;
   background-color: #333;
   margin: 10px;
   font-size: 14px;
   font-style: normal;
   font-family: var(--font0);
   color: white;
   box-shadow: 1px 1px 5px black;
   
}

span.fotos:before {
   content: "";
   background: url(/media/iconos.svg);
   background-repeat: no-repeat;
   background-position-y: -5px;
   background-position-x: -187px;
   background-size: auto 55px;
   width: 20px;
   height: 16px;
   display: inline-block;
   transform: translateY(0px);
   margin: 0;
   padding: 0;
   margin-right: 3px;
   vertical-align: middle;
}

.mb-3 {
   margin-bottom: 3rem;
}

.datos {
   z-index: 1;
   position: absolute;
   bottom: 0rem;
   width: 100%;
   color: white;
   background: rgb(0,0,0);
   background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(5,5,5,0.5) 50%, rgba(212,213,213,0) 100%);
   margin: 0;
   min-height: 50px;
   display: flex;
}

.datos label {
   padding: 10px;
   align-self: flex-end;
}

@media (max-width: 768px) {
   .imagenes {
      grid-auto-rows: 100px;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 5px;
   }

   .imagenes .a-imagen {
      grid-column: span 1;
      grid-row: span 1;
   }

   .item1 .galeria:nth-child(n) .imagenes .a-imagen:nth-child(1) {
      grid-column: span 3;
      grid-row: span 3;
   }

   .imagenes .a-imagen:not(:nth-child(1)){
      display: none;
   }

   .datos label.fecha {
      display: block;
      padding: 0;
      margin-top: 5px;
   }

   .imagenes .a-imagen:last-child .mas-fotos{
      position: relative;
      text-align: center;
      line-height: 100px;
   }
}

article {
   margin-top: 1rem;
}

.sticky {
   position: -webkit-sticky;
   position: -moz-sticky;
   position: -ms-sticky;
   position: -o-sticky;
   position: sticky;
   top: .5rem;
}

.mas {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-template-rows: auto;
   grid-gap: 15px;
}

.otras a article{
   border: 1px solid #b0b0b0;
   position: relative;
}

.galerias {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-auto-rows: var(--row-others);
   grid-gap: 15px;
   padding-right: 0;
}

.galerias div:nth-child(1){
   grid-column: span 1;
   grid-row: span 1;
}

.galerias div:nth-child(2){
   grid-column: span 2;
   grid-row: span 1;
   padding-right: 5px;
}

.otras-img {
   position: relative;
   padding: 0;
   margin: 0;
   text-align: center;
   line-height: var(--row-others);
}

.otras-img img {
   object-fit: cover;
   padding: 5px;
   bottom: 0;
}

/*
.portada-g a:nth-child(1) .galerias {
   display: block;
}

.portada-g a:nth-child(1) .galerias .imagen {
   position: relative;
   width: 100%;
   height: 100%;
}
*/

.mas-fotos {
   z-index: 1;
   position: absolute;
   border-radius: 15px;
   font-size: 3rem;
   font-style: normal;
   font-family: var(--font0);
   color: white;
   text-shadow: 1px 1px 8px black;
   text-align: center;
   width: 100%;
   height: 100%;
   left: -10px;
}

.describe {
   position: relative;
}

.describe .datos-otras {
   position: absolute;
   bottom: 0;
}

.datos-otras {
   font-size: 1rem;
   text-transform: uppercase;
   margin: 1rem auto;
   font-family: var(--font0);
   position: relative;
}

.mb-0 {
   margin-bottom: 0;
}

.mb-1 {
   margin-bottom: 5px;
}

.mt-0 {
   margin-top: 0;
}

.mt-1 {
   margin-top: 5px;
}

.mt-3 {
   margin-top: 15px;
}

.galeria {
   margin-bottom: 2rem;
}

.linea {
   border-bottom: 1px dotted #ddd; 
}

.font-bold {
   font-weight: bold;
}

figure:first-child {
   height: -webkit-fill-available;
}

figure figcaption {
   padding: 5px;
   line-height: .8rem;
   font-size: .8rem;
}

.img-vertical {
   object-position: 50% 0% !important;
}

.thumbs {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-template-rows: auto;
   grid-gap: 5px;
}

.thumbs a { 
   overflow:hidden; 
}

.thumbs img {
   transition:all 1s; 
}

.thumbs img:hover { 
   transition: all 1s; 
   transform: scale(1.5); 
}

@media (max-width: 768px) {
   article.galerias div:nth-child(1){
      grid-column: span 3;
      grid-row: span 1;
   }

   article.galerias div:nth-child(2){
      grid-column: span 3;
      grid-row: span 1;
   }

   article.galerias .describe {
      margin: 10px;
   }

   article.galerias .describe .localizador{
      display: none;
   }

   article.galerias {
      padding-right: 0;
   }
}

@media (min-device-width: 1024px) {
   article.noticia2 h2 {
      font-size: 2.4rem;
      line-height: 2.5rem;
   }
}

@media (max-width: 768px){
   .pub90 {
      min-width: 0px;
   }
}

.pub90 {
   min-width: 0;
   width: 100%;
}