.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-75994e60 *//* =========================================================
   CAZADOR DE BONOS — NAVEGACIÓN PRINCIPAL
   Namespace exclusivo: cdbx-
   ========================================================= */

.cdbx-nav,
.cdbx-nav *,
.cdbx-nav *::before,
.cdbx-nav *::after {
  box-sizing: border-box !important;
}


/* =========================================================
   CONTENEDOR PRINCIPAL
   ========================================================= */

.cdbx-nav {

  /* IDENTIDAD CDB */
  --cdbx-green: #10B981;
  --cdbx-green-dark: #047857;
  --cdbx-green-soft: #ECFDF5;
  --cdbx-green-border: #A7F3D0;

  --cdbx-gold: #F59E0B;
  --cdbx-gold-dark: #B45309;
  --cdbx-gold-soft: #FFFBEB;

  --cdbx-navy: #0F172A;
  --cdbx-navy-soft: #1E293B;

  --cdbx-text: #334155;
  --cdbx-muted: #64748B;

  --cdbx-white: #FFFFFF;
  --cdbx-surface: #F8FAFC;
  --cdbx-border: #E2E8F0;

  position: relative !important;
  z-index: 9999 !important;

  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  max-width: 1240px !important;
  min-height: 72px !important;

  margin: 0 auto !important;
  padding: 10px 18px !important;

  gap: 24px !important;

  background: var(--cdbx-white) !important;

  border: 1px solid var(--cdbx-border) !important;
  border-radius: 16px !important;

  box-shadow:
    0 16px 40px -28px rgba(15, 23, 42, 0.24) !important;

  font-family: inherit !important;

  overflow: visible !important;
  isolation: isolate !important;
}


/* =========================================================
   FIRMA VISUAL CDB
   Verde domina → oro recompensa
   ========================================================= */

.cdbx-nav::before {
  content: "" !important;

  position: absolute !important;

  top: -1px !important;
  left: 32px !important;

  width: 112px !important;
  height: 3px !important;

  background:
    linear-gradient(
      90deg,
      var(--cdbx-green) 0%,
      var(--cdbx-green) 68%,
      var(--cdbx-gold) 100%
    ) !important;

  border-radius: 0 0 999px 999px !important;

  pointer-events: none !important;
}


/* =========================================================
   MARCA / LOGO
   ========================================================= */

.cdbx-nav__brand {
  display: flex !important;

  align-items: center !important;
  justify-content: flex-start !important;

  flex: 0 0 auto !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;

  text-decoration: none !important;
  line-height: 1 !important;

  box-shadow: none !important;
}


.cdbx-nav__logo {
  display: block !important;

  width: auto !important;
  height: 48px !important;
  max-width: 220px !important;

  margin: 0 !important;
  padding: 0 !important;

  object-fit: contain !important;

  border: 0 !important;
  box-shadow: none !important;

  opacity: 1 !important;

  transition:
    transform 0.2s ease,
    opacity 0.2s ease !important;
}


.cdbx-nav__brand:hover .cdbx-nav__logo {
  transform: translateY(-1px) !important;
  opacity: 0.96 !important;
}


/* =========================================================
   MENÚ DESKTOP
   ========================================================= */

.cdbx-nav .cdbx-nav__menu {
  display: flex !important;

  align-items: center !important;
  justify-content: flex-end !important;

  flex-direction: row !important;
  flex-wrap: nowrap !important;

  gap: 4px !important;

  width: auto !important;

  margin: 0 0 0 auto !important;
  padding: 0 !important;

  list-style: none !important;

  background: transparent !important;
  border: 0 !important;
}


.cdbx-nav .cdbx-nav__menu > .cdbx-nav__item {
  position: relative !important;

  display: block !important;

  width: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;

  background: transparent !important;
  border: 0 !important;
}


.cdbx-nav .cdbx-nav__menu > .cdbx-nav__item::before,
.cdbx-nav .cdbx-nav__menu > .cdbx-nav__item::after {
  display: none !important;
  content: none !important;
}


/* =========================================================
   ENLACES
   ========================================================= */

.cdbx-nav
.cdbx-nav__menu
> .cdbx-nav__item
> a {

  position: relative !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  min-height: 42px !important;

  margin: 0 !important;
  padding: 11px 14px !important;

  color: var(--cdbx-text) !important;
  background: transparent !important;

  border: 0 !important;
  border-radius: 10px !important;

  box-shadow: none !important;

  font-family: inherit !important;
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;

  letter-spacing: 0 !important;

  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;

  white-space: nowrap !important;

  transition:
    color 0.18s ease,
    background-color 0.18s ease,
    transform 0.18s ease !important;
}


.cdbx-nav
.cdbx-nav__menu
> .cdbx-nav__item
> a::before {

  display: none !important;
  content: none !important;
}


/* Línea inferior de interacción */

.cdbx-nav
.cdbx-nav__menu
> .cdbx-nav__item
> a::after {

  content: "" !important;

  position: absolute !important;

  left: 50% !important;
  bottom: 5px !important;

  display: block !important;

  width: 0 !important;
  height: 2px !important;

  background: var(--cdbx-green) !important;

  border: 0 !important;
  border-radius: 999px !important;

  transform: translateX(-50%) !important;

  transition:
    width 0.2s ease !important;
}


/* Hover / teclado */

.cdbx-nav
.cdbx-nav__menu
> .cdbx-nav__item
> a:hover,

.cdbx-nav
.cdbx-nav__menu
> .cdbx-nav__item
> a:focus-visible {

  color: var(--cdbx-green-dark) !important;

  background:
    var(--cdbx-green-soft) !important;

  outline: none !important;
}


.cdbx-nav
.cdbx-nav__menu
> .cdbx-nav__item
> a:hover::after,

.cdbx-nav
.cdbx-nav__menu
> .cdbx-nav__item
> a:focus-visible::after {

  width: 28px !important;
}


/* =========================================================
   PÁGINA / ELEMENTO ACTIVO
   Compatible con aria-current="page"
   ========================================================= */

.cdbx-nav
.cdbx-nav__menu
> .cdbx-nav__item
> a[aria-current="page"],

.cdbx-nav
.cdbx-nav__menu
> .cdbx-nav__item.cdbx-is-current
> a {

  color: var(--cdbx-green-dark) !important;
  background: var(--cdbx-green-soft) !important;
}


.cdbx-nav
.cdbx-nav__menu
> .cdbx-nav__item
> a[aria-current="page"]::after,

.cdbx-nav
.cdbx-nav__menu
> .cdbx-nav__item.cdbx-is-current
> a::after {

  width: 28px !important;

  background: var(--cdbx-green) !important;
}


/* =========================================================
   BOTÓN HAMBURGUESA
   ========================================================= */

.cdbx-nav__toggle {

  display: none !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  flex: 0 0 auto !important;

  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;

  width: 44px !important;
  height: 44px !important;

  margin: 0 0 0 auto !important;
  padding: 10px !important;

  gap: 5px !important;

  background: var(--cdbx-surface) !important;

  border:
    1px solid var(--cdbx-border) !important;

  border-radius: 11px !important;

  box-shadow: none !important;

  cursor: pointer !important;

  outline: none !important;

  transition:
    background-color 0.18s ease,
    border-color 0.18s ease !important;
}


.cdbx-nav__toggle span {

  display: block !important;

  width: 22px !important;
  height: 2px !important;
  min-height: 2px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: var(--cdbx-navy) !important;

  border: 0 !important;
  border-radius: 999px !important;

  transform-origin: center !important;

  transition:
    transform 0.25s ease,
    opacity 0.2s ease,
    background-color 0.2s ease !important;
}


.cdbx-nav__toggle:hover,
.cdbx-nav__toggle:focus-visible {

  background:
    var(--cdbx-green-soft) !important;

  border-color:
    var(--cdbx-green-border) !important;

  outline: none !important;
}


.cdbx-nav__toggle:hover span,
.cdbx-nav__toggle:focus-visible span {

  background:
    var(--cdbx-green-dark) !important;
}


/* =========================================================
   BURGER ABIERTO → X
   ========================================================= */

.cdbx-nav.cdbx-is-open
.cdbx-nav__toggle
span:nth-child(1) {

  transform:
    translateY(7px)
    rotate(45deg) !important;

  background:
    var(--cdbx-green-dark) !important;
}


.cdbx-nav.cdbx-is-open
.cdbx-nav__toggle
span:nth-child(2) {

  opacity: 0 !important;
}


.cdbx-nav.cdbx-is-open
.cdbx-nav__toggle
span:nth-child(3) {

  transform:
    translateY(-7px)
    rotate(-45deg) !important;

  background:
    var(--cdbx-green-dark) !important;
}


/* =========================================================
   TABLET / MÓVIL
   ========================================================= */

@media (max-width: 980px) {

  .cdbx-nav {

    min-height: 64px !important;

    flex-wrap: wrap !important;

    padding:
      9px 12px !important;

    gap: 0 !important;

    border-radius: 14px !important;
  }


  .cdbx-nav::before {

    left: 22px !important;

    width: 90px !important;
  }


  .cdbx-nav__logo {

    height: 43px !important;

    max-width: 190px !important;
  }


  .cdbx-nav__toggle {

    display: flex !important;
  }


  .cdbx-nav
  .cdbx-nav__menu {

    position: relative !important;

    flex:
      0 0 100% !important;

    display: none !important;

    flex-direction: column !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    width: 100% !important;
    max-width: none !important;

    margin:
      10px 0 0 0 !important;

    padding:
      10px 0 2px !important;

    gap: 3px !important;

    background:
      var(--cdbx-white) !important;

    border: 0 !important;
    border-top:
      1px solid var(--cdbx-border) !important;
  }


  .cdbx-nav.cdbx-is-open
  .cdbx-nav__menu {

    display: flex !important;
  }


  .cdbx-nav
  .cdbx-nav__menu
  > .cdbx-nav__item {

    display: block !important;

    width: 100% !important;
  }


  .cdbx-nav
  .cdbx-nav__menu
  > .cdbx-nav__item
  > a {

    justify-content: flex-start !important;

    width: 100% !important;

    min-height: 46px !important;

    padding:
      13px 14px !important;

    border-radius: 10px !important;

    font-size: 15px !important;
  }


  .cdbx-nav
  .cdbx-nav__menu
  > .cdbx-nav__item
  > a::after {

    display: none !important;
  }


  .cdbx-nav
  .cdbx-nav__menu
  > .cdbx-nav__item
  > a:hover,

  .cdbx-nav
  .cdbx-nav__menu
  > .cdbx-nav__item
  > a:focus-visible {

    color:
      var(--cdbx-green-dark) !important;

    background:
      var(--cdbx-green-soft) !important;
  }

}


/* =========================================================
   MÓVIL PEQUEÑO
   ========================================================= */

@media (max-width: 480px) {

  .cdbx-nav {

    padding:
      8px 10px !important;
  }


  .cdbx-nav__logo {

    height: 39px !important;

    max-width: 165px !important;
  }


  .cdbx-nav__toggle {

    width: 42px !important;
    height: 42px !important;
  }

}/* End custom CSS */