/*-----------------------------------*\
  #igiene-orale.css - Stili specifici per la pagina Igiene Orale
\*-----------------------------------*/

/**
 * Tema colore: Viola (violet-blue-crayola)
 */


/*-----------------------------------*\
  #PAGE HERO - IGIENE ORALE
\*-----------------------------------*/

.page-hero {
  background: linear-gradient(135deg, var(--violet-blue-crayola) 0%, var(--charcoal) 100%);
}


/*-----------------------------------*\
  #CONTENT CARD - IGIENE ORALE
\*-----------------------------------*/

.content-card .card-icon {
  background: linear-gradient(135deg, var(--violet-blue-crayola), var(--blue-crayola));
}

.content-card .card-list li::before {
  background: var(--violet-blue-crayola);
}


/*-----------------------------------*\
  #HIGHLIGHT BOX - IGIENE ORALE
\*-----------------------------------*/

.highlight-box {
  border-left: 4px solid var(--violet-blue-crayola);
}


/*-----------------------------------*\
  #KEY POINTS - IGIENE ORALE
\*-----------------------------------*/

.key-point-card {
  border-top: 3px solid var(--violet-blue-crayola);
}


/*-----------------------------------*\
  #CTA SECTION - IGIENE ORALE
\*-----------------------------------*/

.cta-section .btn-cta {
  background: var(--violet-blue-crayola);
}