.elementor-kit-4{--e-global-color-primary:#E9CD46;--e-global-color-secondary:#000100;--e-global-color-text:#FFFFFF;--e-global-color-accent:#E9A1B0;--e-global-color-b5aeb33:#80B54B;--e-global-color-c58817e:#EA9B4E;--e-global-color-5420d44:#815524;--e-global-color-58be983:#ffffff;--e-global-color-09cc561:#0d141a;--e-global-color-a495fd4:#B8C0CC;--e-global-color-dff8941:linear-gradient(90deg;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-secondary );overscroll-behavior:contain;}.elementor-kit-4 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ---------- Variables ---------- */
:root {
  --brand-black: #000100;
  --brand-yellow: #E9CD46;
  --header-height: 84px;
  --header-height-scrolled: 60px;
  --transition-fast: 240ms;
  --transition-medium: 350ms;
  --easing: cubic-bezier(.2, .9, .22, 1);
}

/* ---------- Reset del header ---------- */
#bonis-header-root {
  box-sizing: border-box;
}

/* ---------- Header ---------- */
#bonis-header-root {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--header-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 34px;
  z-index: 110000;
  background: linear-gradient(180deg, rgba(0,0,0,0.98) 0%, rgba(0,0,0,0.92) 100%);
  color: white;
  border-bottom: 1px solid rgba(255,255,255,0.03);
  transition:
    height var(--transition-medium) var(--easing),
    padding var(--transition-medium) var(--easing),
    transform 300ms var(--easing),
    backdrop-filter var(--transition-medium) var(--easing);
  will-change: height, transform, backdrop-filter;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

#bonis-header-inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}

#bonis-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: white;
  flex-shrink: 0;
  transform-origin: left center;
  will-change: transform;
}

#bonis-brand img {
  display: block;
  height: 56px;
  width: auto;
  transition: height var(--transition-fast) var(--easing),
              transform var(--transition-fast) var(--easing);
  -webkit-user-drag: none;
}

#bonis-brand .brand-text {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  font-weight: 700;
  letter-spacing: 0.6px;
  font-size: 18px;
  color: var(--brand-yellow);
  white-space: nowrap;
  text-decoration: none;
  transition: opacity var(--transition-fast) var(--easing),
              transform var(--transition-fast) var(--easing);
}

#bonis-nav {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 28px;
  list-style: none;
  padding: 0;
}

#bonis-nav a {
  color: white;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.3px;
  padding: 6px 0;
  position: relative;
  transition: transform 220ms var(--easing), opacity 220ms var(--easing);
}

/* ==========================================================
   OCULTAR TÍTULOS AUTOMÁTICOS DEL THEME (HELLO ELEMENTOR)
   ========================================================== */

.page-header,
.page-header .page-title,
h1.page-title,
header.entry-header,
header.entry-header h1,
.elementor-page-title {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}/* Ocultar cualquier título Elementor en la parte superior de las páginas */
.elementor-location-single .elementor-widget-heading:first-of-type,
.elementor-section:first-of-type .elementor-widget-heading,
.elementor h1.elementor-heading-title,
.elementor h2.elementor-heading-title {
    display: none !important;
}

/* Si el tema genera un wrapper invisible, lo eliminamos también */
.elementor-location-single .elementor-section:first-of-type {
    margin-top: 0 !important;
    padding-top: 0 !important;
}/* End custom CSS */