/* ==========================================
   TUCHOK — OUR PRODUCTS
========================================== */

.products-page {
  width: 100%;
  background: #FFFFFF;
}

/* HERO: MISMA ALTURA QUE ABOUT US */

.products-hero {
  position: relative;
  overflow: hidden;
}

.products-hero,
.products-hero .about-hero-container {
  min-height: 52vh;
}

/* SECCIONES FOTOGRÁFICAS */

.products-scroll-story {
  background: #1A241C;
}

.products-scroll-panel {
  min-height: 100svh;
}

/* CENTRAR LOS PÁRRAFOS */

.products-scroll-panel
.about-scroll-content {
  max-width: 1050px;
  text-align: center;
}

.products-scroll-panel
.about-scroll-content p {
  font-family:
    "Dexa Pro Expanded",
    Arial,
    sans-serif;

  font-size: clamp(16px, 1.5vw, 22px);
  font-weight: 500;
  line-height: 1.75;
  text-wrap: pretty;
}

/* MÓVIL */

@media (max-width: 767px) {
  .products-hero,
  .products-hero .about-hero-container {
    min-height: 38vh;
  }

  .products-scroll-panel {
    min-height: 100svh;
    padding: 100px 24px 65px;
  }

  .products-scroll-panel
  .about-scroll-content p {
    font-size: clamp(13px, 3.7vw, 16px);
    line-height: 1.8;
  }
}

/* OUR PRODUCTS — TEXTOS ORIGINALES */

.products-story-title {
  margin: 0 0 22px;
  color: #FFFFFF;
  font-family: "Dexa Pro Expanded", Arial, sans-serif;
  font-size: clamp(30px, 3.6vw, 52px);
  font-weight: 800;
  line-height: 1.1;
  text-align: center;
}

.products-scroll-panel
.about-scroll-content p {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Dexa Pro Expanded", Arial, sans-serif;
  font-size: clamp(16px, 1.5vw, 22px);
  font-weight: 500;
  line-height: 1.65;
  text-align: center;
}

/* SEGUNDA SECCIÓN:
   TEXTO AMARILLO COMO LA REFERENCIA */

.products-scroll-panel:nth-child(2)
.about-scroll-content p {
  color: #FFC100;
  font-weight: 400;
}

/* MÓVIL */

@media (max-width: 767px) {
  .products-story-title {
    margin-bottom: 18px;
    font-size: clamp(27px, 8vw, 38px);
  }

  .products-scroll-panel
  .about-scroll-content p {
    font-size: 14px;
    line-height: 1.75;
  }
}