.elementor-kit-2177{--e-global-color-primary:#111010;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:38px;--e-global-typography-primary-letter-spacing:-0.8px;--e-global-typography-primary-word-spacing:1px;--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;}.elementor-kit-2177 e-page-transition{background-color:#FFBC7D;}.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;}{}h1.entry-title{display:var(--page-title-display);}@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 *//* ====== Topbar azul siempre fija ====== */
#topbar{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
}

/* Espacio para que el contenido no se meta debajo de la franja azul */
:root{ --blueH: 56px; }  /* ajusta a la altura real de tu franja azul */
body{ padding-top: var(--blueH); }

/* ====== Barra blanca (logo/menú) pega bajo la azul y luego se puede ocultar ====== */
#main-header{
  position: sticky;             /* se queda pegada justo debajo de la azul */
  top: var(--blueH);
  z-index: 999;
  transition: transform .3s ease;
  will-change: transform;
  background: #fff;             /* asegura fondo blanco sólido */
}

/* Cuando el body tenga la clase, escondemos la barra blanca hacia arriba */
body.hide-main #main-header{
  transform: translateY(-150%);
}

/* En el editor, no pegues/fijes nada para evitar saltos raros */
body.elementor-editor-active #topbar,
body.elementor-editor-active #main-header{
  position: static !important;
  transform: none !important;
}/* End custom CSS */