* {
  padding: 0;
  margin: 0; }

/* NAVEGACION */ 

.nav-item a {
  background: color #5a5e5a;
  text-decoration: none;
  font-family: 'Viaoda Libre', cursive;
  font-size: 26px;
  color: #5a5e5a;
  font-weight: bold; }

.nav-item-login {
  text-align: center;
  display: block;
  margin-right: 25px;
  color: #5a5e5a;
  font-family: 'Viaoda Libre', cursive;
  font-size: 24px;
  font-weight: bold;
}

/* CLIMA */ 
.wheater-container {
  align-items: center;
}
.wheater-container h1 {
  font-size: 15px;
}
.wheater-container h2 {
  font-size: 10px;
}
.wheater-container h3 {
  font-size: 18px;
}


#carga-container {
  
 background-color: rgba(250, 240, 245, 0.9);
  height: 100%;
  width: 100%;
  position: fixed;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  z-index: 10000;
}
#carga{
  border: 15px solid #ccc;
  border-top-color: #FC8A73;
  border-top-style: groove;
  height: 100px;
  width: 100px;
  border-radius: 100%;

  position: absolute;
  top: 0px;
  Left: 0;
  right: 0;
  bottom: 0;
  margin: auto;

  -webkit-animation: girar 1.5s linear infinite;
  -0-animation: girar 1.5s linear infinite;
  animation: girar 1.5s linear infinite;
}

@keyframes girar {
  from { transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}





.nav-item-login img {
  width: 65px;
  height: auto;
}
.navLogo {
  max-width: 100%; }


.volverArriba  {
 text-align: center;
  
}
.volverArriba p {
  font-family: 'Viaoda Libre', cursive;
  color:#FC8A73;}

/* BOTONES */
.addToCart{
  border: 0;
  line-height: 2.5;
  padding: 0 20px;
  display: flex;
  font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-size: 1rem;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  border-radius: 25px;
  background-color: #FC8A73;
  background-image: linear-gradient(to top left,
                                    rgba(0, 0, 0, .2),
                                    rgba(0, 0, 0, .2) 20%,
                                    rgba(0, 0, 0, 0));
  box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
              inset -2px -2px 3px rgba(0, 0, 0, .6);
}

.addToCart:hover {
  background-color: #fa775d;

}

.addToCart:active {
  box-shadow: inset -2px -2px 3px rgba(255, 255, 255, .6),
              inset 2px 2px 3px rgba(0, 0, 0, .6);
}

/* ESTILO DE CARRITO */
.shopping-cart {
  max-width: 100%;
}
.shopping-cart-items {
  margin: 100px 300px;
    
}

.shopping-cart-quantity-input {
  max-width: 45px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #eee;
  padding: 5px;
}
.shopping-cart-header {
  border-bottom: 1px solid #ccc;
}

.shopping-cart-image {
  max-width: 80px;
  border-radius: 20px;
}

.shopping-cart-quantity-input {
  max-width: 45px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: #eee;
  padding: 5px;
}
.shopping-cart-total {
  min-height: 96px;
}
.shopping-cart-total {
  padding: 0 720px;
}
/* LOGO WONDERLAND */

.logo__principal {
  margin-top: 80px;
  margin-bottom: 100px;
  text-align: center;
  max-width: 100%;
  animation-name: aparecer;
  animation-duration: 2s; }

.logo__principal img {
  max-width: 100%; }

@keyframes aparecer {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

/* TEXTOS */

.textos h2 {
  text-align: center;
  font-size: 36px;
  font-family: 'Viaoda Libre', cursive;
  color: #5a5e5a; }
.textos {
  text-align: center;
  color:#FC8A73;
  font-size: 26px;
  font-family: 'Viaoda Libre', cursive;
}
.textos p {
  text-align: center;
  font-size: 26px;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; }

/* GALERIAS */

.galeria {
  list-style: none;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr);
  gap: 25px; }

.galeria img {
  width: 100%;
  border-radius: 25px;
  transition: 0.50s;
  padding: 10px; }

.galeria img:hover {
  filter: saturate(180%);
  -webkit-transform: scale(1);
  transform: scale(1.1); }

/* NOVEDADES/ESTILOS DE TITULOS */

.titulos {
  text-align: center;
  font-size: 64px;
  font-family: 'Viaoda Libre', cursive;
  color: #5a5e5a; }

.subtitulos {
  text-align: center;
  font-size: 50px;
  padding-top: 40px;
  font-family: 'Viaoda Libre', cursive;
  color: #5a5e5a; }

.subtitulos__compras {
  text-align: center;
  font-family: 'Viaoda Libre', cursive;
  color: #FC8A73;
  font-size: 35px; }

.galeria h3 {
  font-family: 'Viaoda Libre', cursive;
  font-size: 30px;
  color: #5a5e5a; }

.galeria h4 {
  font-size: 20px;
  color: #5a5e5a; }

.fa-solid {
  font-size: 106px; }
.carousel {
  margin-bottom: 100px;
}
.novedades {
  display: grid;
  justify-items: center;
  text-align: center;
  padding: 20px;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px; }

.subtitulos__novedades {
  text-align: center;
  font-family: 'Viaoda Libre', cursive;
  font-size: 30px;
  padding: 5px;
  color: #5a5e5a;
}
.novedades div {
  border-radius: 25px;
  padding: 5px 5px;
  border: 2px solid #FC8A73;
}
.novedades p {
  text-align: center;
  font-size: 26px;
  font-family: 'Uchen', serif;
  color: #FC8A73; }

.novedades img {
  max-width: 100%;
  border-radius: 25px;
  transition: 0.50s;
  padding: 5px; }

.novedades img:hover {
  filter: saturate(180%); }

.novedades img:hover {
  -webkit-transform: scale(1);
  transform: scale(1.1); }

.novedades h3 {
  font-family: 'Viaoda Libre', cursive;
  font-size: 30px;
  padding: 5px;
  color: #5a5e5a; }

/* SOCIAL */

.social {
  margin: 50px; }

.social h2 {
  text-align: center;
  margin-bottom: 20px;
  font-family: 'Viaoda Libre', cursive;
  font-size: 30px;
  color: #5a5e5a; }

.links {
  display: flex;
  align-items: center;
  justify-content: center; }

.links a {
  margin: 0 30px; }

.links a i {
  color: #FC8A73;
  font-size: 3rem;
  transition: 0.50s; }

.links i:hover {
  -webkit-transform: scale(1);
  transform: scale(1.3); }

/*PIE DE PAGINA*/

.pie {
  width: 100%;
  background-image: linear-gradient(to pink, red); }

.pie p {
  width: 100%;
  height: 100px;
  padding: 25px;
  text-align: center;
  font-size: 16px;
  margin-bottom: 30px;
  font-family: 'Viaoda Libre', cursive;
  font-size: 26px;
  color: #5A5E5A;
  background-image: linear-gradient(to left, #FC8A73, #FFC9AD, #FC8A73); }

/* PREGUNTAS FRECUENTES */

.pagina__contenedor {
  margin-top: 50px;
  text-align: center;}

.pagina__pregunta {
  
  font-size: 36px;
  color:#FC8A73;
  font-weight: bold;
  font-family: 'Viaoda Libre', cursive; }

.pagina__respuesta {
  font-size: 30px;
  text-indent: 1rem;
  font-family: 'Times New Roman', Times, serif;
  margin: 10px 40%; }

/*METODOS DE PAGO Y ENVIO*/

.formas__envios {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 50px auto;
  width: 60%; }

.formas__envios img {
  width: 100px;
  height: 100px; }

.lista__pagos {
  list-style: none;
  width: 40%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  justify-items: center;
  margin: 20px auto;
  gap: 10px; }

.lista__pagos img {
  max-width: 100%; }

/*ETIQUETAS DE CATEGORIAS*/

.categorias__lista {
  display: grid;
  max-width: 100%;
  margin-top: 50px;
  justify-items: center;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  margin-bottom: 50px;
  padding: 30px 40px;
  background-image: linear-gradient(to left, #FC8A73, #FFC9AD, #FC8A73); }

.categorias__lista li {
  list-style: none;
  font-size: 16px;
  margin-bottom: 10px; }

.categorias__lista a {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  color: black;
  text-decoration: none;
  padding: 5px 5px;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #000000;
  transition: .4s; }

.categorias__lista a:hover {
  color: cornsilk; }

.footer__contenedor {
  width: 100%;
  height: 200px;
  background-image: linear-gradient(to pink, red); }
  .footer__contenedor .footer__item {
    width: 100%;
    height: 100px;
    padding: 25px;
    text-align: center;
    margin-bottom: 30px;
    font-family: 'Viaoda Libre', cursive;
    width: 100%;
    height: 100px;
    padding: 25px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px;
    font-family: 'Viaoda Libre', cursive;
    font-size: 26px;
    color: #5A5E5A;
    background-color: pink; }

.contacto_form {
  max-width: 100%;
  display: flex;
  margin-top: 35px;
  justify-content: center;
}

.contacto_form {
  color: #FC8A73;
  font-size: 20px;
  font-family: 'Uchen', serif; }

#email-form {
  border-radius: 10px;
  padding: 5px;
}  
  .buton_form {
    min-width: 130px;
    height: 40px;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    outline: none;
    border-radius: 5px;
    border: none;
    background: #e681e0;
    box-shadow: 0 5px #ee07bc;
  }
  .buton_form:hover {
    box-shadow: 0 3px #e9c9df;
    top: 1px;
  }
  .buton_form:active {
    box-shadow: 0 0 #77135e;
    top: 5px;
  }

.grilla__contenedor {
  display: grid;
  row-gap: 20px;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "tarjetas"
 "envios"; }
  .grilla__contenedor .grilla__tarjetas, .grilla__contenedor .grilla__envios {
    display: grid;
    list-style: none;
    row-gap: 10px;
    column-gap: 10px;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr 1fr 1fr; }
  .grilla__contenedor .grilla__envios {
    grid-area: envios; }




  /* LOGIN */ 

  /* MEDIA QUERIES */ 

@media (max-width: 870px) {
  .galeria,
  .novedades,
  .souvenirs {
    grid-template-columns: repeat(2, 1fr);
    max-width: 100%; }
  .formas__envios {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    justify-content: stretch; }
  .categorias__lista {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr); }
  .categorias__lista a {
    font-size: 13px; }
  .lista__pagos {
    grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 560px) {
  .galeria,
  .novedades,
  .souvenirs {
    grid-template-columns: 1fr;
    max-width: 100%; }
  .formas__envios {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr); }
  .pie {
    justify-items: center; }
  .lista__videos {
    grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 460px) {
  .categorias__lista {
    grid-template-columns: repeat(2, 1fr); } }

@media (max-width: 360px) {
  .categorias__lista {
    padding: 0 auto;
    margin: 0 auto;
    grid-template-columns: 1fr; }
  .galeria img,
  .novedades img,
  .souvenirs img {
    grid-template-columns: repeat(2, 1fr);
    max-width: 100%; }
  .formas__envios {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    justify-content: center; } }