/* Identidad visual Ferhub Norte */
:root {
  --ferhub-navy: #063680;
  --ferhub-blue: #0864a4;
  --ferhub-sky: #16b9e8;
  --ferhub-orange: #ff7b22;
  --ferhub-orange-dark: #e95d0b;
  --ferhub-ink: #142b4a;
  --ferhub-soft: #f3f8fc;

  --mirage: var(--ferhub-navy);
  --blaze: var(--ferhub-orange);
  --deep: var(--ferhub-blue);
  --sand: #ffffff;
  --arena: var(--ferhub-soft);
  --bs-primary: var(--ferhub-blue);
  --bs-primary-rgb: 8, 100, 164;
  --bs-danger: var(--ferhub-orange);
  --bs-danger-rgb: 255, 123, 34;
  --bs-secondary: var(--ferhub-navy);
  --bs-secondary-rgb: 6, 54, 128;
}

body.dlnorte,
body.dlnorte-berel {
  background: #fff;
  color: var(--ferhub-ink);
}

.topbar {
  background: linear-gradient(90deg, var(--ferhub-blue), var(--ferhub-navy)) !important;
  color: #fff !important;
}

.navbar.nav-fs,
.footer-fs,
.bg-dark-2 {
  background: linear-gradient(115deg, #052e70, #074d91) !important;
}

.navbar .logo-float {
  height: 68px !important;
  top: -34px !important;
  max-width: 250px !important;
  object-fit: contain;
  filter: drop-shadow(0 6px 14px rgba(0, 34, 84, .3)) !important;
}

.navbar .brand-float {
  min-width: 245px;
}

.hero-split-row > div:first-child {
  background: #052D54!important;
}

.hero-title,
.hero-sub,
.hero-kicker {
  color: #fff !important;
}

.btn.btn-pill,
.topbar .topbar-cta,
.btn-primary,
.page-item.active .page-link {
  background-color: var(--ferhub-orange) !important;
  border-color: var(--ferhub-orange) !important;
  color: #fff !important;
}

.btn.btn-pill:hover,
.topbar .topbar-cta:hover,
.btn-primary:hover {
  background-color: var(--ferhub-orange-dark) !important;
  border-color: var(--ferhub-orange-dark) !important;
}

.btn-olive,
.btn-dark,
.bg-dark {
  background-color: var(--ferhub-blue) !important;
  border-color: var(--ferhub-blue) !important;
  color: #fff !important;
}

.btn-olive:hover,
.btn-dark:hover {
  background-color: var(--ferhub-navy) !important;
  border-color: var(--ferhub-navy) !important;
}

.title-underline::after,
.section-title::after {
  background: var(--ferhub-orange) !important;
}

.fs-catband .row > div:nth-child(1) .item { background: #063680 !important; }
.fs-catband .row > div:nth-child(2) .item { background: #0864a4 !important; }
.fs-catband .row > div:nth-child(3) .item { background: #16b9e8 !important; }
.fs-catband .row > div:nth-child(4) .item { background: #ff9a2f !important; }
.fs-catband .row > div:nth-child(5) .item { background: #ff6b16 !important; }
.fs-catband .row > div:nth-child(6) .item { background: #063680 !important; }

.product-item .badge,
.cat-dot,
.info-ico,
.rating-stars {
  color: var(--ferhub-orange) !important;
}

.product-item .badge {
  background: var(--ferhub-blue) !important;
  color: #fff !important;
}

.modal-open .flotante {
  opacity: 0;
  pointer-events: none;
}

a:not(.btn):not(.nav-link):not(.dropdown-item):not(.item) {
  text-decoration-color: rgba(8, 100, 164, .35);
}

@media (max-width: 991.98px) {
  .navbar .brand-float { min-width: 185px; }
  .navbar .logo-float {
    height: 54px !important;
    top: -27px !important;
    max-width: 185px !important;
  }
}

@media (max-width: 575.98px) {
  .navbar .brand-float { min-width: 150px; }
  .navbar .logo-float {
    height: 46px !important;
    top: -23px !important;
    max-width: 150px !important;
  }
}