/* Header maestro de Horbath. Inicio define el estándar visual para todas las páginas. */
.horbath-home{--hh-navy:#061545;--hh-blue:#0b48e8;--hh-sky:#38d5ff;--hh-orange:#ff5538;--hh-white:#fff}
.horbath-home .hh-nav{position:fixed!important;inset:0 0 auto!important;z-index:1000!important;display:flex!important;align-items:center!important;width:100%!important;height:76px!important;min-height:76px!important;border-bottom:1px solid transparent!important;background:rgba(6,21,69,.08)!important;transition:background-color .3s ease,border-color .3s ease,backdrop-filter .3s ease!important}
.horbath-home .hh-nav.scrolled{background:rgba(6,21,69,.94)!important;border-bottom-color:rgba(255,255,255,.12)!important;box-shadow:0 10px 34px rgba(1,8,38,.16)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.horbath-home .hh-nav-inner{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;width:min(100% - 72px,1200px)!important;max-width:none!important;height:76px!important;margin:0 auto!important;padding:0!important}
.horbath-home .hh-brand{display:inline-flex!important;align-items:center!important;gap:14px!important;min-width:max-content!important;text-decoration:none!important}
.horbath-home .hh-brand-logo{display:block!important;width:auto!important;height:42px!important;margin:0!important;transform:none!important}
.horbath-home .hh-brand-prod{display:inline!important;padding-left:14px!important;border-left:1px solid rgba(255,255,255,.22)!important;color:#fff!important;font-size:15px!important;font-weight:700!important}
.horbath-home .hh-brand-prod b{color:var(--hh-sky)!important}
.horbath-home .hh-nav-links{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:28px!important;width:auto!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;opacity:1!important;overflow:visible!important;pointer-events:auto!important;transform:none!important}
.horbath-home .hh-nav-links>a,.horbath-home .hh-nav-main-link{display:inline-flex!important;align-items:center!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;color:#c6d1ff!important;font-family:inherit!important;font-size:14.5px!important;font-weight:600!important;line-height:1.25!important;text-decoration:none!important;white-space:nowrap!important;cursor:pointer!important;transition:color .22s ease!important}
.horbath-home .hh-nav-links a:hover,.horbath-home .hh-nav-links a:focus-visible,.horbath-home .hh-nav-links>a[aria-current=page],.horbath-home .hh-nav-main-link.is-active,.horbath-home .hh-nav-solutions.is-current-solution>.hh-nav-main-link{color:#fff!important}
.horbath-home .hh-nav-links>a[aria-current=page],.horbath-home .hh-nav-main-link.is-active,.horbath-home .hh-nav-solutions.is-current-solution>.hh-nav-main-link{position:relative!important}
.horbath-home .hh-nav-links>a[aria-current=page]:after,.horbath-home .hh-nav-main-link.is-active:before,.horbath-home .hh-nav-solutions.is-current-solution>.hh-nav-main-link:before{content:""!important;position:absolute!important;bottom:-13px!important;left:50%!important;width:23px!important;height:2px!important;border-radius:99px!important;background:linear-gradient(90deg,#ff5538 0%,#38d4fe 100%)!important;transform:translateX(-50%)!important}
.horbath-home .hh-nav-item{position:relative!important}.horbath-home .hh-nav-solutions{display:flex!important;align-items:center!important}
/* Mantiene unido el activador con el panel durante el recorrido del cursor. */
.horbath-home .hh-nav-solutions:before{content:""!important;position:absolute!important;top:100%!important;left:50%!important;z-index:99!important;width:250px!important;height:12px!important;transform:translateX(-50%)!important;background:transparent!important;pointer-events:auto!important}
.horbath-home .hh-nav-main-link{gap:8px!important}.horbath-home .hh-nav-main-link:after{content:""!important;width:5px!important;height:5px!important;border-right:1.6px solid currentColor!important;border-bottom:1.6px solid currentColor!important;border-radius:1.5px!important;transform:rotate(45deg) translateY(-2px)!important;transition:transform .22s ease!important}
.horbath-home .hh-submenu{position:absolute!important;top:calc(100% + 8px)!important;left:50%!important;z-index:100!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important;min-width:230px!important;width:auto!important;max-height:none!important;margin:0!important;padding:12px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;background:rgba(7,22,70,.97)!important;box-shadow:0 22px 54px rgba(0,0,0,.32)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;opacity:0!important;visibility:hidden!important;overflow:visible!important;pointer-events:none!important;transform:translate(-50%,-8px)!important;transition:opacity .22s ease,transform .22s ease,visibility .22s ease!important}
.horbath-home .hh-nav-solutions:hover .hh-submenu,.horbath-home .hh-nav-solutions:focus-within .hh-submenu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important}
.horbath-home .hh-nav-links .hh-submenu a{position:relative!important;isolation:isolate!important;display:flex!important;align-items:center!important;min-height:44px!important;padding:0 16px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;background:rgba(255,255,255,.06)!important;color:#dce6ff!important;font-size:15px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important;overflow:hidden!important}
.horbath-home .hh-nav-links .hh-submenu a[aria-current=page]{color:#fff!important;border-color:rgba(56,212,254,.7)!important;background:linear-gradient(90deg,rgba(56,212,254,.18),rgba(11,72,232,.16))!important;box-shadow:inset 3px 0 0 #38d4fe,0 8px 24px rgba(56,212,254,.12)!important}
.horbath-home .hh-nav-links .hh-submenu a:before,.horbath-home .hh-btn:before{content:"";position:absolute;top:-50%;bottom:-50%;left:-70%;z-index:1;width:50%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-22deg);opacity:0;pointer-events:none}
.horbath-home .hh-nav-links .hh-submenu a>span,.horbath-home .hh-btn>span{position:relative;z-index:2}.horbath-home .hh-nav-links .hh-submenu a:hover:before,.horbath-home .hh-nav-links .hh-submenu a:focus-visible:before,.horbath-home .hh-btn:hover:before,.horbath-home .hh-btn:focus-visible:before{animation:hh-global-flash .95s cubic-bezier(.4,0,.2,1) both}
@keyframes hh-global-flash{0%{opacity:0;transform:skewX(-22deg) translate3d(0,0,0)}8%{opacity:.9}100%{opacity:0;transform:skewX(-22deg) translate3d(420%,0,0)}}
.horbath-home .hh-lang-switch{display:inline-flex!important;align-items:center!important;width:auto!important;height:28px!important;min-height:28px!important;margin:0!important;padding:2px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important}.horbath-home .hh-lang-switch a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:31px!important;height:22px!important;min-height:22px!important;padding:0 8px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#c6d1ff!important;font-size:11.5px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important}.horbath-home .hh-lang-switch a.is-active{color:var(--hh-navy)!important;background:var(--hh-sky)!important}
.horbath-home .hh-nav-cta{display:flex!important;align-items:center!important;gap:14px!important}.horbath-home .hh-btn{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 20px!important;border-radius:999px!important;color:#fff!important;font-size:14px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important;overflow:hidden!important}.horbath-home .hh-btn-primary{background:var(--hh-orange)!important;box-shadow:0 18px 38px rgba(255,85,56,.28)!important}
.horbath-home .hh-nav-check{position:absolute!important;opacity:0!important;pointer-events:none!important}.horbath-home .hh-nav-burger{display:none!important;width:42px!important;height:42px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:10px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;cursor:pointer!important}.horbath-home .hh-nav-burger span{display:block!important;width:18px!important;height:2px!important;border-radius:99px!important;background:#fff!important;transition:transform .24s ease,opacity .18s ease!important}.horbath-home .hh-nav-check:checked~.hh-nav-cta .hh-nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}.horbath-home .hh-nav-check:checked~.hh-nav-cta .hh-nav-burger span:nth-child(2){opacity:0!important}.horbath-home .hh-nav-check:checked~.hh-nav-cta .hh-nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
/* Evita que la barra central deje extremos visibles al convertirse en una X. */
.horbath-home .hh-nav-check:checked~.hh-nav-cta .hh-nav-burger span:nth-child(2){visibility:hidden!important}
/* La X se muestra de inmediato para evitar el asterisco transitorio de las tres barras. */
.horbath-home .hh-nav-check:checked~.hh-nav-cta .hh-nav-burger span{transition:none!important}

/* Icono móvil: las barras parten de posiciones fijas y se cruzan suavemente en el centro. */
.horbath-home .hh-nav-burger{position:relative!important;gap:0!important}
.horbath-home .hh-nav-burger span{position:absolute!important;left:11px!important;top:50%!important;margin-top:-1px!important;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .16s ease!important}
.horbath-home .hh-nav-burger span:nth-child(1){transform:translateY(-6px)!important}
.horbath-home .hh-nav-burger span:nth-child(3){transform:translateY(6px)!important}
.horbath-home .hh-nav-check:checked~.hh-nav-cta .hh-nav-burger span{transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .16s ease!important}
.horbath-home .hh-nav-check:checked~.hh-nav-cta .hh-nav-burger span:nth-child(1){transform:rotate(45deg)!important}
.horbath-home .hh-nav-check:checked~.hh-nav-cta .hh-nav-burger span:nth-child(3){transform:rotate(-45deg)!important}

/* Regreso al inicio compartido. */
.hh-back-to-top{position:fixed;left:24px;bottom:24px;z-index:900;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(56,213,255,.62);border-radius:50%;background:rgba(6,21,69,.94);color:#fff;box-shadow:0 12px 30px rgba(1,8,38,.26);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s ease,transform .2s ease,background-color .2s ease,border-color .2s ease}
.hh-back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}
.hh-back-to-top:hover,.hh-back-to-top:focus-visible{border-color:#38d5ff;background:#0b48e8;outline:none}
.hh-back-to-top svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:767px){.hh-back-to-top{left:16px;bottom:16px;width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.horbath-home .hh-nav,.horbath-home .hh-submenu,.horbath-home .hh-nav-main-link:after{transition-duration:.01ms!important}}

/* En móvil se evita que una capa decorativa ensanche el documento o que el
   header scroll-linked altere el desplazamiento táctil. */
@media (max-width: 767px) {
  html { overflow-x: hidden; overflow-x: clip; overscroll-behavior-x: none; }
  body { max-width: 100%; overflow-x: hidden; overflow-x: clip; overscroll-behavior-x: none; }
  .horbath-home .hh-nav { animation: none !important; }
}

/* Safari/iPad puede recortar una cabecera fija cuando su fondo se anima con
   scroll-timeline. El estado .scrolled de la cabecera compartida conserva el
   cambio visual sin depender de la animación ligada al desplazamiento. */
@media (hover: none) and (pointer: coarse) {
  .horbath-home .hh-nav { animation: none !important; }
}