/* =========================================================
   PAGINA FISICA
   File: css/pages/fisica.css
   ========================================================= */


/* =========================================================
   RESET VECCHI SFONDI
   ========================================================= */

body.page-fisica {
  background: #fff !important;
  background-image: none !important;
}

.page-fisica main {
  background: #fff;
}

.page-fisica .section {
  background-image: none !important;
}


/* =========================================================
   HERO — COMPONENTE GLOBALE
   Geometria gestita da 08-hero.css
   ========================================================= */

.page-fisica .site-hero {
  --hero-fit: contain;
  --hero-position: right center;
  --hero-mobile-position: 67% center;
}

.page-fisica .site-hero-background {
  background:
    linear-gradient(
      90deg,
      #fff 0%,
      #fff 30%,
      #eefaff 62%,
      #dff6ff 100%
    );
}


/* =========================================================
   HERO — COLORI ICONE
   ========================================================= */

.page-fisica
.site-hero-benefit:nth-child(1)
.site-hero-benefit-icon {
  background: rgba(62,223,218,.18);
  border-color: rgba(62,223,218,.30);
  color: #128c89;
}

.page-fisica
.site-hero-benefit:nth-child(2)
.site-hero-benefit-icon {
  background: rgba(16,190,243,.16);
  border-color: rgba(16,190,243,.28);
  color: var(--blue);
}

.page-fisica
.site-hero-benefit:nth-child(3)
.site-hero-benefit-icon {
  background: rgba(255,160,58,.17);
  border-color: rgba(255,160,58,.30);
  color: #d97812;
}


/* =========================================================
   QUANDO LA FISICA SI BLOCCA
   ========================================================= */

.page-fisica .physics-needs {
  background:
    linear-gradient(
      135deg,
      rgba(62,223,218,.10),
      rgba(16,190,243,.055)
    ) !important;
}


/* =========================================================
   ARGOMENTI
   ========================================================= */

.page-fisica .physics-topics {
  background: #fff !important;
}

.page-fisica .physics-topic-grid {
  grid-template-columns:
    repeat(4, minmax(0,1fr));
}


/* =========================================================
   METODO
   ========================================================= */

.page-fisica .physics-method {
  background: var(--gray) !important;
}


/* =========================================================
   LIVELLI
   ========================================================= */

.page-fisica .physics-levels {
  background:
    linear-gradient(
      135deg,
      rgba(62,223,218,.09),
      rgba(255,255,255,1) 55%,
      rgba(16,162,247,.06)
    ) !important;
}


/* =========================================================
   MODALITÀ
   ========================================================= */

.page-fisica .physics-mode {
  background: #fff !important;
}


/* =========================================================
   SOCIAL PROOF
   ========================================================= */

.page-fisica .physics-proof {
  background: var(--gray) !important;
}

.page-fisica .physics-proof-grid {
  display: grid;

  grid-template-columns:
    minmax(0,.9fr)
    minmax(0,1.1fr);

  gap: 5rem;

  align-items: center;
}

.page-fisica .physics-proof h2 {
  max-width: 600px;

  margin: .75rem 0 0;

  color: #173044;

  font-size: clamp(2.8rem,4.6vw,5rem);
  line-height: .98;

  letter-spacing: -.05em;

  font-weight: 850;
}

.page-fisica .physics-proof-copy {
  max-width: 650px;
}

.page-fisica .physics-proof-copy > p {
  margin: 0;

  color: #5b7180;

  font-size: 1.05rem;
  line-height: 1.65;
}

.page-fisica .physics-proof-copy > p + p {
  margin-top: 1rem;
}

.page-fisica .physics-proof-rating {
  display: inline-flex;

  align-items: center;

  gap: .75rem;

  margin-top: 1.6rem;

  padding: .9rem 1.1rem;

  border-radius: 16px;

  background: #fff;

  border: 1px solid rgba(29,39,51,.08);

  box-shadow:
    0 12px 30px rgba(23,48,68,.06);
}

.page-fisica .physics-proof-rating span {
  color: var(--orange);

  letter-spacing: .05em;
}

.page-fisica .physics-proof-rating strong {
  color: #173044;

  font-weight: 850;
}

.page-fisica .physics-proof-rating small {
  color: #718391;
}


/* =========================================================
   FAQ
   ========================================================= */

.page-fisica .physics-faq {
  background:
    linear-gradient(
      135deg,
      rgba(62,223,218,.10),
      rgba(16,190,243,.05)
    ) !important;
}


/* =========================================================
   CTA FINALE
   ========================================================= */

.page-fisica .physics-final-cta {
  background:
    linear-gradient(
      120deg,
      var(--blue),
      var(--turquoise)
    ) !important;
}


/* =========================================================
   CARD ARGOMENTI + METODO
   compattazione solo pagina fisica
   ========================================================= */

.page-fisica .physics-topic-grid .lez-method-card,
.page-fisica .physics-method .lez-method-card {
  min-height: 300px;

  padding:
    1.6rem
    1.65rem
    1.5rem;
}

.page-fisica .physics-topic-grid .lez-method-card span,
.page-fisica .physics-method .lez-method-card span {
  margin-bottom: 1.45rem;
}

.page-fisica .physics-topic-grid .lez-method-card h3,
.page-fisica .physics-method .lez-method-card h3 {
  margin-bottom: .75rem;
}

.page-fisica .physics-topic-grid .lez-method-card p,
.page-fisica .physics-method .lez-method-card p {
  margin-bottom: 0;
}


/* =========================================================
   RESPONSIVE — TABLET GRANDE
   ========================================================= */

@media (max-width: 1100px) {

  .page-fisica .physics-topic-grid {
    grid-template-columns:
      repeat(2, minmax(0,1fr));
  }

}


/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media (max-width: 960px) {

  .page-fisica .physics-proof-grid {
    grid-template-columns: 1fr;

    gap: 2.5rem;
  }

}


/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media (max-width: 760px) {

  .page-fisica .physics-topic-grid {
    grid-template-columns: 1fr;
  }

  .page-fisica .physics-proof-rating {
    flex-wrap: wrap;
  }

}