/* ============================================================
   HERO PAGINE INTERNE
   ============================================================ */

.page-hero {
 position: relative;
 padding: 88px 24px 48px 24px;
 overflow: hidden;
 background: radial-gradient(circle at 22% 50%, rgba(255,216,107,.22) 0%, rgba(255,216,107,.08) 24%, rgba(255,216,107,0) 42%), linear-gradient(135deg, #4a0704 0%, #8c1309 45%, #c92516 100%);
}

 .page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: radial-gradient(2px 2px at 20% 30%, rgba(255,255,255,.65), transparent), radial-gradient(2px 2px at 70% 25%, rgba(255,241,173,.55), transparent), radial-gradient(2px 2px at 82% 70%, rgba(255,255,255,.50), transparent);
  background-size: 260px 260px;
  opacity: .35;
  pointer-events: none;
 }

/* .page-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 70px;
  background: linear-gradient( to bottom, rgba(209,42,24,0) 0%, #d12a18 100% );
  pointer-events: none;
 }*/

.page-hero-inner {
 position: relative;
 z-index: 2;
 max-width: 1120px;
 margin: 0 auto;
 display: grid;
 grid-template-columns: 150px 1fr;
 gap: 34px;
 align-items: center;
}

.page-hero-symbol a {
 display: inline-block;
}

.page-hero-symbol img {
 width: 95px;
 height: auto;
 display: block;
 filter: drop-shadow(0 0 18px rgba(255,216,107,.42)) drop-shadow(0 0 34px rgba(255,216,107,.22));
}

.page-hero-content {
 text-align: left;
}

.breadcrumb-akasha {
 display: block;
 margin: 0 0 10px 0;
 font-size: 14px;
 color: rgba(255,245,215,.85);
 font-family: "Montserrat", Arial, sans-serif;
}

 .breadcrumb-akasha a {
  color: #ffd86b;
  text-decoration: none;
 }

  .breadcrumb-akasha a:hover {
   color: #fff1ad;
  }

.page-hero h1 {
 margin: 0 0 10px 0;
 color: #fff1ad;
 font-family: "Playfair Display", Georgia, serif;
 font-weight: 700;
 font-size: clamp(2.4rem, 4vw, 4rem);
 text-align: left;
 text-shadow: 0 0 25px rgba(255,241,173,.65), 2px 2px 5px rgba(0,0,0,.45);
}

.page-subtitle {
 max-width: 740px;
 margin: 0;
 color: #fff6dc;
 font-size: 20px;
 line-height: 1.6;
 font-family: "Montserrat", Arial, sans-serif;
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 768px) {

 .page-hero {
  padding: 82px 20px 38px 20px;
 }

 .page-hero-inner {
  display: block;
  text-align: center;
 }

 .page-hero-symbol img {
  width: 105px;
  margin: 0 auto 16px auto;
 }

 .page-hero-content,
 .page-hero h1 {
  text-align: center;
 }

 .breadcrumb-akasha {
  font-size: 12px;
  margin-bottom: 8px;
 }

 .page-subtitle {
  font-size: 16px;
  line-height: 1.6;
  margin: 0 auto;
  padding: 0 10px;
 }
}
/* ============================================================
   HERO CHI È PAOLA
   ============================================================ */

.hero-paola {
 background-image: linear-gradient( 90deg, rgba(25,8,5,.78) 0%, rgba(25,8,5,.55) 35%, rgba(25,8,5,.25) 100% ), url("/grafica/hero/paola.webp");
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}

/* ============================================================
   HERO AKASHA
   ============================================================ */

.hero-akasha {
 background-image: linear-gradient( 90deg, rgba(25,8,5,.78) 0%, rgba(25,8,5,.55) 35%, rgba(25,8,5,.25) 100% ), url("/grafica/hero/akasha.webp");
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}

/* ============================================================
   HERO ATTIVITÀ
   ============================================================ */

.hero-attivita {
 background-image: linear-gradient( 90deg, rgba(25,8,5,.78) 0%, rgba(25,8,5,.55) 35%, rgba(25,8,5,.25) 100% ), url("/grafica/hero/attivita.webp");
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}

/* ============================================================
   HERO TRATTAMENTI
   ============================================================ */

.hero-trattamenti {
 background-image: linear-gradient( 90deg, rgba(25,8,5,.78) 0%, rgba(25,8,5,.55) 35%, rgba(25,8,5,.25) 100% ), url("/grafica/hero/trattamenti.webp");
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}

/* ============================================================
   HERO CORSI
   ============================================================ */

.hero-corsi {
 background-image: linear-gradient( 90deg, rgba(25,8,5,.78) 0%, rgba(25,8,5,.55) 35%, rgba(25,8,5,.25) 100% ), url("/grafica/hero/corsi.webp");
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}

/* ============================================================
   HERO TEMPIO
   ============================================================ */

.hero-tempio {
 background-image: linear-gradient( 90deg, rgba(25,8,5,.78) 0%, rgba(25,8,5,.55) 35%, rgba(25,8,5,.25) 100% ), url("/grafica/hero/tempio.webp");
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}

/* ============================================================
   HERO LIBRO
   ============================================================ */

.hero-libro {
 background-image: linear-gradient( 90deg, rgba(25,8,5,.78) 0%, rgba(25,8,5,.55) 35%, rgba(25,8,5,.25) 100% ), url("/grafica/hero/libro.webp");
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}

/* ============================================================
   HERO UNIVERSO
   ============================================================ */

.hero-universo {
 background-image: linear-gradient( 90deg, rgba(25,8,5,.78) 0%, rgba(25,8,5,.55) 35%, rgba(25,8,5,.25) 100% ), url("/grafica/hero/universo.webp");
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}