/* =====================================================================
   UKABI · Menú principal y mega menús (todas las páginas)
   - Mega menú Software de gestión: menú de WordPress con niveles
     (área → productos) mostrado en 5 columnas + 2 tarjetas.
   - Mega menú IA y Productividad: mismo panel que Software de gestión.
   - Páginas claras (body.ukabi-light-page): menú oscuro y logo azul.
   ===================================================================== */

:root{
  --ukm-panel:#0a1336;
  --ukm-ink:#0F206C;
  --ukm-coral:#FD495C;
  --ukm-coral-d:#E83248;
  --ukm-mono:"Space Mono",ui-monospace,Menlo,Consolas,monospace;
  --ukm-own:url("/wp-content/uploads/2026/07/favicon-ukabi.png");
}

/* ---------- Panel común de los mega menús ---------- */
.awb-menu__mega-wrap .ukm-panel,
.awb-menu__mega-wrap .fusion-fullwidth.mm-card.mm-card-vexia{
  background:var(--ukm-panel) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:14px !important;
  box-shadow:0 30px 70px -28px rgba(0,0,0,.75) !important;
}
.awb-menu__mega-wrap .ukm-panel{ padding:30px 34px 32px !important; }
/* Avada pone un margen negativo lateral a la fila (compensa el hueco entre columnas) y se comía el aire del panel */
.awb-menu__mega-wrap .ukm-panel > .fusion-row{ margin-left:0 !important; margin-right:0 !important; width:100% !important; }
/* Ancho del diseño (anula el antiguo .mm-card-sg de 640 px) */
.awb-menu__mega-wrap .fusion-fullwidth.mm-card-sg.ukm-panel{ width:min(1040px,calc(100vw - 48px)) !important; max-width:none !important; }
.awb-menu__mega-wrap .ukm-panel > .fusion-row{ max-width:none !important; row-gap:0; }
.awb-menu__mega-wrap .fusion-fullwidth.mm-card.mm-card-vexia > .fusion-row{ margin-left:0 !important; margin-right:0 !important; }
.awb-menu__mega-wrap .ukm-panel .fusion-layout-column{ margin:0 !important; }
.awb-menu__mega-wrap .ukm-panel .fusion-column-wrapper{ padding:0 !important; margin:0 !important; }
.ukabi-light-page .awb-menu__mega-wrap .ukm-panel,
.ukabi-light-page .awb-menu__mega-wrap .fusion-fullwidth.mm-card.mm-card-vexia{ box-shadow:0 30px 70px -24px rgba(15,32,108,.55) !important; }

/* Antetítulo del panel */
.ukm-panel .ukm-kick p,
.ukm-panel .ukm-kick{ margin:0 0 12px !important; font:400 10px/1 var(--ukm-mono) !important; letter-spacing:.16em !important; color:var(--ukm-coral) !important; text-transform:uppercase; white-space:nowrap; }

/* ---------- Software de gestión: 5 columnas ---------- */
.ukm-sg-menu{ width:100% !important; }
.ukm-sg-menu .awb-menu__main-ul{
  display:grid !important; align-items:start; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; margin:0 0 4px !important; padding:0 !important; list-style:none; }
.ukm-sg-menu .awb-menu__main-li{ display:flex !important; flex-direction:column; justify-content:flex-start !important; align-items:stretch !important; gap:2px; width:auto !important; margin:0 !important; padding:0 !important; min-width:0; }
.ukm-sg-menu .awb-menu__main-background-default,
.ukm-sg-menu .awb-menu__main-background-active,
.ukm-sg-menu .awb-menu__open-nav-submenu-hover,
.ukm-sg-menu .awb-menu__open-nav-submenu_mobile,
.ukm-sg-menu .awb-menu__i{ display:none !important; }

/* Cabecera de cada área (icono + nombre) */
.ukm-sg-menu .awb-menu__main-a{
  display:flex !important; align-items:center; justify-content:flex-start !important; gap:8px; padding:0 0 10px !important; margin:0 0 4px !important;
  border-bottom:1px solid rgba(255,255,255,.1) !important; background:none !important; text-decoration:none; transition:opacity .2s; }
.ukm-sg-menu .awb-menu__main-a:hover{ opacity:.75; }
.ukm-sg-menu .awb-menu__main-a .menu-text{ font-weight:700 !important; font-size:12.5px !important; line-height:1.2 !important; color:#fff !important; text-align:left !important; }
.ukm-sg-menu .awb-menu__main-a .awb-menu__description{ display:none !important; }
.ukm-sg-menu .ukm-area > .awb-menu__main-a::before{
  content:""; width:28px; height:28px; flex:none; border-radius:7px; background-color:rgba(253,73,92,.17); border:1px solid rgba(253,73,92,.34);
  background-repeat:no-repeat; background-position:center; background-size:16px; }
.ukm-sg-menu .ukm-ico-conta > .awb-menu__main-a::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FD495C' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='2'/%3E%3Cpath d='M9 7h6M9 11h6M9 15h3'/%3E%3C/svg%3E"); }
.ukm-sg-menu .ukm-ico-nomina > .awb-menu__main-a::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FD495C' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M2 21v-1.5A4.5 4.5 0 0 1 6.5 15h5a4.5 4.5 0 0 1 4.5 4.5V21'/%3E%3Cpath d='M16 3.2a4 4 0 0 1 0 7.6'/%3E%3Cpath d='M22 21v-1.5a4.5 4.5 0 0 0-3.2-4.3'/%3E%3C/svg%3E"); }
.ukm-sg-menu .ukm-ico-presencia > .awb-menu__main-a::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FD495C' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E"); }
.ukm-sg-menu .ukm-ico-factura > .awb-menu__main-a::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FD495C' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2.5h12v19l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 7.5h6M9 11.5h6'/%3E%3C/svg%3E"); }
.ukm-sg-menu .ukm-ico-erp > .awb-menu__main-a::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FD495C' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7.5' height='7.5' rx='1.5'/%3E%3Crect x='13.5' y='3' width='7.5' height='7.5' rx='1.5'/%3E%3Crect x='3' y='13.5' width='7.5' height='7.5' rx='1.5'/%3E%3Crect x='13.5' y='13.5' width='7.5' height='7.5' rx='1.5'/%3E%3C/svg%3E"); }

/* Productos: siempre visibles bajo su área (sin desplegable) */
.ukm-sg-menu .awb-menu__sub-ul{
  /* Avada le pone z-index:-10; dentro de una columna flex eso la manda detrás del panel */
  position:static !important; z-index:1 !important; display:flex !important; flex-direction:column; gap:2px; opacity:1 !important; visibility:visible !important; transform:none !important;
  width:auto !important; min-width:0 !important; margin:0 !important; padding:0 !important; background:none !important; border:0 !important; box-shadow:none !important; list-style:none; }
.ukm-sg-menu .awb-menu__sub-li{ margin:0 !important; padding:0 !important; background:none !important; border:0 !important; }
.ukm-sg-menu .awb-menu__sub-a{ display:block !important; padding:6px 4px !important; border-radius:8px; background:none !important; text-decoration:none; transition:background .2s; }
.ukm-sg-menu .awb-menu__sub-a:hover{ background:rgba(255,255,255,.06) !important; }
.ukm-sg-menu .awb-menu__sub-a > span{
  display:flex !important; flex-wrap:wrap; align-items:center; column-gap:6px;
  font-weight:600 !important; font-size:12px !important; line-height:1.3 !important; color:rgba(255,255,255,.85) !important; white-space:nowrap; }
.ukm-sg-menu .awb-menu__sub-a .awb-menu__description{
  order:3; flex:0 0 100%; display:block !important; margin-top:1px; white-space:normal;
  font-weight:400 !important; font-size:10.5px !important; line-height:1.35 !important; color:rgba(255,255,255,.42) !important; }
/* Insignia de solución propia: el mismo icono del favicon */
.ukm-sg-menu .ukm-own > .awb-menu__sub-a > span::after{
  content:""; order:2; width:14px; height:13px; flex:none; background:var(--ukm-own) center/contain no-repeat; }

/* ---------- Tarjetas inferiores (columnas enlazadas) ---------- */
.ukm-panel .ukm-sg-main{ padding-bottom:22px !important; margin-bottom:20px !important; border-bottom:1px solid rgba(255,255,255,.1); }
.ukm-panel .ukm-feat{ width:calc(50% - 6px) !important; flex:0 0 calc(50% - 6px) !important; }
.ukm-panel .ukm-feat + .ukm-feat{ margin-left:12px !important; }
.ukm-panel .ukm-feat > .fusion-column-wrapper{
  display:grid !important; grid-template-columns:32px 1fr; grid-template-areas:"ico kick" "ico title" "desc desc"; column-gap:10px; row-gap:0; align-items:center;
  border-radius:12px; padding:15px 16px !important; transition:border-color .2s,transform .2s,box-shadow .2s; }
.ukm-panel .ukm-feat .ukm-feat-ico{
  grid-area:ico; width:32px !important; height:32px !important; line-height:32px !important; margin:0 !important; border-radius:8px; text-align:center; font-size:15px !important; background:none; }
.ukm-panel .ukm-feat .ukm-feat-kick{ grid-area:kick; margin:0 !important; }
.ukm-panel .ukm-feat .ukm-feat-kick p{ margin:0; font:400 9px/1.2 var(--ukm-mono); letter-spacing:.16em; text-transform:uppercase; }
.ukm-panel .ukm-feat .ukm-feat-title{ grid-area:title; margin:0 !important; }
.ukm-panel .ukm-feat .ukm-feat-title .fusion-title-heading{ margin:0 !important; font:700 13px/1.15 "Montserrat",sans-serif !important; letter-spacing:0 !important; color:#fff !important; }
.ukm-panel .ukm-feat .ukm-feat-desc{ grid-area:desc; margin:9px 0 0 !important; }
.ukm-panel .ukm-feat .ukm-feat-desc p{ margin:0; font-size:12px; line-height:1.5; }
.ukm-panel .ukm-feat .fusion-column-anchor{ position:absolute; inset:0; z-index:2; border-radius:12px; }
/* Servicio · Consultoría */
.ukm-panel .ukm-feat--svc > .fusion-column-wrapper{ background:linear-gradient(135deg,rgba(92,103,178,.22),rgba(92,103,178,.05)); border:1px solid rgba(130,142,214,.4); }
.ukm-panel .ukm-feat--svc:hover > .fusion-column-wrapper{ border-color:rgba(130,142,214,.65); }
.ukm-panel .ukm-feat--svc .ukm-feat-ico{ background:rgba(130,142,214,.22) !important; color:#AEB7EC !important; }
.ukm-panel .ukm-feat--svc .ukm-feat-kick p{ color:#AEB7EC; }
.ukm-panel .ukm-feat--svc .ukm-feat-desc p{ color:rgba(255,255,255,.58); }
/* Vexia · IA */
.ukm-panel .ukm-feat--ia > .fusion-column-wrapper{ background:linear-gradient(135deg,#FD495C,#D62A45); border:1px solid rgba(253,73,92,.6); box-shadow:0 12px 28px -12px rgba(253,73,92,.75); }
.ukm-panel .ukm-feat--ia:hover > .fusion-column-wrapper{ transform:translateY(-1px); box-shadow:0 16px 34px -12px rgba(253,73,92,.9); }
.ukm-panel .ukm-feat--ia .ukm-feat-ico{ background:rgba(255,255,255,.2) !important; color:#fff !important; }
.ukm-panel .ukm-feat--ia .ukm-feat-kick p{ color:rgba(255,255,255,.9); }
.ukm-panel .ukm-feat--ia .ukm-feat-desc p{ color:rgba(255,255,255,.92); font-weight:500; }

/* ---------- Botón Contacto en el menú principal ----------
   Solo borde (el botón coral relleno ya es "Soporte", justo encima). */
.avada-main-menu .ukm-cta > .awb-menu__main-a{
  background:transparent !important; border:1.5px solid rgba(255,255,255,.45) !important; border-radius:9px !important; padding:8px 15px !important;
  transition:background .2s,border-color .2s,transform .2s !important; }
.avada-main-menu .ukm-cta > .awb-menu__main-a .menu-text{ color:#fff !important; font-weight:600 !important; transition:color .2s; }
.avada-main-menu .ukm-cta > .awb-menu__main-a:hover{ background:#fff !important; border-color:#fff !important; transform:translateY(-1px); }
.avada-main-menu .ukm-cta > .awb-menu__main-a:hover .menu-text{ color:var(--ukm-ink) !important; }
.avada-main-menu .ukm-cta > .awb-menu__main-background-default,
.avada-main-menu .ukm-cta > .awb-menu__main-background-active{ display:none !important; }
/* En páginas claras: borde y texto azul marino */
.ukabi-light-page .avada-main-menu .ukm-cta > .awb-menu__main-a{ border-color:rgba(15,32,108,.35) !important; }
.ukabi-light-page .avada-main-menu .ukm-cta > .awb-menu__main-a .menu-text{ color:var(--ukm-ink) !important; }
.ukabi-light-page .avada-main-menu .ukm-cta > .awb-menu__main-a:hover{ background:var(--ukm-ink) !important; border-color:var(--ukm-ink) !important; }
.ukabi-light-page .avada-main-menu .ukm-cta > .awb-menu__main-a:hover .menu-text{ color:#fff !important; }

/* ---------- Logos: blanco por defecto, azul en páginas claras ---------- */
.fusion-tb-header .ukm-logo--blue{ display:none !important; }
.ukabi-light-page .fusion-tb-header .ukm-logo--white{ display:none !important; }
.ukabi-light-page .fusion-tb-header .ukm-logo--blue{ display:inline-block !important; }
.fusion-tb-header .fusion-image-element:has(> .ukm-logo--blue){ display:none; }
.ukabi-light-page .fusion-tb-header .fusion-image-element:has(> .ukm-logo--white){ display:none; }
.ukabi-light-page .fusion-tb-header .fusion-image-element:has(> .ukm-logo--blue){ display:block; }

/* ---------- Cabecera en páginas claras ---------- */
.ukabi-light-page .fusion-tb-header,
.ukabi-light-page .fusion-tb-header > .fusion-fullwidth{ background:transparent !important; }
.ukabi-light-page .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li:not(.ukm-cta) > .awb-menu__main-a .menu-text{ color:rgba(15,32,108,.82) !important; }
.ukabi-light-page .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li:not(.ukm-cta):hover > .awb-menu__main-a .menu-text,
.ukabi-light-page .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li.current-menu-item > .awb-menu__main-a .menu-text,
.ukabi-light-page .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li.current-page-ancestor > .awb-menu__main-a .menu-text{ color:var(--ukm-ink) !important; }
.ukabi-light-page .avada-main-menu .awb-menu__open-nav-submenu-hover::before,
.ukabi-light-page .avada-main-menu .awb-menu__open-nav-submenu_click::before{ color:rgba(15,32,108,.55) !important; }
.ukabi-light-page .avada-main-menu .awb-menu__m-toggle{ color:var(--ukm-ink) !important; }
.ukabi-light-page .fusion-tb-header .fusion-social-network-icon{ color:var(--ukm-ink) !important; }
/* Al hacer scroll (cabecera fija): blanco translúcido con sombra suave */
.ukabi-light-page .fusion-tb-header .fusion-sticky-container.fusion-container-stuck{
  background:rgba(255,255,255,.86) !important; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  box-shadow:0 8px 30px -16px rgba(15,32,108,.28) !important; border-bottom:1px solid rgba(220,224,240,.8) !important; }

/* ---------- Menú principal: espaciado del diseño y sin saltos de línea ---------- */
@media (min-width:1025px){
  /* Avada reparte el hueco a ambos lados de cada elemento (--awb-gap / 2) */
  .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li{ margin-left:9px !important; margin-right:9px !important; }
  .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li:first-child{ margin-left:0 !important; }
  .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li:last-child{ margin-right:0 !important; }
  .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li > .awb-menu__main-a .menu-text{ white-space:nowrap; }
}
/* Columna del logo a su ancho y el resto para el menú (seis elementos en una línea) */
@media (min-width:1025px){
  body .fusion-tb-header .fusion-layout-column:has(.ukm-logo--blue){ flex:0 0 auto !important; width:auto !important; max-width:none !important; }
  body .fusion-tb-header .fusion-layout-column:has(.ukm-logo--blue) > .fusion-column-wrapper{ margin-left:28px !important; margin-right:24px !important; }
  .fusion-tb-header .fusion-image-element:has(> .ukm-logo--blue),
  .fusion-tb-header .fusion-image-element:has(> .ukm-logo--white){ width:120px; }
  body .fusion-tb-header .fusion-layout-column:has(> .fusion-column-wrapper > nav.avada-main-menu) > .fusion-column-wrapper{ margin-left:0 !important; }
  .fusion-tb-header .fusion-image-element > .ukm-logo--blue,
  .fusion-tb-header .fusion-image-element > .ukm-logo--white{ width:120px; }
  body .fusion-tb-header .fusion-layout-column:has(> .fusion-column-wrapper > .fusion-menu-element-wrapper .avada-main-menu),
  body .fusion-tb-header .fusion-layout-column:has(> .fusion-column-wrapper > nav.avada-main-menu){ flex:1 1 0 !important; width:auto !important; min-width:0 !important; max-width:none !important; }
}
@media (min-width:1025px) and (max-width:1279px){
  .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li{ margin-left:4px !important; margin-right:4px !important; }
  .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li > .awb-menu__main-a .menu-text{ font-size:11.5px !important; }
}
@media (min-width:1025px) and (max-width:1199px){
  body .fusion-tb-header .fusion-layout-column:has(.ukm-logo--blue) > .fusion-column-wrapper{ margin-left:16px !important; margin-right:12px !important; }
  .fusion-tb-header .fusion-image-element:has(> .ukm-logo--blue),
  .fusion-tb-header .fusion-image-element:has(> .ukm-logo--white),
  .fusion-tb-header .fusion-image-element > .ukm-logo--blue,
  .fusion-tb-header .fusion-image-element > .ukm-logo--white{ width:100px; }
  .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li{ margin-left:2px !important; margin-right:2px !important; }
  .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li:not(.ukm-cta) > .awb-menu__main-a{ padding-left:4px !important; padding-right:4px !important; }
  .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li > .awb-menu__main-a .menu-text{ font-size:11px !important; }
  .avada-main-menu .ukm-cta > .awb-menu__main-a{ padding:6px 10px !important; }
}

/* =====================================================================
   Mega menú IA y Productividad (Library 259 · diseño 29-09-2026)
   Cabecera con logo de Vexia, asistentes con icono/descripción/integración,
   demo en vivo (la inserta ukabi-menu.js: piezas ukmi-), las mismas
   tarjetas inferiores que Software de gestión y línea de integraciones.
   ===================================================================== */
.awb-menu__mega-wrap .fusion-fullwidth.mm-card-ia.ukm-panel{ width:min(1100px,calc(100vw - 48px)) !important; max-width:none !important; background:radial-gradient(600px 300px at 100% 0,rgba(176,75,216,.18),transparent 60%),radial-gradient(500px 300px at 0 100%,rgba(253,73,92,.1),transparent 60%),var(--ukm-panel) !important; }
.ukm-panel.mm-card-ia > .fusion-row{ display:grid !important; grid-template-columns:repeat(6,minmax(0,1fr)); column-gap:26px; align-items:start; }
.ukm-panel.mm-card-ia > .fusion-row::before,.ukm-panel.mm-card-ia > .fusion-row::after{ display:none !important; }
.ukm-panel.mm-card-ia > .fusion-row > .fusion-layout-column{ width:auto !important; max-width:none !important; grid-column:span 2; }
.ukm-panel.mm-card-ia > .fusion-row > .ukm-ia-top,.ukm-panel.mm-card-ia > .fusion-row > .ukm-ia-intcol{ grid-column:1 / -1; }
.ukm-panel.mm-card-ia > .fusion-row > .ukm-feat{ grid-column:span 3; width:auto !important; flex:none !important; margin:20px 0 0 !important; }
.ukm-panel.mm-card-ia .ukm-feat + .ukm-feat{ margin-left:0 !important; }
.ukm-panel.mm-card-ia .ukm-feat-title .fusion-title-heading{ font-size:14px !important; line-height:1.25 !important; }
/* cabecera */
.ukm-panel .ukm-ia-top > .fusion-column-wrapper{ display:flex !important; flex-direction:row !important; flex-wrap:wrap; align-items:center; gap:16px; padding-bottom:18px !important; margin-bottom:16px !important; border-bottom:1px solid rgba(255,255,255,.1); }
.ukm-panel .ukm-ia-top .fusion-image-element{ margin:0 !important; line-height:0; }
.ukm-panel .ukm-ia-logo img{ display:block; height:24px !important; width:auto !important; }
.ukm-panel .ukm-ia-top .ukm-ia-kick{ margin:0 !important; padding-left:16px; border-left:1px solid rgba(255,255,255,.14); }
.ukm-panel .ukm-ia-top .ukm-ia-kick p{ margin:0 !important; line-height:24px !important; }
.ukm-panel .ukm-ia-lead{ margin:0 0 0 auto !important; }
.ukm-panel .ukm-ia-lead p{ margin:0; font-size:12.5px; line-height:1.4; color:rgba(255,255,255,.62); }
/* columnas de asistentes */
.ukm-panel .ukm-ia-k p{ margin:0 0 6px !important; font:400 10px/1 var(--ukm-mono) !important; letter-spacing:.14em; text-transform:uppercase; color:rgba(255,255,255,.5) !important; }
.ukm-panel .ukm-ia-col .fusion-builder-row-inner{ display:flex !important; flex-direction:column; gap:4px; margin:0 !important; width:100% !important; }
.ukm-panel .ukm-ia-col .fusion-builder-row-inner > .fusion-layout-column{ width:100% !important; margin:0 !important; }
.ukm-panel .ukm-ia-it,.ukm-panel .ukm-ia-soon{ position:relative; }
.ukm-panel .ukm-ia-it > .fusion-column-wrapper,.ukm-panel .ukm-ia-soon > .fusion-column-wrapper{
  display:grid !important; grid-template-columns:36px minmax(0,1fr); grid-template-areas:"ico name" "ico desc" "ico tags"; column-gap:12px; row-gap:3px; align-items:start;
  padding:12px 30px 12px 12px !important; margin:0 -12px !important; border-radius:12px; transition:background .25s; }
.ukm-panel .ukm-ia-it:hover > .fusion-column-wrapper,.ukm-panel .ukm-ia-it.ukmi-on > .fusion-column-wrapper{ background:rgba(255,255,255,.06); }
.ukm-panel .ukm-ia-it > .fusion-column-wrapper::after{ content:"→"; position:absolute; right:10px; top:12px; color:var(--ukm-coral); opacity:0; transform:translateX(-5px); transition:opacity .25s,transform .25s; }
.ukm-panel .ukm-ia-it:hover > .fusion-column-wrapper::after,.ukm-panel .ukm-ia-it.ukmi-on > .fusion-column-wrapper::after{ opacity:1; transform:none; }
.ukm-panel .ukm-ia-it .fusion-column-anchor{ position:absolute; inset:0; z-index:2; border-radius:12px; }
.ukm-panel .ukm-ia-ico{ grid-area:ico; width:36px !important; height:36px !important; line-height:34px !important; margin:0 !important; border-radius:10px; text-align:center; font-size:14px !important; color:var(--ukm-coral) !important; background:rgba(253,73,92,.14) !important; border:1px solid rgba(253,73,92,.36); transition:background .25s,color .25s; }
.ukm-panel .ukm-ia-it.ukmi-on .ukm-ia-ico{ color:#fff !important; background:linear-gradient(135deg,#FD495C,#B04BD8) !important; border-color:transparent; }
.ukm-panel .ukm-ia-name{ grid-area:name; margin:0 !important; }
.ukm-panel .ukm-ia-name .fusion-title-heading{ margin:0 !important; font:700 14px/1.25 "Montserrat",sans-serif !important; letter-spacing:0 !important; color:#fff !important; }
.ukm-panel .ukm-ia-desc{ grid-area:desc; margin:0 !important; }
.ukm-panel .ukm-ia-desc p{ margin:0; font-size:12px; line-height:1.45; color:rgba(255,255,255,.6); }
.ukm-panel .ukm-ia-tags{ grid-area:tags; margin:4px 0 0 !important; }
.ukm-panel .ukm-ia-tags p{ margin:0; font:400 9.5px/1.3 var(--ukm-mono); letter-spacing:.06em; color:rgba(255,255,255,.42); }
.ukm-panel .ukm-ia-soon > .fusion-column-wrapper{ margin-top:6px !important; border:1px dashed rgba(255,255,255,.18); }
.ukm-panel .ukm-ia-soon .ukm-ia-ico{ color:rgba(255,255,255,.5) !important; background:none !important; border:1px dashed rgba(255,255,255,.3); }
.ukm-panel .ukm-ia-soon .ukm-ia-name .fusion-title-heading{ font-size:13px !important; color:rgba(255,255,255,.8) !important; }
.ukm-panel .ukm-ia-soon .ukm-ia-desc p{ color:rgba(255,255,255,.48); }
/* demo en vivo */
.ukm-panel .ukm-ia-demo > .fusion-column-wrapper{ display:block !important; }
.ukmi-demo{ display:flex; flex-direction:column; height:290px; border-radius:16px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); overflow:hidden; font-family:"Montserrat",sans-serif; }
.ukmi-h{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 13px; border-bottom:1px solid rgba(255,255,255,.1); }
.ukmi-h b{ display:flex; align-items:center; gap:8px; font:700 10px/1 var(--ukm-mono); letter-spacing:.08em; text-transform:uppercase; color:#fff; }
.ukmi-h b::before{ content:""; width:7px; height:7px; border-radius:50%; background:#2BD67B; box-shadow:0 0 0 4px rgba(43,214,123,.18); }
.ukmi-h em{ font:400 9.5px/1 var(--ukm-mono); font-style:normal; color:rgba(255,255,255,.45); }
.ukmi-b{ flex:1; display:flex; flex-direction:column; justify-content:flex-end; gap:7px; padding:12px; overflow:hidden; }
.ukmi-m{ max-width:86%; padding:8px 11px; border-radius:13px; font-size:12px; line-height:1.42; opacity:0; transform:translateY(8px); transition:opacity .35s,transform .35s; }
.ukmi-m.in{ opacity:1; transform:none; }
.ukmi-m.u{ align-self:flex-end; background:#fff; color:#0F206C; border-bottom-right-radius:4px; }
.ukmi-m.v{ align-self:flex-start; background:rgba(255,255,255,.1); color:#fff; border-bottom-left-radius:4px; }
.ukmi-m.v b{ color:#FFB3BC; }
.ukmi-ty{ align-self:flex-start; display:flex; gap:4px; padding:9px 11px; border-radius:13px; background:rgba(255,255,255,.1); }
.ukmi-ty i{ width:5px; height:5px; border-radius:50%; background:rgba(255,255,255,.7); animation:ukmiTp 1s infinite; }
.ukmi-ty i:nth-child(2){ animation-delay:.15s; } .ukmi-ty i:nth-child(3){ animation-delay:.3s; }
@keyframes ukmiTp{ 0%,60%,100%{ opacity:.3; transform:none; } 30%{ opacity:1; transform:translateY(-3px); } }
.ukmi-bars{ display:flex; align-items:flex-end; gap:6px; height:34px; margin-top:8px; }
.ukmi-bars span{ flex:1; height:0; border-radius:4px 4px 0 0; background:linear-gradient(#FD495C,#B04BD8); transition:height .6s cubic-bezier(.2,.7,.2,1); }
.ukmi-chip{ align-self:flex-start; display:inline-flex; gap:7px; padding:7px 10px; border-radius:9px; background:rgba(43,214,123,.12); border:1px solid rgba(43,214,123,.4); font:700 10px/1.2 var(--ukm-mono); color:#7CF0B0; opacity:0; transform:scale(.9); transition:opacity .35s,transform .35s; }
.ukmi-chip.in{ opacity:1; transform:none; }
.ukmi-chip::before{ content:"✓"; }
.ukmi-f{ display:flex; gap:6px; padding:0 12px 12px; }
.ukmi-f span{ flex:1; height:3px; border-radius:3px; background:rgba(255,255,255,.12); overflow:hidden; }
.ukmi-f i{ display:block; width:0; height:100%; background:#FF7A89; }
/* integraciones */
.ukm-panel .ukm-ia-intcol{ margin-top:16px !important; }
.ukm-panel .ukm-ia-int p{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; font:400 10px/1 var(--ukm-mono); letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.5); }
.ukmi-chipi{ padding:7px 10px; border-radius:8px; border:1px solid rgba(255,255,255,.12); color:#fff; letter-spacing:.04em; }
@media (max-width:1180px){ .ukm-panel .ukm-ia-lead{ flex:0 0 100%; margin:0 !important; } }
@media (prefers-reduced-motion:reduce){ .ukmi-m,.ukmi-chip,.ukmi-bars span{ transition:none; } .ukmi-ty i{ animation:none; } }

/* =====================================================================
   Mega menú Software de gestión v2 (Library 191 · clase ukm-sg2 · 29-09-2026)
   El menú nativo «Software de gestión» (fusion_menu ukm-sg-menu) es la fuente;
   ukabi-menu.js lo convierte en raíl de áreas + tarjetas + ilustración y el
   filtro «¿Para quién?» (piezas ukms-). Sin JS se ve en cinco columnas.
   ===================================================================== */
.awb-menu__mega-wrap .fusion-fullwidth.mm-card-sg.ukm-panel.ukm-sg2{ width:min(1120px,calc(100vw - 48px)) !important; background:radial-gradient(700px 320px at 0 0,rgba(253,73,92,.1),transparent 60%),radial-gradient(600px 320px at 100% 100%,rgba(176,75,216,.14),transparent 60%),var(--ukm-panel) !important; }
.ukm-sg2 .ukm-sg-top > .fusion-column-wrapper{ display:flex !important; flex-direction:row !important; flex-wrap:wrap; align-items:center; gap:12px 22px; padding-bottom:16px !important; margin-bottom:18px !important; border-bottom:1px solid rgba(255,255,255,.1); }
.ukm-sg2 .ukm-sg-top .ukm-sg-kick,.ukm-sg2 .ukm-sg-top .ukm-sg-kick p{ margin:0 !important; }
.ukm-sg2 .ukm-sg-lead{ flex:1 1 320px; margin:0 !important; }
.ukm-sg2 .ukm-sg-lead p{ margin:0; font-size:12.5px; line-height:1.45; color:rgba(255,255,255,.62); }
.ukm-sg2 .ukm-sg-who{ margin:0 !important; }
.ukm-sg2 .ukm-sg-who > p{ margin:0; font-size:12px; color:rgba(255,255,255,.5); }
.ukm-sg2 .ukm-sg-main{ padding-bottom:0 !important; margin-bottom:0 !important; border-bottom:0 !important; }
.ukm-sg2.ukms-on .ukm-sg-menu{ display:none !important; }
/* filtro */
.ukms-who{ display:flex; align-items:center; gap:10px; }
.ukms-who small{ font:400 10px/1 var(--ukm-mono); letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.45); white-space:nowrap; }
.ukms-seg{ position:relative; display:flex; padding:4px; border-radius:11px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); }
.ukms-seg button{ position:relative; z-index:1; margin:0; border:0; background:none; color:rgba(255,255,255,.62); font:700 12px/1 "Montserrat",sans-serif; padding:8px 11px; border-radius:8px; cursor:pointer; white-space:nowrap; transition:color .25s; }
.ukms-seg button:hover{ color:#fff; }
.ukms-seg button.on{ color:var(--ukm-ink); }
.ukms-seg i{ position:absolute; z-index:0; top:4px; bottom:4px; left:4px; width:0; border-radius:8px; background:#fff; transition:left .35s cubic-bezier(.2,.8,.2,1),width .35s cubic-bezier(.2,.8,.2,1); }
/* cuerpo */
.ukms-body{ display:grid; grid-template-columns:240px minmax(0,1fr); gap:26px; font-family:"Montserrat",sans-serif; }
.ukms-rail{ display:grid; gap:3px; align-content:start; }
.ukms-area{ position:relative; display:grid !important; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:11px; padding:10px 11px !important; border-radius:12px; color:#fff !important; text-decoration:none !important; transition:background .25s,opacity .25s; }
.ukms-area::before{ content:""; position:absolute; left:0; top:10px; bottom:10px; width:3px; border-radius:3px; background:var(--ukm-coral); transform:scaleY(0); transition:transform .3s; }
.ukms-area:hover{ background:rgba(255,255,255,.05); }
.ukms-area.on{ background:rgba(255,255,255,.08); }
.ukms-area.on::before{ transform:none; }
.ukms-area .ic{ width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:rgba(253,73,92,.14); border:1px solid rgba(253,73,92,.36); transition:background .25s; }
.ukms-area.on .ic{ background:linear-gradient(135deg,#FD495C,#B04BD8); border-color:transparent; }
.ukms-area .ic svg{ width:17px; height:17px; fill:none; stroke:#FF7A89; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.ukms-area.on .ic svg{ stroke:#fff; }
.ukms-area b{ display:block; font-size:13.5px; font-weight:700; line-height:1.2; }
.ukms-area span.d{ display:block; margin-top:3px; font-size:11px; line-height:1.3; color:rgba(255,255,255,.5); }
.ukms-area em{ font:400 10px/1 var(--ukm-mono); font-style:normal; color:rgba(255,255,255,.6); padding:5px 7px; border-radius:6px; background:rgba(255,255,255,.06); }
.ukms-area.dim{ opacity:.32; filter:grayscale(1); }
.ukms-ph{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:12px; }
.ukms-ph b{ font-size:18px; font-weight:800; letter-spacing:-.02em; color:#fff; }
.ukms-ph a{ font-size:12.5px; font-weight:700; color:#FF7A89 !important; text-decoration:none !important; white-space:nowrap; }
.ukms-cards{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:10px; }
.ukms-card{ position:relative; display:flex !important; flex-direction:column; gap:6px; padding:14px 15px !important; border-radius:14px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); text-decoration:none !important; color:#fff !important; opacity:0; transform:translateY(8px); transition:transform .25s,border-color .25s,background .25s,opacity .3s; }
.ukms-card.in{ opacity:1; transform:none; }
.ukms-card:hover{ border-color:rgba(253,73,92,.55); background:rgba(255,255,255,.08); }
.ukms-card.dim{ opacity:.25; filter:grayscale(1); border-style:dashed !important; }
.ukms-card .n{ display:flex; align-items:center; gap:8px; font-size:14.5px; font-weight:800; }
.ukms-card .n i{ width:14px; height:13px; flex:none; background:var(--ukm-own) center/contain no-repeat; }
.ukms-card p{ margin:0 !important; font-size:12px; line-height:1.45; color:rgba(255,255,255,.62) !important; }
.ukms-card .t{ display:flex; flex-wrap:wrap; gap:6px; margin-top:auto; padding-top:6px; }
.ukms-card .t span{ font:400 9.5px/1 var(--ukm-mono); letter-spacing:.06em; text-transform:uppercase; padding:5px 7px; border-radius:6px; background:rgba(255,255,255,.07); color:rgba(255,255,255,.72); }
.ukms-card .t span.p{ background:none; border:1px solid rgba(255,255,255,.18); }
.ukms-card .t span.o{ background:rgba(253,73,92,.18); color:#FFB3BC; }
.ukms-card::after{ content:"→"; position:absolute; right:13px; top:13px; color:#FF7A89; opacity:0; transform:translateX(-5px); transition:opacity .25s,transform .25s; }
.ukms-card:hover::after{ opacity:1; transform:none; }
.ukms-hint{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:10px; padding:12px 15px; border-radius:14px; border:1px dashed rgba(255,255,255,.18); font-size:12px; line-height:1.4; color:rgba(255,255,255,.62); }
.ukms-hint a{ font-weight:700; color:#FF7A89 !important; text-decoration:none !important; white-space:nowrap; }
/* tarjetas inferiores y partners */
.awb-menu__mega-wrap .ukm-panel.ukm-sg2 .ukm-feat{ margin-top:22px !important; }
.ukm-sg2 .ukm-feat-title .fusion-title-heading{ font-size:14px !important; }
.awb-menu__mega-wrap .ukm-panel.ukm-sg2 .ukm-sg-trustcol{ margin-top:16px !important; }
.ukm-sg2 .ukm-sg-trust p{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 18px; margin:0; font:400 10px/1 var(--ukm-mono); letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.5); }
.ukms-tr{ display:inline-flex; align-items:center; gap:8px; color:rgba(255,255,255,.8); }
.ukms-tr::before{ content:""; width:6px; height:6px; border-radius:50%; background:#FF7A89; }
.ukms-tr.own::before{ width:13px; height:12px; border-radius:0; background:var(--ukm-own) center/contain no-repeat; }
@media (max-width:1180px){ .ukms-body{ grid-template-columns:230px minmax(0,1fr); } }
@media (prefers-reduced-motion:reduce){ .ukms-card,.ukms-seg i{ transition:none; } }
/* Avada trae un color activo/hover verde por defecto en fusion_menu: se sustituye por blanco */
.ukm-sg-menu{ --awb-active-color:#fff; --awb-submenu-active-color:#fff; --awb-active-bg:transparent; --awb-submenu-active-bg:transparent; }

/* filtro «¿Para quién?» activo (clase ukms-filt que pone el JS): lo que aplica se marca en coral y lo que no, apagado y en gris */
.ukms-area.dim .ic{ background:rgba(255,255,255,.04); border:1px dashed rgba(255,255,255,.28); }
.ukms-area.dim .ic svg{ stroke:rgba(255,255,255,.55); }
.ukms-area.dim em{ background:transparent; border:1px dashed rgba(255,255,255,.3); text-decoration:line-through; }
.ukms-filt .ukms-area:not(.dim) em{ background:var(--ukm-coral); color:#fff; font-weight:700; }
.ukms-filt .ukms-area:not(.dim):not(.on) .ic{ background:rgba(253,73,92,.24); border-color:rgba(253,73,92,.75); }
.ukms-filt .ukms-area:not(.dim) b{ color:#fff; }
.ukms-filt .ukms-card:not(.dim){ border-color:rgba(253,73,92,.6); box-shadow:0 0 0 1px rgba(253,73,92,.18),0 14px 30px -18px rgba(253,73,92,.6); }

/* ---------- Botón Contacto: altura propia y aire dentro de la barra (sobre todo en la cabecera fija) ---------- */
@media (min-width:1025px){
  .avada-main-menu > .awb-menu__main-ul > .awb-menu__main-li.ukm-cta{ align-self:center !important; height:auto !important; }
  .avada-main-menu .ukm-cta > .awb-menu__main-a{ height:38px !important; min-height:0 !important; padding:0 16px !important; display:flex !important; align-items:center; }
  .fusion-tb-header .fusion-sticky-container.fusion-container-stuck{ padding-top:6px !important; padding-bottom:6px !important; }
}

/* ---------- Barra superior: Nosotros · Blog (menú WordPress «Barra superior», elemento con clase ukm-topnav) ---------- */
@media (min-width:1025px){
  .fusion-tb-header .fusion-menu-element-wrapper:has(> .ukm-topnav),.fusion-tb-header nav.ukm-topnav{ flex:0 0 auto !important; width:auto !important; max-width:none !important; margin:0 26px 0 0 !important; }
  .fusion-tb-header .ukm-topnav,.fusion-tb-header .ukm-topnav .awb-menu__main-ul{ min-height:0 !important; height:auto !important; }
  .fusion-tb-header .ukm-topnav .awb-menu__main-ul{ gap:0; }
  .fusion-tb-header .ukm-topnav .awb-menu__main-li{ margin:0 0 0 22px !important; padding:0 !important; }
  .fusion-tb-header .ukm-topnav .awb-menu__main-li:first-child{ margin-left:0 !important; }
  .fusion-tb-header .ukm-topnav .awb-menu__main-a{ min-height:0 !important; height:auto !important; padding:6px 0 !important; }
  .fusion-tb-header .ukm-topnav .awb-menu__main-background-default,.fusion-tb-header .ukm-topnav .awb-menu__main-background-active{ display:none !important; }
  .fusion-tb-header .ukm-topnav .menu-text{ font:600 13px/1 "Montserrat",sans-serif !important; letter-spacing:0 !important; text-transform:none !important; color:rgba(15,32,108,.78) !important; transition:color .2s; }
  .fusion-tb-header .ukm-topnav .awb-menu__main-li:hover .menu-text,.fusion-tb-header .ukm-topnav .current-menu-item .menu-text{ color:#FD495C !important; }
  body.ukabi-light-page:is(:has(.ukl-ax-hero),:has(.ukl-cr-hero),:has(.ukl-fs-hero),:has(.ukl-hm-hero),:has(.ukl-pe-hero),:has(.ukl-vf-hero),:has(.ukl-vx-hero),:has(.ukl-wk-hero)) .fusion-tb-header .ukm-topnav .menu-text{ color:rgba(255,255,255,.82) !important; }
  body.ukabi-light-page:is(:has(.ukl-ax-hero),:has(.ukl-cr-hero),:has(.ukl-fs-hero),:has(.ukl-hm-hero),:has(.ukl-pe-hero),:has(.ukl-vf-hero),:has(.ukl-vx-hero),:has(.ukl-wk-hero)) .fusion-tb-header .ukm-topnav .awb-menu__main-li:hover .menu-text{ color:#FF7A89 !important; }
}

/* ---------- Selector de idioma ES | EU en la barra superior (lo añade functions.php al menú «Barra superior») ---------- */
@media (min-width:1025px){
  .fusion-tb-header .ukm-topnav .awb-menu__main-li.ukm-lang{ margin-left:12px !important; }
  .fusion-tb-header .ukm-topnav .awb-menu__main-li.ukm-lang--first{ margin-left:24px !important; padding-left:16px !important; border-left:1px solid rgba(15,32,108,.2); }
  .fusion-tb-header .ukm-topnav .ukm-lang .menu-text{ font:700 12px/1 "Space Mono",monospace !important; letter-spacing:.08em !important; }
  .fusion-tb-header .ukm-topnav .ukm-lang.current-menu-item .menu-text{ color:#FD495C !important; }
  body.ukabi-light-page:is(:has(.ukl-ax-hero),:has(.ukl-cr-hero),:has(.ukl-fs-hero),:has(.ukl-hm-hero),:has(.ukl-pe-hero),:has(.ukl-vf-hero),:has(.ukl-vx-hero),:has(.ukl-wk-hero)) .fusion-tb-header .ukm-topnav .awb-menu__main-li.ukm-lang--first{ border-left-color:rgba(255,255,255,.3); }
}

/* Vexia (chatbot): isotipo nuevo. Lanzador en marino con la versión negativa (blanco y coral); cabecera blanca con la versión a color */
.vx-launcher{ background:#252E61 !important; box-shadow:0 16px 34px -12px rgba(37,46,97,.75), inset 0 0 0 1px rgba(255,255,255,.14) !important; }
.vx-launcher img{ width:30px !important; height:31px !important; }
.vx-avatar img{ width:22px !important; height:23px !important; }