/* Paleta del logo: azul marino + teal */

:root {
  --brand-navy: #0B2D5C;
  --brand-navy-dark: #061B38;
  --brand-teal: #00A8B5;
  --brand-teal-dark: #008891;
  --brand-teal-light: #3DCCD6;
  --brand-grey: #6B7785;
  --brand-grey-light: #E8EEF3;
}

body {
  background-color: #ffffff;
  color: var(--careon-gray);
}

h1, h2, h3, h4, h5, h6,
.section-title__title,
.section-title-two__title {
  color: var(--brand-navy);
}

.section-title__tagline,
.section-title-two__tagline {
  color: var(--brand-teal);
}

.main-menu-three .main-menu__list > li.current > a,
.main-menu-three .main-menu__list > li:hover > a,
.stricky-header.main-menu-three .main-menu__list > li.current > a,
.stricky-header.main-menu-three .main-menu__list > li:hover > a {
  color: var(--brand-teal);
}

.main-menu-three__social a:hover {
  color: var(--brand-teal-light);
}

.mobile-buttons a {
  background: var(--brand-navy) !important;
}

.mobile-buttons a[data-type="whatsapp"],
.fab2 {
  background: var(--brand-teal) !important;
}

.scrollable-dropdown::-webkit-scrollbar-thumb {
  background-color: var(--brand-teal);
}

.scrollable-dropdown {
  scrollbar-color: var(--brand-teal) var(--brand-navy);
}

.page-header h1 {
  color: #ffffff;
  text-shadow: 0 2px 12px rgba(6, 27, 56, 0.45);
}

.faq-one .section-title__tagline {
  color: var(--brand-teal);
}