/* Reset Universal */

	
figure {
      display: inline-block;
      width: 33.333%;
      float: left;
    }
.thumbimg {
    width: 195px;
    height: 100%;
    max-width: 400px;
    max-height: 300px;
    border: 5px solid #000;
    border-radius: 5px;
    margin: 2px;
}
.thumbimg img {width: 100%;
	  height: 126px}
.spacer {height: 5em;}

.thumbimg > img {
	object-fit: cover;
	}

#img-activa {
  width: 100%;
  height: auto;
}

/*Contenedor Principal del Lightbox*/

#contenedor-principal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.55);
  display: none;
  justify-content: center;
  align-items: center;
}

/*Contenedor interno del Lightbox*/

#contenedor-interno {
  border: 6px solid #fbb102;
    padding: 0px;
    border-radius:12px;
  background: #3f3f3f;
    max-width: 950px;
    width: 100%;
    height: auto;
  position: relative;
  display: flex;
  justify-content: center;
}

/*Botones*/

button {
  cursor: pointer;
  background: transparent;
  border: none;
  color: #f3f3f3;
}

#btn-cierra {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 3rem;
    color: #fbb102;
    font-weight: 800;
    background: rgb(0, 0, 0, 0.5);
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

#btn-retrocede {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 3rem;
  color: #fbb102;
    font-weight: 800;
    padding: 10px;
    background: rgb(0, 0, 0, 0.5);
}

#btn-adelanta {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 3rem;
   color: #fbb102;
    font-weight: 800;
    padding: 10px;
    background: rgb(0, 0, 0, 0.5);
}