@charset "UTF-8";
.wrapper {
  display: flex;
  justify-content: center; /* centro horizontal */
  align-items: flex-start; /* centro vertical */
  height: clamp(360px, 70vh, 720px);
  box-sizing: border-box;
  padding: 0.5rem 0 1rem;
  /* Contenedor principal */
}
.wrapper .gallery-container {
  position: relative;
  width: 90%;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  /* Contenedor de la galería */
  /* Estilos para las flechas */
}
.wrapper .gallery-container .gallery {
  display: flex;
  overflow-x: scroll; /* Permitir el scroll horizontal */
  scroll-behavior: smooth; /* Hacer el desplazamiento suave */
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  height: 100%;
  gap: 24px;
  padding: 8px 48px;
  cursor: grab;
  scrollbar-width: none;
  /* Estilos de las imágenes */
}
.wrapper .gallery-container .gallery::-webkit-scrollbar {
  display: none; /* Para navegadores basados en WebKit (Chrome, Safari) */
}
.wrapper .gallery-container .gallery img {
  cursor: pointer;
  transition: transform 0.35s ease, box-shadow 0.35s ease;
  width: clamp(240px, 32vw, 520px);
  height: 100%;
  max-height: 100%;
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  scroll-snap-align: center;
}
.wrapper .gallery-container .gallery img:hover {
  transform: scale(1.03);
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.18);
}
.wrapper .gallery-container .gallery.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}
.wrapper .gallery-container .gallery.is-auto-scrolling {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.wrapper .gallery-container .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.8);
  color: #1c1c1c;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 999px;
  padding: 10px 12px;
  cursor: pointer;
  z-index: 10;
  backdrop-filter: blur(6px);
  transition: transform 0.2s ease, background-color 0.2s ease;
}
.wrapper .gallery-container .arrow:hover {
  background-color: rgba(255, 255, 255, 0.95);
  transform: translateY(-50%) scale(1.05);
}
.wrapper .gallery-container .arrow.left-arrow {
  left: 8px;
}
.wrapper .gallery-container .arrow.right-arrow {
  right: 8px;
}

/* Estilos de las imágenes para pantallas más pequeñas */
/*@media (max-width: 768px) {
    .wrapper {
        .gallery-container {
            width: 100%; /* Asegura que la galería ocupe todo el ancho disponible */
/*.gallery {
    img {
        margin: 0 auto; /* Centrar la imagen */
/*max-width: 400px;

&:hover {
    transform: none; /* Anula el efecto hover */
/*}
                }
            }
        }
    } 
}

@media (max-width: 510px) {
    .wrapper {
        .gallery-container {
            .gallery {
                img {
                    max-width: 100vw;
                }
            }
        }
    }
}

@media (max-width: 400px) {
    .wrapper {
        .gallery-container {
            max-width: 300px;
            .gallery {
                img {
                    max-width: 300px;
                    height: 100vh;
                }
            }
        }
    }
}*/
#page-home {
  height: calc(100% - 100px);
}
#page-home .presentation {
  width: 90%;
  margin: 0 auto;
  font-family: "avenir", sans-serif;
  padding-bottom: 0.5rem;
  color: rgb(87, 87, 87);
  line-height: 1.5rem;
  box-sizing: border-box;
}
#page-home .presentation p {
  text-align: start;
}
#page-home .presentation span {
  font-weight: bold;
}
#page-home .presentation p:nth-child(1) {
  font-size: 1.3rem;
  letter-spacing: 0.03rem;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../assets/styles/components/_gallery.scss%22,%22../../assets/styles/home.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22;AAAA;EACI;EACA;EACA;EACA;EACA;EACA;AACA;;AACA;EACI;EACA;EACA;EACA;EACA;AAEA;AA2CA;;AA1CA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;AAEA;;AALA;EACI;;AAKJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGR;EACI;EACA;;AAEJ;EACI;EACA;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;;;AAQhB;AACA;AAAA;AAAA;AAAA;AAKY;AAAA;AAAA;AAGQ;;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACtGpB;EACI;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAEJ;EACI;;AAEJ;EACI;EACA%22,%22file%22:%22home.output.css%22%7D */