/* PROINTEX AERO | Header final: un solo switch, sin etiquetas visibles. */
@view-transition{navigation:none}
::view-transition-old(root),::view-transition-new(root){animation:none!important}
/* Preserve the current theme-mode.js: this stylesheet handles visuals only. */
html body .theme-toggle.px-theme-animated,
html body.site-internal .theme-toggle.px-theme-animated,
html[data-theme="dark"] body .theme-toggle.px-theme-animated,
html[data-theme="dark"] body.site-internal .theme-toggle.px-theme-animated{
  --px-sky-w:64px;--px-sky-h:31px;--px-orb:25px;
  flex:0 0 78px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  position:relative!important;width:78px!important;min-width:78px!important;max-width:78px!important;
  height:43px!important;min-height:43px!important;margin:0!important;padding:4px 6px!important;
  border:1px solid #b6d0e9!important;border-radius:13px!important;
  background:#f3f8fe!important;box-shadow:0 2px 9px rgba(4,36,79,.06)!important;
  overflow:hidden!important;cursor:pointer;transform:none!important;gap:0!important;
  -webkit-tap-highlight-color:transparent;transition:border-color .18s ease,background .18s ease!important;
}
html[data-theme="dark"] body .theme-toggle.px-theme-animated,
html[data-theme="dark"] body.site-internal .theme-toggle.px-theme-animated{
  border-color:#41688b!important;background:#112945!important;
}
html body .theme-toggle.px-theme-animated:hover{border-color:#548bbd!important;box-shadow:0 4px 13px rgba(9,43,84,.10)!important}
html body .theme-toggle.px-theme-animated:focus-visible{outline:2px solid #e72e26!important;outline-offset:3px}
/* Keep this in the DOM for the existing theme-mode.js, but never show text. */
html body .theme-toggle .theme-toggle-text,
html body .theme-toggle.px-theme-animated .theme-toggle-text,
html[data-theme="dark"] body .theme-toggle.px-theme-animated .theme-toggle-text{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;
  margin:-1px!important;border:0!important;overflow:hidden!important;
  clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important;
}
.theme-toggle.px-theme-animated .px-theme-sky{
  position:relative;display:block;inset:auto;width:var(--px-sky-w);height:var(--px-sky-h);
  flex:0 0 var(--px-sky-w);border-radius:999px;overflow:hidden;
  background:linear-gradient(155deg,#47a9e6,#7fd1f4 62%,#bbebff);
  border:1px solid rgba(16,72,134,.3);box-shadow:inset 0 1px 3px rgba(17,55,104,.2);
}
.theme-toggle.px-theme-animated .px-theme-sky:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#071a34,#18365e);opacity:0;transition:opacity .42s}
.theme-toggle.px-theme-animated .px-theme-celestial{
  position:absolute;z-index:4;width:var(--px-orb);height:var(--px-orb);left:3px;top:2px;border-radius:50%;
  background:linear-gradient(145deg,#fff29d,#ffcd30 75%);box-shadow:inset 1px 1px 2px #fff8aa,0 2px 5px #072e4d48;
  transition:transform .42s cubic-bezier(.2,.78,.2,1),background .42s;
}
.theme-toggle.px-theme-animated .px-theme-rays{position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,255,255,.18);box-shadow:0 0 0 5px rgba(255,255,255,.08)}
.theme-toggle.px-theme-animated .px-moon-crater{position:absolute;background:#aebed1;border-radius:50%;opacity:0;transition:opacity .32s}
.theme-toggle.px-theme-animated .c1{width:6px;height:6px;top:4px;left:14px}
.theme-toggle.px-theme-animated .c2{width:8px;height:8px;top:12px;left:4px}
.theme-toggle.px-theme-animated .c3{width:4px;height:4px;top:19px;left:17px}
.theme-toggle.px-theme-animated .px-theme-clouds{position:absolute;z-index:2;inset:0;transition:transform .4s,opacity .4s;animation:pxCloudFloat 6s ease-in-out infinite}
.theme-toggle.px-theme-animated .px-clouds-back{opacity:.65;animation-delay:-1.5s}
.theme-toggle.px-theme-animated .px-theme-clouds svg{width:100%;height:100%;display:block}
.theme-toggle.px-theme-animated .px-clouds-back path{fill:#d5ebfa}
.theme-toggle.px-theme-animated .px-clouds-front path{fill:#fff}
.theme-toggle.px-theme-animated .px-theme-stars{position:absolute;z-index:2;inset:0;opacity:0;transform:translateY(-9px);transition:opacity .4s,transform .4s}
.theme-toggle.px-theme-animated .px-theme-star{position:absolute;width:5px;height:5px;background:#fff;clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);animation:pxStarGlow 3s ease-in-out infinite}
.theme-toggle.px-theme-animated .s1{left:10px;top:6px;width:8px;height:8px}
.theme-toggle.px-theme-animated .s2{left:27px;top:15px;animation-delay:-1.5s}
.theme-toggle.px-theme-animated .s3{left:8px;top:23px;animation-delay:-.6s}
.theme-toggle.px-theme-animated .s4{left:39px;top:6px;animation-delay:-2s}
.theme-toggle.px-theme-animated .s5{left:30px;top:24px;animation-delay:-1.2s}
.theme-toggle.px-theme-animated .s6{left:48px;top:19px;animation-delay:-.3s}
html[data-theme="dark"] .theme-toggle.px-theme-animated .px-theme-sky:before{opacity:1}
html[data-theme="dark"] .theme-toggle.px-theme-animated .px-theme-celestial{
  transform:translateX(calc(var(--px-sky-w) - var(--px-orb) - 7px)) rotate(155deg);
  background:linear-gradient(140deg,#fff,#d6e2f1);box-shadow:inset 1px 1px 2px #fff,0 2px 5px #03192e88;
}
html[data-theme="dark"] .theme-toggle.px-theme-animated .px-theme-rays{opacity:0}
html[data-theme="dark"] .theme-toggle.px-theme-animated .px-moon-crater{opacity:1}
html[data-theme="dark"] .theme-toggle.px-theme-animated .px-theme-clouds{opacity:0;transform:translateY(24px);animation:none}
html[data-theme="dark"] .theme-toggle.px-theme-animated .px-theme-stars{opacity:1;transform:translateY(0)}
@keyframes pxCloudFloat{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
@keyframes pxStarGlow{0%,100%{opacity:1}50%{opacity:.55}}

/* One coherent navbar: icon-only theme toggle, centered links, aligned buttons. */
body:not(.site-internal) .site-header .nav-shell,
body.site-internal .site-header .nav-shell{
  display:flex;align-items:center;justify-content:space-between;gap:clamp(7px,1vw,14px);
  width:min(1320px,calc(100% - 48px));min-height:76px;padding:8px 0;
}
body .site-header .logo-link{display:flex;align-items:center;flex:0 0 auto;width:clamp(138px,14vw,183px)}
body .site-header .logo-link img{display:block;width:100%;height:auto;max-height:58px;object-fit:contain}
body .site-header .desktop-nav{display:flex;align-items:center;justify-content:center;gap:2px;flex:1 1 auto;min-width:0}
body .site-header .desktop-nav a,
body.site-internal .site-header .desktop-nav a{
  display:inline-flex;align-items:center;justify-content:center;position:relative;white-space:nowrap;
  min-height:42px;padding:8px clamp(5px,.7vw,11px);background:transparent!important;
  border:0;border-radius:10px;color:#173555;box-shadow:none!important;outline:0;
  font-size:clamp(10px,.72vw,12px);font-weight:800;text-decoration:none;
}
body .site-header .desktop-nav a.nav-active::after,
body.site-internal .site-header .desktop-nav a.nav-active::after{
  content:"";position:absolute;left:13%;right:13%;bottom:2px;height:2px;background:#e32a24;border-radius:2px;
}
body .site-header .desktop-nav a:hover{color:#c82420}
body .site-header .nav-whatsapp{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  flex:0 0 auto;min-height:43px;height:43px;padding:0 17px;border-radius:13px;
  background:linear-gradient(135deg,#e52220,#c91318);color:#fff;font-weight:800;
  box-shadow:0 6px 18px rgba(186,16,29,.18);white-space:nowrap;
}
html[data-theme="dark"] body .site-header .desktop-nav a,
html[data-theme="dark"] body.site-internal .site-header .desktop-nav a{color:#dceaf7}
html[data-theme="dark"] body .site-header .desktop-nav a.nav-active{color:#fff}
body .site-header .menu-toggle{flex:0 0 auto;order:9;align-items:center;justify-content:center;gap:5px}
body .site-header .menu-toggle span{flex:0 0 auto}
/* Fixed overlay blocks the previous page and does not cover the header. */
.px-menu-backdrop{position:fixed;inset:0;display:block;z-index:78;background:#edf4fb;opacity:1;pointer-events:auto}
.px-menu-backdrop[hidden]{display:none!important}
html[data-theme="dark"] .px-menu-backdrop{background:#091a31}
body.px-nav-overlay-open{overflow:hidden!important}
body.px-nav-overlay-open .site-header{z-index:100!important}
@media(max-width:1120px){
  body .site-header{z-index:100}
  body:not(.site-internal) .site-header .nav-shell,
  body.site-internal .site-header .nav-shell{width:calc(100% - 36px);min-height:69px;gap:9px;padding:7px 0}
  body .site-header .desktop-nav{display:none!important}
  body .site-header .nav-whatsapp{display:none!important}
  body .site-header .menu-toggle{display:inline-flex!important;width:43px;height:43px;min-width:43px;min-height:43px;margin:0!important;
    border:1px solid #bfd3e7;border-radius:12px;background:#e7f0fa}
  body .site-header .theme-toggle{margin-left:auto!important}
  body.site-internal .site-header .cart-trigger{order:4;min-width:39px;min-height:43px;height:43px;margin:0!important;padding:0 6px}
  body:not(.site-internal) .mobile-nav{position:absolute!important;display:none;top:calc(100% + 7px);left:16px;right:16px;
    z-index:110!important;padding:12px;border:1px solid #c2d7ea;border-radius:20px;
    background:#f0f6fc!important;box-shadow:0 16px 40px #031b3570;max-height:calc(100dvh - 92px);
    overflow-y:auto;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  body:not(.site-internal) .mobile-nav.is-open{display:flex!important;flex-direction:column}
  body:not(.site-internal) .mobile-nav a{min-height:46px;flex:0 0 auto;display:flex;align-items:center;
    padding:8px 13px;border-bottom:1px solid #c9daea;font-size:13px;font-weight:800;color:#173b62}
  body:not(.site-internal) .mobile-nav a:last-child{margin-top:10px;border:0;border-radius:12px;color:#fff;background:#ca1b20;justify-content:center}
  body.site-internal .mobile-menu{position:fixed!important;top:69px!important;left:0;right:0;bottom:0;z-index:105!important;
    background:#edf4fb!important;opacity:0;visibility:hidden;pointer-events:none;overflow:auto;backdrop-filter:none!important}
  body.site-internal .mobile-menu.open{opacity:1;visibility:visible;pointer-events:auto;background:#edf4fb!important}
  body.site-internal .mobile-menu-body{margin:12px auto 40px}
  html[data-theme="dark"] body:not(.site-internal) .mobile-nav.is-open,
  html[data-theme="dark"] body.site-internal .mobile-menu.open{background:#0b223c!important;border-color:#3b5a79}
  html[data-theme="dark"] body:not(.site-internal) .mobile-nav a{color:#e7f2ff;border-color:#355473}
  html[data-theme="dark"] body:not(.site-internal) .mobile-nav a:last-child{color:#fff}
}
@media(max-width:600px){
  body:not(.site-internal) .site-header .nav-shell,
  body.site-internal .site-header .nav-shell{width:calc(100% - 26px);gap:7px;min-height:66px}
  body .site-header .logo-link{width:clamp(108px,36vw,155px)!important}
  body .site-header .menu-toggle{width:41px;min-width:41px;height:41px;min-height:41px}
  body.site-internal .site-header .cart-trigger{min-width:35px;width:35px;height:41px;min-height:41px;font-size:0!important;padding:0 2px}
  body.site-internal .site-header .cart-trigger [data-cart-count]{font-size:10px}
  body.site-internal .mobile-menu{top:66px!important}
  html body .theme-toggle.px-theme-animated,
  html body.site-internal .theme-toggle.px-theme-animated,
  html[data-theme="dark"] body .theme-toggle.px-theme-animated,
  html[data-theme="dark"] body.site-internal .theme-toggle.px-theme-animated{
    --px-sky-w:58px;--px-sky-h:29px;--px-orb:23px;
    flex-basis:70px!important;width:70px!important;min-width:70px!important;max-width:70px!important;
    height:41px!important;min-height:41px!important;padding:4px 5px!important;
  }
  .theme-toggle.px-theme-animated .px-theme-celestial{top:2px}
  .theme-toggle.px-theme-animated .c1{width:5px;height:5px;left:13px;top:4px}
  .theme-toggle.px-theme-animated .c2{width:8px;height:8px;left:3px;top:12px}
  .theme-toggle.px-theme-animated .c3{width:3px;height:3px;left:17px;top:18px}
}
@media(max-width:355px){
  body .site-header .logo-link{width:106px!important}
  body:not(.site-internal) .site-header .nav-shell,
  body.site-internal .site-header .nav-shell{width:calc(100% - 20px);gap:5px}
  html body .theme-toggle.px-theme-animated,
  html body.site-internal .theme-toggle.px-theme-animated,
  html[data-theme="dark"] body .theme-toggle.px-theme-animated,
  html[data-theme="dark"] body.site-internal .theme-toggle.px-theme-animated{
    --px-sky-w:51px;--px-sky-h:27px;--px-orb:21px;
    flex-basis:62px!important;width:62px!important;min-width:62px!important;max-width:62px!important;
    height:38px!important;min-height:38px!important;padding:4px 5px!important;
  }
  body.site-internal .site-header .cart-trigger{height:38px;min-height:38px;width:33px;min-width:33px}
  body .site-header .menu-toggle{width:38px;min-width:38px;height:38px;min-height:38px}
}
@media(min-width:1121px){.px-menu-backdrop{display:none!important}}
@media(prefers-reduced-motion:reduce){.theme-toggle.px-theme-animated *, .theme-toggle.px-theme-animated *::before{animation:none!important;transition:none!important}}

/* When the mobile menu is open, no chatbot floats over its links. */
body.px-nav-overlay-open .px-assistant-root{visibility:hidden!important;pointer-events:none!important}
