/*-----------------------------------*\
  #sbiancamento.css - Stili specifici per la pagina Sbiancamento
\*-----------------------------------*/

/**
 * Tema colore: Blu (blue-crayola)
 */


/*-----------------------------------*\
  #PAGE HERO - SBIANCAMENTO
\*-----------------------------------*/

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


/*-----------------------------------*\
  #CONTENT CARD - SBIANCAMENTO
\*-----------------------------------*/

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

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


/*-----------------------------------*\
  #TREATMENT CARD - SBIANCAMENTO
\*-----------------------------------*/

.treatment-card:hover {
  border-color: var(--blue-crayola);
}

.treatment-card .treatment-icon {
  color: var(--blue-crayola);
}


/*-----------------------------------*\
  #INGREDIENTS - SBIANCAMENTO
\*-----------------------------------*/

.ingredient-card .ingredient-name {
  color: var(--blue-crayola);
}


/*-----------------------------------*\
  #TIPS LIST - SBIANCAMENTO
\*-----------------------------------*/

.tips-list li ion-icon {
  color: var(--blue-crayola);
}


/*-----------------------------------*\
  #RESULT HIGHLIGHT - SBIANCAMENTO
\*-----------------------------------*/

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


/*-----------------------------------*\
  #CTA SECTION - SBIANCAMENTO
\*-----------------------------------*/

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