.root-menu{
  padding-left: 80px;
}
  /* ------------------------estilos elat */

  .body-elat{
    background-color: var(--accent);
    overflow-x: hidden;
  }
  .primerdiv-elat{


    width: 100vw;
    /* height: 100vh; */
    /* overflow: hidden; */
    object-fit: cover;
  }
  .primerdiv-elat img{
    height: 100%;
  }
  .elat1{
   width: 100%;
    object-fit: cover;
   
  }
  .elat-detalle{
  
    width: 100%;
  }
  .ficha-elat{
    padding: 10px;
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center; /* Centrado horizontal */
    align-items: center; /* Centrado vertical */
    font-size: 20px;
    font-family: var(--courier-prime);
    color: var(--terciary-dark);
  
  }
  .texto-elat{
    width: 100%;
    padding: 10px;
    
    height: 240px;
    display: flex;
    justify-content: center; /* Centrado horizontal */
    align-items: center; /* Centrado vertical */
    font-size: 20px;
    font-family: var(--courier-prime);
    color: var(--terciary-dark);
  }
  
  .fotos-final-elat{
    display: grid;
    grid-template-columns: 1fr;
    /* background-color: aquamarine; */  
  }
  .elat3{
    width: 100%;
    object-fit: cover;
  }
  .elat4{
    width: 100%;
    object-fit: cover;
  }
  .elat2{
    width: 100%;
    object-fit: cover;
  }
  .fotos-final-elat{
    width: 100%;
    object-fit: cover;
  }
  /* .elat2 .elat3 .elat4{
  display: flex;
  justify-content: center;
  width: 100vw;
  } */
  .boton-compra{
    position: fixed; /* Establece la posición fija */
    bottom: 50px; /* A 200px del borde superior */
    right: 40px; /* Alineado a la derecha con un margen de 20px */
    display: flex;
      justify-items: center;
      border-radius: 25px;
      width: 180px;
      font-family: "poppins-bold";
      font-size: 1.2em;
      color: var(--terciary-dark);
      background-color: rgb(239, 180, 250);
      box-shadow: 10px 10px 10px rgba(180, 30, 140, 0.775);
      padding: 10px 20px;
      border: none;
      transition-duration: 0.5s;
      transition-timing-function: steps(20);
  }

  :hover.boton-compra{
    transform: scale(1.2);
    background-color: var(--primary-light);
    box-shadow: 10px 10px 10px rgba(30, 180, 158, 0.775);
    color: var(--dark-plus);
  }
  
  iframe.video-elat{
  width:100%;
  height:400px;}

  /* -------------------------------estilos coyol */
  .coyol1{
    width: 100%;
    object-fit: cover;
  }
  .coyol2{
    width: 100%;
    object-fit: cover;
  }
  .coyol3{
    width: 100%;
    object-fit: cover;
  }

  .ficha-coyol{
    padding: 10px;
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center; /* Centrado horizontal */
    align-items: center; /* Centrado vertical */
    font-size: 20px;
    font-family: var(--courier-prime);
    color: var(--terciary-dark);
  
  }
  .texto-coyol{
    width: 100%;
    padding: 10px;
    
    height: 240px;
    display: flex;
    justify-content: center; /* Centrado horizontal */
    align-items: center; /* Centrado vertical */
    font-size: 20px;
    font-family: var(--courier-prime);
    color: var(--terciary-dark);
  }
  .fotos-medio-coyol{
    display: grid;
    grid-template-columns: 1fr;
  }
  .fotos-final-coyol{
    display: grid;
    grid-template-columns: 1fr;
  }
  .fotos-final-coyol img{
    width: 100%;
    object-fit: cover;
  }
/* -----------------------------------------estilos aserah */
.asera2{
  width: 100vw;
  
}
.div2-asera{
  display: grid;
  grid-template-columns: 1fr;
}
.div-final-aserah{
  display: grid;
  grid-template-columns: 1fr;
}
.div-final-aserah img{
  width: 100vw;
}
.fotos-final1-aserah{
  display: grid;
  grid-template-columns: 1fr;
}
.fotos-final1-aserah img{
  width: 100vw;
}
/* -----------------------------------estilos ereshkigal */

.fotos-final-eresh1{
  display: grid;
  grid-template-columns: 1fr;
}
.fotos-final-eresh1 img{
  width: 100vw;
}
.fotos-final-eresh2 img{
  width: 100vw;
  display: grid;
}
.fotos-final-eresh3{
  display: grid;
  grid-template-columns: 1fr;
}
.fotos-final-eresh3 img{
  width: 100vw;
}
/* ------------------------------------------estilos ishtar */

.pridiv-ishtar img{
  width: 100vw;
}
.secdiv-ishtar img{
  width: 100vw;
}
.fotos1-ishtar img{
  width: 100vw;
}
.fotos1-ishtar{
  display: grid;
}
.ficha-ishtar{
  padding: 10px;
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: center; /* Centrado horizontal */
  align-items: center; /* Centrado vertical */
  font-size: 20px;
  font-family: var(--courier-prime);
  color: var(--terciary-dark);

}
.texto-ishtar{
  width: 100%;
  padding: 10px;
  
  height: 240px;
  display: flex;
  justify-content: center; /* Centrado horizontal */
  align-items: center; /* Centrado vertical */
  font-size: 20px;
  font-family: var(--courier-prime);
  color: var(--terciary-dark);
}
/* --------------------------------estilos ker */

.primerdiv-ker img{
  width: 100vw;
}
.primerdiv-ker{
  display: grid;
}
.fotos-final-ker img{
  width: 100vw;
}
.fotos-final-ker{
  display: grid;
}
.ker19{
  width: 100vw;
}
.fotos-final-ker1 img{
  width: 100vw;
}
.fotos-final-ker2{
  display: grid;
}
.fotos-final-ker2 img{
  width: 100vw;
}
.fotos-final-ker3 img{
width: 100vw;
}
.fotos-final-ker4 img{
  width: 100vw;
}
.fotos-final-ker5 img{
width: 100vw;
}
.fotos-final-ker6 img{
  width: 100vw;
}
.ker3ilu{
  width: 100vw;
}

/* --------------------------------------estilos marias */

.primerdiv-marias img{
width: 100vw;
}
.primerdiv-marias{
  display: grid;
}
.segundodiv-marias{
  display: grid;
}
.segundodiv-marias img{
width: 100vw;
}
.tercerdiv-marias{
  display: grid;  
}
.tercerdiv-marias img{
  width: 100vw;
}

 /* -----------------------------------estilos ninfa */
 
.divmedioninfa img{
  width: 100%;
  object-fit: cover;
}
.divmedioninfa{
  display: grid;
}
.finaldiv-ninfa img{
  width: 100%;
  object-fit: cover;
}
.nin2{
  width: 100%;
  object-fit: cover;
}
/* -------------------------------estilos saludo */
.primerdiv-saludo{
  display: grid;
}
.primerdiv-saludo img{
  width: 100vw;
 
}
.vulcano3{
  width: 100vw;

}
.segundodiv-saludo{
  display: grid;
}
.segundodiv-saludo img{
  width: 100%;
    object-fit: cover;
}
.vulcano7{
  width: 100vw;
}
.vulcano8{
  width: 100vw;
}
.vulcano9{
  width: 100vw;
}
/* ------------------------------------------estilos shock */
.primerdiv-shock img{
width: 100vw;
}
.segundodiv-shock img{
  width: 100vw;
}
.segundodiv-shock{
  display: grid;
}
.tercerdiv-shock{
  display: grid;
}
.tercerdiv-shock img{
  width: 100vw;
}
.div-final-shock{
  display: grid;
}
.div-final-shock img{
  width: 100vw;
}
.abuso5{
 display: none;
}

/* ------------------------------------------estilos tlatzo */
.tercerdiv-tlatzo{
  display: grid;
}
.tercerdiv-tlatzo img{
  width: 100%;
    object-fit: cover;
}
.divfinal-tlatzo img{
  width: 100vw;
}
/* -----------------------------------------estilos xtabay */

.primerdiv-xtabay{
  display: grid;
}
.primerdiv-xtabay img{
  width: 100vw;
}
.segundodiv-xtabay img{
  width: 100vw;
}
.tercerdiv-shock{
  display: grid;
}
.roja2{
  width: 100vw;
}



/* @media (min-width: 1400px) and (max-width: 2248px) { 
} */