html,
body {

  background: #fff1d9;
}
.spaceBeforelanding{
    height: 60px;
}
.seeMore{
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
    border: none;
    background-color: transparent;
    font-family: "Jost-Bold";
}
.introText1{
    display: flex;
    flex-direction: column;
}
.containerIcon-Collapse{
    width:60px;
    padding-right: 1rem;
}
.seeMore p{
      font-family: "Jost-Bold";
}
footer{
    display: flex;
    justify-content: center;
    align-items: center;
}
.continerImgFooter{
    width: 16rem;
    padding: 1.5rem;
}
.landing2{
  width: 100vw;
  background-color: #c9efff;
  background-image: url("/work/models/memorica/recursos/exposiciones/mujerIndigena/img/s2/s2Transparent.png");
  background-repeat: repeat;
  background-size: 130px;
  
/* Animación */
animation: moveBg2 2s steps(10) infinite;
}

.landing3{
  width: 100vw;
  background-color: #dfc688;
  background-image: url("/work/models/memorica/recursos/exposiciones/mujerIndigena/img/s3/s3Transparent.png");
  background-repeat: repeat;
  background-size: 130px;
  
/* Animación */
animation: moveBg3 2s steps(8) infinite;
}

.landing4{
  width: 100vw;
  background-color: #dfc688;
  background-image: url("/work/models/memorica/recursos/exposiciones/mujerIndigena/img/s4/s4Transparent.png");
  background-repeat: repeat;
  background-size: 150px;

animation: moveBg4 5s steps(10) infinite;
}

 /* .glightbox-container .gslide-description {
    background: #42c2b9;
} */
 .goverlay{
  background-color:   #e4e6ff;
 }
 .plyr__control--overlaid {
  background-color: #d58b40;
 }
/* Forzamos el footer a la parte inferior */
.glightbox-container .gdesc-inner{
      position: fixed !important;
      left: 0;
      bottom: 0;
      width: 100vw;
      z-index: 9999;
      /* Estilo del footer: pon tu verde aquí */
      background: #27b0a7;          /* tu “línea verde” */
      color: #fff;
      padding: 10px 16px;
      box-shadow: 0 -8px 24px rgba(0,0,0,.25);
      box-sizing: border-box;
    }

    /* Limpia márgenes internos para que se vea como barra */
    .glightbox-container .gslide-desc{
      margin: 0 !important;
    }

    /* --- Área del video: ocupa el resto del viewport --- */
    .glightbox-container .gslide{
      /* quita cualquier padding que achique el área útil */
      padding: 0 !important;
    }

    .glightbox-container .gslide-media{
      display: flex !important;
      align-items: center;
      justify-content: center;
      height: calc(100vh - var(--glb-footer-h, 72px)) !important;
      max-height: calc(100vh - var(--glb-footer-h, 72px)) !important;
      width: 100vw !important;
      max-width: 100vw !important;
      margin: 0 !important;
    }

    .glightbox-container .gslide-media video,
    .glightbox-container .gslide-media iframe,
    .glightbox-container .gslide-media img{
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: 100%;
      object-fit: contain; /* sin recortar */
    }

    /* Opcional: separa flechas para que no tapen el footer */
    .glightbox-container .gbtn.left, 
    .glightbox-container .gbtn.right{
      transform: translateY(-50%);
    }
   .glightbox-container .gslide-media video.gvideo-local {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
 background-color:   #e4e6ff;
}
.glightbox-clean .gslide-video{
  background-color:   #e4e6ff;
}
@keyframes moveBg2 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 100%;
  }
}
@keyframes moveBg3 {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 1000px 1000px; /* 100px * 10 steps en X y Y */
  }
}
@keyframes moveBg4 {
 from {
    background-position:  1000px 1000px;
  }
  to {
    background-position: 0 0; /* 100px * 10 steps en X y Y */
  }
}
.landing2 img, .landing3 img, .landing4 img{
  width: 100%;
}





.audio-player {
  display: flex;
  align-items: center;
  gap: 1rem;
  /* width: 300px; */
 
}

.play-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 40px;
  height: 40px;
}

.icon {
  width: 100%;
  height: 100%;
}

.progress-bar {
  flex: 1;
  height: 8px;
  background: #e4e6ff;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}

.progress-fill {
  height: 100%;
  width: 0%;
  background: #42c2b9;
  border-radius: 4px;
  pointer-events: none;
}
.audio-icon .icon-fill {
  fill: #4c743b;
}
.audio-icon .icon-stroke {
  stroke: #4c743b;
  fill: none;
  stroke-width: 5px;
}

/* Estado reproduciendo */
.playing .audio-icon .icon-fill {
  fill: #d9842c;
}
.playing .audio-icon .icon-stroke {
  stroke: #d9842c;
}

/* Estado finalizado */
.ended .audio-icon .icon-fill {
  fill: #888;
}
.ended .audio-icon .icon-stroke {
  stroke: #888;
}
.iconFlower{

  width: 40px;
  height: 40px;
  padding-right: 1rem;
}
.cedula{
  display: flex;
  justify-content: center;
  align-items: center;
}
.cedula p{
  margin: 0;
}