/* GBC V16: protezione della lettura sulla fotografia statica V15.
 * NON modifica dimensioni, posizione o ritaglio di acqua e seta.
 * NON modifica il layout dei testi, i pulsanti o le animazioni fuori dalla hero. */

/* Desktop: protezione graduale della colonna testi; l'acqua resta brillante a destra. */
html body section.hero .hero-overlay {
  background:
    linear-gradient(90deg,
      rgba(0, 12, 28, .91) 0%,
      rgba(0, 13, 31, .81) 30%,
      rgba(0, 17, 37, .64) 52%,
      rgba(0, 19, 43, .28) 77%,
      rgba(0, 17, 38, .04) 100%),
    linear-gradient(0deg, rgba(0, 14, 30, .27), transparent 27%) !important;
}
/* Velo morbido limitato al testo: niente rettangoli o cornici visibili. */
html body section.hero .hero-text {
  position: relative !important;
  isolation: isolate;
}
html body section.hero .hero-text::before {
  content: "";
  position: absolute;
  inset: -1.5rem -3rem -1.8rem -1.5rem;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse 86% 75% at 33% 56%,
      rgba(0, 12, 30, .41), rgba(0, 13, 32, .18) 58%, transparent 100%);
  filter: blur(15px);
}
html body section.hero .hero-description,
html body section.hero .hero-actions .text-link,
html body section.hero .hero-bottom {
  text-shadow: 0 2px 5px rgba(0, 10, 24, .92), 0 0 16px rgba(0, 10, 24, .66) !important;
}
/* Mantiene "Scopri la nostra lavanderia" perfettamente leggibile. */
html body section.hero .hero-actions .text-link {
  color: #fff !important;
}
html body section.hero .hero-description {
  color: #f0f8ff !important;
}

/* Fold aperto / tablet in orizzontale: il paragrafo arriva piu' verso il centro. */
@media (min-width: 700px) and (max-width: 1199px) {
  html body section.hero .hero-overlay {
    background:
      linear-gradient(90deg,
        rgba(0, 11, 27, .94) 0%,
        rgba(0, 13, 30, .87) 32%,
        rgba(0, 15, 36, .76) 55%,
        rgba(0, 18, 42, .42) 76%,
        rgba(0, 18, 42, .08) 100%),
      linear-gradient(0deg, rgba(0, 13, 28, .20), transparent 23%) !important;
  }
}

/* Fold chiuso e altri smartphone: protezione sul testo centrale, senza
 * cancellare le onde bianche nella parte inferiore della fotografia. */
@media (max-width: 699px) {
  html body section.hero .hero-overlay {
    background:
      linear-gradient(180deg,
        rgba(0, 15, 34, .51) 0%,
        rgba(0, 15, 34, .58) 30%,
        rgba(0, 15, 34, .74) 55%,
        rgba(0, 17, 39, .48) 80%,
        rgba(0, 17, 39, .13) 100%),
      linear-gradient(90deg,
        rgba(0, 12, 31, .62) 0%,
        rgba(0, 14, 35, .35) 67%,
        rgba(0, 18, 39, .06) 100%) !important;
  }
  html body section.hero .hero-text::before {
    inset: -1rem -1.2rem -2rem -1.2rem;
    background: radial-gradient(ellipse 92% 72% at 38% 59%,
       rgba(0, 12, 31, .42), rgba(0, 13, 33, .19) 65%, transparent 100%);
    filter: blur(10px);
  }
  html body section.hero .hero-actions .text-link {
    text-shadow: 0 2px 5px #001121, 0 0 14px #001121, 0 0 24px rgba(0, 12, 28, .9) !important;
  }
}