body {
  font-family: var(--fd-font-body);
  background-color: var(--fd-body-bg);
  color: var(--fd-body-color);
}

h1,
h2,
h3,
h4,
h5,
h6,
.title,
.section-title,
.product-title,
.rd-navbar-brand,
.breadcrumbs-custom-title {
  font-family: var(--fd-font-heading);
}

.font-accent,
.text-accent,
.brand-name,
.brand-title,
.quote-classic-text,
.box-icon-classic-title {
  font-family: var(--fd-font-accent);
}

.top-panel,
.top-header,
.header-top,
.rd-navbar-top-panel {
  background-color: var(--fd-top-bg);
  color: var(--fd-top-color);
}

.top-panel a,
.top-header a,
.header-top a,
.rd-navbar-top-panel a {
  color: var(--fd-top-color);
}

.rd-navbar,
.rd-navbar-static,
.rd-navbar-wrap,
.rd-navbar-main,
.rd-navbar-aside-outer,
.rd-navbar-aside,
.rd-navbar-main-outer,
.rd-navbar-panel {
  background-color: var(--fd-navbar-bg);
  color: var(--fd-navbar-color);
}

.rd-navbar-fixed .rd-navbar-panel,
.rd-navbar-fixed .rd-navbar-aside-outer,
.rd-navbar-fixed .rd-navbar-aside,
.rd-navbar-fixed .rd-navbar-main-outer,
.rd-navbar-fixed .rd-navbar-main,
.rd-navbar-fixed .rd-navbar-collapse,
.rd-navbar-fixed .rd-navbar-nav-wrap {
  background: var(--fd-navbar-bg);
  color: var(--fd-navbar-color);
}

.rd-navbar-fixed .rd-navbar-nav-wrap {
  border-color: var(--fd-card-border);
}

.rd-navbar-toggle,
.rd-navbar-fixed .rd-navbar-toggle {
  color: var(--fd-navbar-color);
}

.rd-navbar-toggle span,
.rd-navbar-toggle span::before,
.rd-navbar-toggle span::after {
  background-color: var(--fd-navbar-color);
}

.rd-navbar-toggle:hover span,
.rd-navbar-toggle:hover span::before,
.rd-navbar-toggle:hover span::after,
.rd-navbar-toggle.active span::before,
.rd-navbar-toggle.active span::after {
  background-color: var(--fd-navbar-active);
}

.rd-navbar-static.rd-navbar--is-stuck,
.rd-navbar-static.rd-navbar--is-clone {
  background-color: var(--fd-navbar-bg);
}
/*
  Selector de idioma (Select2)
*/
.rd-navbar-lang-wrap {
  display: flex;
  align-items: center;
  margin-left: 15px;
}

.rd-navbar-fixed .rd-navbar-lang-wrap {
  width: 100%;
  margin-left: 0;
  justify-content: center;
  padding: 4px 12px 8px;
}

.rd-navbar-lang-wrap .select2-container {
  width: auto !important;
}

.rd-navbar-lang-wrap .select2-container .select2-choice {
  background: transparent;
  border: none;
  box-shadow: none;
  color: var(--fd-navbar-color);
  padding: 6px 28px 6px 0;
  height: auto;
  line-height: 1.4;
}

.rd-navbar-lang-wrap .select2-container .select2-chosen {
  color: var(--fd-navbar-color);
  font-size: 14px;
  font-weight: 500;
}

.rd-navbar-lang-wrap .select2-container .select2-arrow b:before {
  color: var(--fd-navbar-color);
}

.rd-navbar-lang-wrap .select2-container-active .select2-choice,
.rd-navbar-lang-wrap .select2-dropdown-open .select2-choice {
  color: var(--fd-navbar-active);
}

.rd-navbar-lang-wrap .select2-container-active .select2-chosen,
.rd-navbar-lang-wrap .select2-dropdown-open .select2-chosen,
.rd-navbar-lang-wrap .select2-container-active .select2-arrow b:before,
.rd-navbar-lang-wrap .select2-dropdown-open .select2-arrow b:before {
  color: var(--fd-navbar-active);
}

.select2-drop.rd-navbar-lang-dropdown,
.select2-drop.rd-navbar-lang-dropdown.select2-drop-active {
  background: var(--fd-navbar-bg);
  color: var(--fd-navbar-color);
  border: none;
  box-shadow: none;
  margin-top: 4px;
  padding: 0;
}

.select2-drop.rd-navbar-lang-dropdown .select2-results {
  padding: 0;
  margin: 0;
}

.select2-drop.rd-navbar-lang-dropdown .select2-results .select2-result-label {
  color: var(--fd-navbar-color);
  padding: 8px 14px;
}

.select2-drop.rd-navbar-lang-dropdown .select2-results .select2-highlighted {
  background: var(--fd-navbar-active);
  color: var(--fd-navbar-color);
}

.select2-drop.rd-navbar-lang-dropdown .select2-results .select2-highlighted .select2-result-label {
  color: var(--fd-navbar-color);
}

.select2-drop.rd-navbar-lang-dropdown .select2-search {
  display: none;
}

.rd-navbar-nav .rd-nav-link,
.rd-navbar-static .rd-nav-link,
.rd-navbar-modern .rd-nav-link {
  color: var(--fd-navbar-color);
}

.rd-navbar-nav .rd-nav-item.active>.rd-nav-link,
.rd-navbar-nav .rd-nav-link:hover,
.rd-navbar-static .rd-nav-link:hover,
.rd-navbar-dropdown .rd-dropdown-link:hover {
  color: var(--fd-navbar-active);
}

.rd-navbar-dropdown {
  background-color: var(--fd-navbar-bg);
}

.rd-navbar-dropdown .rd-dropdown-link {
  color: var(--fd-navbar-color);
}

.button .button-primary,
.btn-primary,
.templateColor,
.button.button-primary,
.button.button-primary-outline:hover {
  background-color: var(--fd-primary-bg);
  border-color: var(--fd-primary-bg);
  color: var(--fd-primary-color);
}

.button-primary:hover,
.btn-primary:hover,
.templateColor:hover {
  filter: brightness(0.92);
  color: var(--fd-primary-color);
}

.button-secondary,
.btn-secondary,
.bg-secondary-custom {
  background-color: var(--fd-secondary-bg);
  border-color: var(--fd-secondary-bg);
  color: var(--fd-secondary-color);
}

.text-primary,
.text-primary-custom,
.icon-primary,
.link-primary,
.box-icon-classic-icon,
.product-price,
.price {
  color: var(--fd-primary-bg);
}

.bg-primary,
.bg-primary-custom,
.badge-primary {
  background-color: var(--fd-primary-bg);
  color: var(--fd-primary-color);
}

.bg-secondary,
.bg-secondary-custom,
.badge-secondary {
  background-color: var(--fd-secondary-bg);
  color: var(--fd-secondary-color);
}

.section,
.bg-default {
  background-color: var(--fd-body-bg);
  color: var(--fd-body-color);
}

.card,
.box,
.product,
.thumbnail,
.post,
.team-classic,
.box-icon-classic {
  background-color: var(--fd-card-bg);
  color: var(--fd-card-color);
  border-color: var(--fd-card-border);
}

.card-title,
.product-title,
.post-title,
.box-icon-classic-title {
  color: var(--fd-card-color);
}

.swiper-slide-caption,
.section-main-bunner,
.breadcrumbs-custom,
.hero-section,
.page-header,
.main-banner {
  background-image:
    linear-gradient(var(--fd-hero-overlay), var(--fd-hero-overlay)),
    var(--fd-cover-url);
  background-size: cover;
  background-position: center;
}

.swiper-slide-caption h1,
.swiper-slide-caption h2,
.section-main-bunner h1,
.section-main-bunner h2,
.breadcrumbs-custom-title,
.hero-section h1,
.hero-section h2 {
  color: var(--fd-hero-title);
  font-family: var(--fd-font-heading);
}

.swiper-slide-caption p,
.section-main-bunner p,
.hero-section p {
  color: var(--fd-hero-subtitle);
}

footer,
.footer,
.section-footer,
.footer-classic,
.footer-modern {
  background-color: var(--fd-footer-bg);
  color: var(--fd-footer-color);
}

footer a,
.footer a,
.section-footer a,
.footer-classic a,
.footer-modern a {
  color: var(--fd-footer-color);
}

footer a:hover,
.footer a:hover,
.section-footer a:hover,
.footer-classic a:hover,
.footer-modern a:hover {
  color: var(--fd-primary-bg);
}

.footer-classic-title,
.footer-modern-title,
.footer-creative-title,
.footer-corporate-title {
  color: var(--fd-primary-bg);
}

.form-control:focus {
  border-color: var(--fd-primary-bg);
  box-shadow: 0 0 0 .15rem color-mix(in srgb, var(--fd-primary-bg) 25%, transparent);
}

::selection {
  background-color: var(--fd-primary-bg);
  color: var(--fd-primary-color);
}