/* =========================================================
   PAGINA MATEMATICA
   File: css/pages/matematica.css
   ========================================================= */


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

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

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

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


/* =========================================================
   HERO — COMPONENTE GLOBALE
   ========================================================= */

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

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


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

.page-matematica
.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-matematica
.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-matematica
.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 MATEMATICA SI BLOCCA
   ========================================================= */

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


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

.page-matematica .math-topics {
  background: #fff !important;
}

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


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

.page-matematica .math-method {
  background: var(--gray) !important;
}


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

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


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

.page-matematica .math-mode {
  background: #fff !important;
}


/* =========================================================
   RECENSIONI
   ========================================================= */

.page-matematica .math-reviews {
  background: var(--gray) !important;
}


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

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


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

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


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

.page-matematica .math-topic-grid .lez-method-card,
.page-matematica .math-method .lez-method-card {
  min-height: 300px;
  padding: 1.6rem 1.65rem 1.5rem;
}

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

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

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


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {

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

}


@media (max-width: 760px) {

  .page-matematica .math-topic-grid {
    grid-template-columns: 1fr;
  }

}