@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src:
    url("plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2")
      format("woff2"),
    url("plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff")
      format("woff"),
    url("plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.ttf")
      format("truetype");
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src:
    url("plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff2")
      format("woff2"),
    url("plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.woff")
      format("woff"),
    url("plugins/elementor/assets/lib/font-awesome/webfonts/fa-brands-400.ttf")
      format("truetype");
}

@font-face {
  font-family: jkiticon;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    url("plugins/jeg-elementor-kit/assets/fonts/jkiticon/jkiticon7107.woff2")
      format("woff2"),
    url("plugins/jeg-elementor-kit/assets/fonts/jkiticon/jkiticon7107.woff")
      format("woff"),
    url("plugins/jeg-elementor-kit/assets/fonts/jkiticon/jkiticon7107.ttf")
      format("truetype");
}

.fa,
.fas,
.e-fas,
[class*=" e-fas-"],
[class^="e-fas-"] {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
}

.fab,
.e-fab,
[class*=" e-fab-"],
[class^="e-fab-"] {
  font-family: "Font Awesome 5 Brands" !important;
  font-weight: 400;
}

[class*="jki jki-"] {
  font-family: jkiticon !important;
}

/* Mejoras para el menú original (opcional) */
.jkit-menu li.menu-item-has-children > a,
.jkit-menu li.has-mega-menu > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.elementor-widget-n-tabs .e-n-tabs-content > [role="tabpanel"][hidden] {
  display: none !important;
}

.elementor-widget-n-tabs .e-n-tabs-content > [role="tabpanel"].e-active {
  display: flex;
}

#areas .elementor-button-wrapper,
#areas a.elementor-button {
  position: relative;
  z-index: 20;
  pointer-events: auto;
}

/* ======================================================= */
/* ========== ESTILOS SOLO PARA PANTALLAS MÓVILES ========= */
/* ======================================================= */
@media (max-width: 992px) {
  /* Convertir el menú original en hamburguesa lateral */
  .jkit-menu-wrapper {
    position: fixed !important;
    top: 0 !important;
    left: -280px !important;
    width: 280px !important;
    height: 100% !important;
    background: #213254 !important;  /* Color azul que te gusta */
    z-index: 9999 !important;
    transition: left 0.3s ease !important;
    overflow-y: auto !important;
    display: block !important;
  }

  .jkit-menu-wrapper.active {
    left: 0 !important;
  }

  .jkit-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0,0,0,0.6) !important;
    z-index: 9998 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
  }

  .jkit-overlay.active {
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Botón cerrar */
  .jkit-close-menu {
    display: block !important;
    cursor: pointer !important;
    color: #fff !important;
    font-size: 24px !important;
  }

  /* Ajuste de colores del menú móvil */
  .jkit-menu-wrapper .jkit-menu a {
    color: #FFFFFF !important;
  }

  .jkit-menu-wrapper .jkit-menu a:hover {
    color: #E3B576 !important;
  }
}

/* ======================================================= */
/* Eliminamos cualquier regla relacionada con #miMenuHamburguesa
   porque ya no se usa (es el menú blanco que inyectábamos) */