/* Tecnonova mobile navigation v1.0 — unique slide-out drawer, isolated from the shop. */
.tnmm-overlay { display:none; }
.tnmm-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media (max-width:980px) {
  /* Only hide the old SIDE drawers. Do not hide the original header button,
     product-category mega drawer (#bncdf-shell), or bottom dock. */
  html.tnmm-ready #bitnova-mobile-panel,
  html.tnmm-ready #mobile-advanced,
  html.tnmm-ready .av-burger-overlay,
  html.tnmm-ready .av-burger-overlay-bg,
  html.tnmm-ready .bitnova-mobile-panel:not(#tnmm-overlay),
  html.tnmm-ready #bitnova-mobile-menu {
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  html.tnmm-ready body.tnmm-open {overflow:hidden!important;touch-action:none}
  html.tnmm-ready body.tnmm-open .tnmm-scroller {touch-action:pan-y}
  html.tnmm-ready body.tnmm-open .bnmn-nav {pointer-events:none!important}

  .tnmm-overlay,.tnmm-overlay * {box-sizing:border-box!important}
  .tnmm-overlay{
    position:fixed!important;inset:0!important;display:block!important;
    z-index:11000000!important;visibility:hidden!important;opacity:0;
    pointer-events:none!important;font-family:inherit!important;color:#effaff!important;
    transition:visibility 0s linear .27s,opacity .27s ease!important;
    -webkit-font-smoothing:antialiased;
  }
  .tnmm-overlay.is-open{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transition:visibility 0s linear,opacity .27s ease!important}
  .tnmm-backdrop{
    position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;
    border:0!important;margin:0!important;padding:0!important;background:rgba(0,7,13,.78)!important;
    -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer!important;
  }
  .tnmm-sheet{
    position:absolute!important;top:0!important;bottom:0!important;left:0!important;
    width:min(440px,calc(100vw - 16px))!important;max-width:100%!important;
    height:100vh!important;height:100dvh!important;
    margin:0!important;padding:0!important;border:1px solid rgba(32,188,245,.32)!important;border-left:0!important;
    border-radius:0 22px 22px 0!important;outline:none!important;
    background:radial-gradient(ellipse at 70% -10%,rgba(0,126,232,.18),transparent 43%),linear-gradient(165deg,#061d2a 0%,#030e18 54%,#03111d 100%)!important;
    box-shadow:22px 0 75px rgba(0,0,0,.65),inset -1px 0 0 rgba(16,188,255,.09)!important;
    display:flex!important;flex-direction:column!important;
    transform:translate3d(-104%,0,0)!important;
    transition:transform .32s cubic-bezier(.2,.85,.2,1)!important;
    isolation:isolate;
  }
  .tnmm-overlay.is-open .tnmm-sheet{transform:translate3d(0,0,0)!important}
  .tnmm-head{
    flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:12px!important;min-width:0!important;height:calc(72px + env(safe-area-inset-top,0px))!important;
    padding:calc(10px + env(safe-area-inset-top,0px)) 20px 10px!important;
    border-bottom:1px solid rgba(44,203,255,.12)!important;background:rgba(0,10,18,.3)!important;
  }
  .tnmm-logo{display:block!important;object-fit:contain!important;object-position:left center!important;width:176px!important;max-width:calc(100% - 64px)!important;height:44px!important;border:0!important;margin:0!important;filter:none!important}
  .tnmm-close{
    flex:0 0 42px!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;
    padding:10px!important;margin:0!important;border:1px solid rgba(43,206,255,.35)!important;border-radius:13px!important;
    background:#09283a!important;color:#f5fcff!important;cursor:pointer!important;box-shadow:none!important;
  }
  .tnmm-close svg{width:21px!important;height:21px!important;stroke:currentColor!important;fill:none!important}
  .tnmm-close:hover,.tnmm-close:focus-visible{background:#0d3b54!important;border-color:#29ceff!important}
  .tnmm-scroller{
    flex:1 1 auto!important;min-height:0!important;max-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;
    padding:20px 17px max(26px,env(safe-area-inset-bottom,0px))!important;
    -webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#116181 transparent;
  }
  .tnmm-scroller::-webkit-scrollbar{width:5px}.tnmm-scroller::-webkit-scrollbar-thumb{background:#116181;border-radius:8px}
  .tnmm-scroller a,.tnmm-scroller a:visited{text-decoration:none!important}
  .tnmm-scroller svg{width:24px!important;height:24px!important;flex:0 0 auto!important;stroke:currentColor!important;fill:none!important;vertical-align:middle!important}
  .tnmm-scroller strong{color:#f5fbff!important}
  .tnmm-search{
    display:flex!important;align-items:center!important;gap:10px!important;position:relative!important;
    height:51px!important;margin:0 0 17px!important;padding:0 12px!important;
    border:1px solid #0a94c7!important;border-radius:13px!important;
    background:linear-gradient(110deg,#092b3f,#061b2c)!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
  }
  .tnmm-search>svg{color:#54d9ff!important;width:22px!important;height:22px!important}
  .tnmm-search input[type="search"]{
    min-width:0!important;flex:1!important;width:auto!important;height:100%!important;padding:0!important;margin:0!important;
    background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
    color:#fff!important;font-size:13px!important;line-height:normal!important;outline:0!important;
  }
  .tnmm-search input[type="search"]::placeholder{color:#a7bccc!important;opacity:1}
  .tnmm-search button[type="submit"]{
    flex:0 0 34px!important;display:grid!important;place-items:center!important;width:34px!important;height:34px!important;
    background:#07486c!important;color:#63d9ff!important;border:0!important;border-radius:10px!important;
    padding:6px!important;cursor:pointer!important;
  }
  .tnmm-search button svg{width:18px!important;height:18px!important}
  .tnmm-shortcuts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0 0 25px!important;padding:0!important;border:0!important}
  .tnmm-shortcut{
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    gap:3px!important;min-width:0!important;min-height:92px!important;margin:0!important;padding:9px 3px!important;
    border:1px solid rgba(34,169,222,.30)!important;border-radius:14px!important;
    background:linear-gradient(150deg,#073047,#061b2b)!important;text-align:center!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  }
  .tnmm-shortcut-icon{position:relative!important;display:grid!important;place-items:center!important;width:27px!important;height:28px!important;margin-bottom:3px!important;color:#16cdff!important}
  .tnmm-shortcut-icon svg{width:27px!important;height:27px!important}
  .tnmm-shortcut strong{display:block!important;font-size:12px!important;font-weight:750!important;line-height:1.1!important;letter-spacing:0!important;white-space:nowrap!important}
  .tnmm-shortcut small{display:block!important;font-size:10px!important;line-height:1.25!important;color:#9eb9cb!important;white-space:nowrap!important}
  .tnmm-cart-count{position:absolute!important;display:grid!important;place-items:center!important;top:-6px!important;right:-12px!important;min-width:16px!important;height:16px!important;padding:1px 3px!important;border-radius:50%!important;background:#17cfff!important;color:#032032!important;font-size:10px!important;font-weight:900!important;line-height:1!important}
  .tnmm-cart-count.is-zero{display:none!important}
  .tnmm-section-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 12px!important;padding:0 2px!important}
  .tnmm-section-heading{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
  .tnmm-section-heading svg{width:21px!important;height:21px!important;color:#20c4ff!important}
  .tnmm-section-heading h3{font-size:19px!important;line-height:1.35!important;letter-spacing:-.025em!important;font-weight:850!important;color:#fff!important;margin:0!important;padding:0!important;border:0!important}
  .tnmm-section-title>a{color:#26c8ff!important;font-size:11px!important;font-weight:750!important;white-space:nowrap!important}
  .tnmm-section-title>a span{font-size:18px;vertical-align:middle}
  .tnmm-category-list,.tnmm-services{display:flex!important;flex-direction:column!important;gap:9px!important;margin:0!important;padding:0!important;min-width:0!important}
  .tnmm-cat{min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
  .tnmm-cat-row{
    position:relative!important;display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;
    min-width:0!important;min-height:77px!important;padding:9px 10px!important;margin:0!important;
    color:#f7fbff!important;border:1px solid rgba(30,160,231,.35)!important;border-radius:15px!important;
    background:linear-gradient(107deg,#08283e 0%,#081e35 74%,#071b30 100%)!important;
    text-align:left!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;cursor:pointer!important;
    list-style:none!important;overflow:hidden!important;
  }
  .tnmm-cat-row::-webkit-details-marker{display:none!important}
  .tnmm-cat-row::marker{content:""}
  .tnmm-cat-icon{display:grid!important;place-items:center!important;flex:0 0 48px!important;width:48px!important;height:52px!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(1,134,211,.29),rgba(16,44,111,.56))!important;color:#21cfff!important}
  .tnmm-cat-icon svg{width:28px!important;height:28px!important}
  .tnmm-cat-gaming>.tnmm-cat-row .tnmm-cat-icon,.tnmm-cat-row.tnmm-cat-gaming .tnmm-cat-icon{background:linear-gradient(145deg,#36117c,#151d62)!important;color:#c16aff!important}
  .tnmm-cat-component>.tnmm-cat-row .tnmm-cat-icon,.tnmm-cat-row.tnmm-cat-component .tnmm-cat-icon{background:linear-gradient(145deg,#035a6c,#04364b)!important;color:#27e1f8!important}
  .tnmm-cat-copy{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;min-width:0!important;z-index:1!important;position:relative!important}
  .tnmm-cat-copy strong{display:block!important;font-size:14px!important;line-height:1.2!important;font-weight:850!important;white-space:normal!important;overflow-wrap:break-word!important}
  .tnmm-cat-copy small{display:block!important;color:#b5ccdb!important;font-size:11px!important;line-height:1.3!important}
  .tnmm-cat-photo{position:absolute!important;right:21px!important;top:0!important;bottom:0!important;width:95px!important;pointer-events:none!important;opacity:.56!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 30%)!important;mask-image:linear-gradient(90deg,transparent 0%,black 30%)!important}
  .tnmm-cat-photo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;filter:saturate(1.18) brightness(.9)!important}
  .tnmm-chevron{display:grid!important;place-items:center!important;flex:0 0 20px!important;position:relative!important;margin-left:auto!important;z-index:2!important;color:#acdaf3!important;transition:transform .2s ease!important}
  .tnmm-chevron svg{width:19px!important;height:19px!important}
  details.tnmm-cat[open]>.tnmm-cat-row{border-color:#14c7fc!important;background:linear-gradient(110deg,#07394f,#092841)!important;border-bottom-left-radius:9px!important;border-bottom-right-radius:9px!important}
  details.tnmm-cat[open]>.tnmm-cat-row .tnmm-chevron{transform:rotate(180deg)}
  .tnmm-cat-children{display:flex!important;flex-direction:column!important;gap:6px!important;margin:4px 2px 8px 13px!important;padding:9px 0 0 10px!important;border-left:2px solid rgba(25,195,255,.35)!important}
  .tnmm-cat-children .tnmm-cat-row{min-height:51px!important;padding:6px 9px!important;background:#071c2d!important;border-radius:10px!important;border-color:rgba(27,136,185,.23)!important}
  .tnmm-cat-children .tnmm-cat-icon{flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:9px!important}
  .tnmm-cat-children .tnmm-cat-icon svg{width:20px!important;height:20px!important}
  .tnmm-cat-children .tnmm-cat-copy strong{font-size:12px!important;font-weight:700!important}
  .tnmm-cat-children .tnmm-cat-children{margin-left:7px!important}
  .tnmm-cat-children .tnmm-cat-photo,.tnmm-cat-children .tnmm-cat-copy small{display:none!important}
  .tnmm-view-all{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;min-height:37px!important;padding:7px 10px!important;margin:0!important;border-radius:9px!important;color:#4cdaff!important;background:rgba(0,118,173,.14)!important;font-size:12px!important;font-weight:750!important}
  .tnmm-extras-title{margin-top:28px!important}
  .tnmm-service{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;min-height:67px!important;margin:0!important;padding:10px 12px!important;border:1px solid rgba(36,170,222,.24)!important;border-radius:13px!important;background:linear-gradient(105deg,#07283a,#041625)!important;color:#f3faff!important}
  .tnmm-service-icon{display:grid!important;place-items:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;border-radius:11px!important;background:rgba(23,161,214,.15)!important;color:#21d2ff!important}
  .tnmm-service-service .tnmm-service-icon{color:#45edcb!important;background:rgba(23,150,119,.19)!important}
  .tnmm-service-builder .tnmm-service-icon{color:#ffbd6a!important;background:rgba(197,113,30,.19)!important}
  .tnmm-service-used .tnmm-service-icon{color:#bc91ff!important;background:rgba(112,51,203,.19)!important}
  .tnmm-service-offers .tnmm-service-icon{color:#ff668b!important;background:rgba(200,42,77,.22)!important}
  .tnmm-service-copy{display:flex!important;flex:1!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
  .tnmm-service-copy strong{font-size:13px!important;line-height:1.2!important;font-weight:800!important}
  .tnmm-service-copy small{font-size:11px!important;line-height:1.3!important;color:#afc6d7!important}
  .tnmm-service-arrow{color:#98c6e5!important}
  .tnmm-service-arrow svg{width:19px!important;height:19px!important}
  .tnmm-footer-note{text-align:center!important;font-size:10px!important;letter-spacing:.13em!important;color:#6f98ad!important;margin:24px 0 3px!important}
  .tnmm-shortcut:focus-visible,.tnmm-cat-row:focus-visible,.tnmm-service:focus-visible,.tnmm-view-all:focus-visible,.tnmm-close:focus-visible,.tnmm-search button:focus-visible {outline:2px solid #1edbff!important;outline-offset:2px!important}
  @media (hover:hover){
    .tnmm-shortcut:hover,.tnmm-service:hover,.tnmm-cat-row:hover{border-color:rgba(42,206,255,.75)!important;background-color:#092d40!important}
    .tnmm-view-all:hover{background:rgba(0,118,173,.33)!important}
  }
}
@media (max-width:365px){
  .tnmm-scroller{padding-inline:12px!important}
  .tnmm-shortcut strong{font-size:11px!important}
  .tnmm-shortcut small{font-size:9px!important}
  .tnmm-cat-photo{opacity:.34!important;width:76px!important}
  .tnmm-cat-copy strong{font-size:13px!important}
}
@media (prefers-reduced-motion:reduce){
  .tnmm-overlay,.tnmm-sheet,.tnmm-chevron{transition:none!important}
}

/* v1.6.84 — visible placement for existing GTranslate language control */
@media(max-width:980px){
  .tnmm-scroller .tnmm-language-slot{width:100%!important;min-width:0!important}
  .tnmm-scroller #tnmm-language-slot:has(.tn-language--mobile){margin-bottom:16px!important}
  .tnmm-scroller #tnmm-language-slot .tn-language__panel svg{width:18px!important;height:18px!important}
}


/* Tecnonova v1.6.85 · idiomas visibles dentro del menú móvil */
@media(max-width:980px){
  #tnmm-overlay .tnmm-language-slot{display:block!important;width:100%!important;min-width:0!important;margin:10px 0 17px!important;padding:14px!important;border:1px solid rgba(41,198,245,.36)!important;border-radius:16px!important;background:linear-gradient(120deg,#0a2c42,#061b2c)!important;box-sizing:border-box!important}
  #tnmm-overlay .tnmm-language-heading{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;margin:0 0 12px!important;color:#fff!important}
  #tnmm-overlay .tnmm-language-heading strong{font-size:13px!important;color:#f1fcff!important;font-weight:900!important}
  #tnmm-overlay .tnmm-language-heading span{font-size:11px!important;color:#9cb9c9!important}
  #tnmm-overlay .tnmm-language-flags{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;width:100%!important}
  #tnmm-overlay .tnmm-lang-choice{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-height:74px!important;padding:8px 3px!important;border:1px solid rgba(49,167,216,.31)!important;border-radius:12px!important;background:rgba(5,28,46,.9)!important;text-align:center!important;cursor:pointer!important;min-width:0!important;box-sizing:border-box!important}
  #tnmm-overlay .tnmm-lang-choice.is-current{border-color:#2bd9ff!important;background:rgba(11,80,112,.5)!important;box-shadow:inset 0 0 0 1px rgba(61,203,255,.2)!important}
  #tnmm-overlay .tnmm-lang-flag{display:block!important;font:26px/1.2 system-ui,sans-serif!important;white-space:nowrap!important}
  #tnmm-overlay .tnmm-lang-choice a{display:block!important;width:100%!important;min-height:16px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#e9f8ff!important;text-decoration:none!important;font-family:inherit!important;font-size:10px!important;font-weight:800!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important}
  #tnmm-overlay .tnmm-lang-choice a:hover{color:#40dcff!important}
}

@media(max-width:980px){#tnmm-overlay .tnmm-lang-choice:focus-within{outline:2px solid #47d9ff!important;outline-offset:2px!important}}

/* 1.1.0 — categorías bajo demanda */
.tnmm-category-list[aria-busy="true"]{display:grid;gap:10px;padding:6px 2px}
.tnmm-cats-loading{display:block;padding:14px;border:1px dashed rgba(53,215,255,.28);border-radius:14px;color:#9fb6c4;font-size:13px;text-align:center}
