.elementor-58 .elementor-element.elementor-element-13e1b97 > .elementor-container{min-height:100px;}.elementor-58 .elementor-element.elementor-element-13e1b97{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-58 .elementor-element.elementor-element-13e1b97 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-58 .elementor-element.elementor-element-a56307a.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-58 .elementor-element.elementor-element-a56307a > .elementor-element-populated{padding:0px 0px 0px 20px;}.elementor-58 .elementor-element.elementor-element-bd488b1{text-align:start;}.elementor-58 .elementor-element.elementor-element-bd488b1 img{width:85%;}.elementor-bc-flex-widget .elementor-58 .elementor-element.elementor-element-fefae0a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-58 .elementor-element.elementor-element-fefae0a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-58 .elementor-element.elementor-element-fefae0a.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-bc-flex-widget .elementor-58 .elementor-element.elementor-element-9228078.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-58 .elementor-element.elementor-element-9228078.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-58 .elementor-element.elementor-element-9228078.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-58 .elementor-element.elementor-element-9228078 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}}@media(min-width:768px){.elementor-58 .elementor-element.elementor-element-a56307a{width:14.999%;}.elementor-58 .elementor-element.elementor-element-fefae0a{width:74.667%;}.elementor-58 .elementor-element.elementor-element-9228078{width:10%;}}/* Start custom CSS for column, class: .elementor-element-fefae0a *//*
  PEGAR EN: la columna del centro del header (la que tiene el widget de menú)
  Ruta: Clic en la columna → pestaña Avanzado → CSS personalizado

  Así el menú se ve como el nuestro: pill con glassmorphism, glow verde arriba e iconos.
  Si en el menú de WordPress no has puesto las clases rc-icon-home, rc-icon-globe, etc.,
  los iconos no saldrán pero el pill y el estilo sí.
*/

.elementor-58 .elementor-element.elementor-element-fefae0a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.elementor-58 .elementor-element.elementor-element-fefae0a::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -80px;
  width: 280px;
  height: 120px;
  transform: translateX(-50%);
  background: radial-gradient(
    ellipse 80% 100% at 50% 0%,
    rgba(115, 186, 38, 0.2),
    transparent 70%
  );
  pointer-events: none;
}

.elementor-58 .elementor-element.elementor-element-fefae0a .elementor-nav-menu {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0.75rem;
  margin: 0;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  list-style: none;
}

.elementor-58 .elementor-element.elementor-element-fefae0a .elementor-item {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.7rem;
  color: #ffffff;
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 500;
  border-radius: 999px;
  transition: background 0.25s ease, color 0.25s ease;
}

.elementor-58 .elementor-element.elementor-element-fefae0a .elementor-item:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #73BA26;
}

.elementor-58 .elementor-element.elementor-element-fefae0a .elementor-item::before {
  content: '';
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.elementor-58 .elementor-element.elementor-element-fefae0a .elementor-item.rc-icon-home::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
}
.elementor-58 .elementor-element.elementor-element-fefae0a .elementor-item.rc-icon-home:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2373BA26' stroke-width='2'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
}

.elementor-58 .elementor-element.elementor-element-fefae0a .elementor-item.rc-icon-globe::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
}
.elementor-58 .elementor-element.elementor-element-fefae0a .elementor-item.rc-icon-globe:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2373BA26' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='2' y1='12' x2='22' y2='12'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
}

.elementor-58 .elementor-element.elementor-element-fefae0a .elementor-item.rc-icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E");
}
.elementor-58 .elementor-element.elementor-element-fefae0a .elementor-item.rc-icon-code:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2373BA26' stroke-width='2'%3E%3Cpolyline points='16 18 22 12 16 6'/%3E%3Cpolyline points='8 6 2 12 8 18'/%3E%3C/svg%3E");
}

.elementor-58 .elementor-element.elementor-element-fefae0a .elementor-item.rc-icon-monitor::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Crect x='2' y='3' width='20' height='14' rx='2'/%3E%3Cline x1='8' y1='21' x2='16' y2='21'/%3E%3Cline x1='12' y1='17' x2='12' y2='21'/%3E%3C/svg%3E");
}
.elementor-58 .elementor-element.elementor-element-fefae0a .elementor-item.rc-icon-monitor:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2373BA26' stroke-width='2'%3E%3Crect x='2' y='3' width='20' height='14' rx='2'/%3E%3Cline x1='8' y1='21' x2='16' y2='21'/%3E%3Cline x1='12' y1='17' x2='12' y2='21'/%3E%3C/svg%3E");
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-13e1b97 *//*
  Logo y hamburger en la misma línea en mobile/tablet (50% cada uno).
  Si el hamburger no se ve en mobile: en Elementor revisa que la COLUMNA del
  hamburger (y el widget de código HTML del hamburger) NO tengan "Ocultar en
  móvil" activado; solo debe estar oculta la columna del MENÚ CENTRO.

  OPCIÓN A - Con clase en la sección (recomendada):
  1. En la SECCIÓN del header (la que tiene las 3 columnas), clic en la sección →
     Avanzado → Clase CSS → añade:  rc-header-row
  2. Pega el bloque @media de abajo en Apariencia → Personalizar → CSS adicional
     (o en Elementor → Personalizar CSS del sitio).

  OPCIÓN B - Solo en esa sección (sin clase):
  1. Clic en la SECCIÓN del header → Avanzado → CSS personalizado.
  2. Sustituye ".elementor-58 .elementor-element.elementor-element-13e1b97" por el .elementor-58 .elementor-element.elementor-element-13e1b97 que muestra Elementor (ej: .elementor-element-a1b2c3d4)
     y pega el mismo bloque @media usando ".elementor-58 .elementor-element.elementor-element-13e1b97" delante de .elementor-container y .elementor-column.
*/

/* Tablet: columna oculta sin espacio; logo y hamburger 50% cada una */
@media (max-width: 1024px) {
  .rc-header-row .elementor-container {
    flex-wrap: nowrap !important;
  }
  /* La columna que ocultaste (menú centro) no debe ocupar espacio */
  .rc-header-row .elementor-column.elementor-hidden-tablet {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    flex: 0 0 0 !important;
    overflow: hidden !important;
  }
  /* Solo las columnas visibles al 50% */
  .rc-header-row .elementor-column:not(.elementor-hidden-tablet) {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
}

/* Mobile: igual, columna oculta sin espacio; logo y hamburger 50% cada una */
@media (max-width: 767px) {
  .rc-header-row .elementor-container {
    flex-wrap: nowrap !important;
  }
  .rc-header-row .elementor-column.elementor-hidden-phone,
  .rc-header-row .elementor-column.elementor-hidden-mobile {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    flex: 0 0 0 !important;
    overflow: hidden !important;
  }
  .rc-header-row .elementor-column:not(.elementor-hidden-phone):not(.elementor-hidden-mobile) {
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
  }
}




/* Fondo sutil del header cuando ya hubo scroll */
.rc-header-row {
  background: transparent;
  transition: background 0.4s ease;
}

.rc-header-row.has-scrolled {
  background:
    linear-gradient(
      to bottom,
      rgba(3, 3, 19, 0.94) 0%,
      rgba(3, 3, 19, 0.94) 60%,
      rgba(3, 3, 19, 0.0) 100%
    );
}/* End custom CSS */