/* ==========================================================================
   MR. FOX DIGITAL — HEADER / DRAWERS / INSTAGRAM — v1.2.13
   Alcance exclusivo: navegación, minicart, panel social. NO modifica hero.
   Archivo principal para futuras modificaciones de header.
   ========================================================================= */

/* Header y menú */
.mf-header-inner{gap:clamp(12px,1.6vw,25px)!important}
.mf-main-nav{flex:1;display:flex;justify-content:center;min-width:0}
.mf-nav-list--v1213{display:flex;align-items:center;justify-content:center;gap:clamp(9px,1.45vw,23px);white-space:nowrap}
.mf-nav-list--v1213>li{flex-shrink:0;position:relative}
.mf-nav-list--v1213 a,.mf-nav-list--v1213 .mf-nav-placeholder,.mf-nav-list--v1213 .mf-products-toggle{
  position:relative;display:inline-flex;align-items:center;gap:6px;padding:30px 0;
  background:transparent;border:0;border-radius:0;font-size:.66rem;font-weight:850;
  color:#e3eaf7;letter-spacing:.055em;line-height:1.35;text-transform:uppercase;
  text-decoration:none;transition:color .2s ease,text-shadow .2s ease;cursor:pointer;
  font-family:inherit;white-space:nowrap;
}
.mf-nav-list--v1213 .mf-nav-placeholder{opacity:.86;cursor:default}
.mf-nav-list--v1213 .mf-nav-pending .mf-nav-placeholder::after{display:none}
.mf-nav-list--v1213>li>a:hover,.mf-nav-list--v1213>li>a:focus-visible,
.mf-nav-list--v1213>li>button:hover,.mf-nav-list--v1213>li>button:focus-visible,
.mf-nav-list--v1213>li.mf-nav-current>a,.mf-nav-list--v1213>li.mf-nav-current>button{
  color:#2cf1ff;text-shadow:0 0 13px rgba(36,235,255,.36);
}
.mf-nav-list--v1213>li>a::after,.mf-nav-list--v1213>li>button::after{
  content:"";position:absolute;height:2px;bottom:21px;left:0;right:100%;
  background:linear-gradient(90deg,#30f2ff,#ff4ce1);box-shadow:0 0 9px rgba(37,232,255,.8);
  transition:right .22s ease;
}
.mf-nav-list--v1213>li>a:hover::after,.mf-nav-list--v1213>li>a:focus-visible::after,
.mf-nav-list--v1213>li>button:hover::after,.mf-nav-list--v1213>li>button:focus-visible::after,
.mf-nav-list--v1213>li.mf-nav-current>a::after,.mf-nav-list--v1213>li.mf-nav-current>button::after{right:0}
.mf-products-toggle svg{transition:transform .22s ease}
.mf-nav-has-submenu.is-open .mf-products-toggle svg{transform:rotate(180deg)}
.mf-products-submenu{
  display:block!important;position:absolute;left:50%;top:calc(100% - 9px);width:280px;
  padding:18px 13px 13px;z-index:140;list-style:none;
  border:1px solid rgba(28,234,250,.34);border-radius:14px;
  background:linear-gradient(156deg,rgba(9,26,48,.99),rgba(2,8,23,.99) 77%);
  box-shadow:0 20px 46px rgba(0,0,0,.55),0 0 21px rgba(20,221,255,.09);
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translate(-50%,9px) scale(.97);transition:opacity .18s,visibility .18s,transform .18s;
}
.mf-nav-has-submenu.is-open .mf-products-submenu,
.mf-nav-has-submenu:hover .mf-products-submenu,
.mf-nav-has-submenu:focus-within .mf-products-submenu{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1);
}
.mf-submenu-label{display:block;color:#2ceefa;font-size:.59rem;font-weight:900;letter-spacing:.17em;margin:0 8px 10px;white-space:normal}
.mf-nav-list--v1213 .mf-products-submenu a{
  display:flex;align-items:center;justify-content:space-between;padding:9px 11px;
  font-size:.74rem;line-height:1.35;font-weight:750;white-space:normal;color:#d9e8f7;
  border-radius:7px;text-transform:none;letter-spacing:.005em;transition:background .18s,color .18s;
}
.mf-products-submenu a::after{display:none!important}
.mf-nav-list--v1213 .mf-products-submenu a:hover,.mf-nav-list--v1213 .mf-products-submenu a:focus-visible{color:#4af1ff;background:rgba(32,198,244,.10)}
.mf-nav-list--v1213 .mf-products-submenu .mf-submenu-all{font-weight:900;color:#ff72ed;margin-bottom:7px;border-bottom:1px solid rgba(27,174,219,.14);border-radius:0 0 5px 5px}
.mf-nav-list--v1213 .mf-products-submenu .mf-submenu-all:hover{color:#58efff}
.mf-header-actions{gap:4px!important;flex-shrink:0}
.mf-header-actions .mf-action{border:0;background:transparent;cursor:pointer;flex-shrink:0}
.mf-header-actions .mf-action:hover,.mf-header-actions .mf-action:focus-visible{background:rgba(28,236,248,.08);color:var(--mf-cyan)}
.mf-fox-social{border:1px solid rgba(23,226,245,.20)!important;width:43px!important;height:43px!important;padding:2px;overflow:hidden;border-radius:50%!important;box-shadow:inset 0 0 10px rgba(16,223,245,.08)}
.mf-fox-social img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 7px rgba(249,47,227,.25));transition:transform .22s,filter .22s}
.mf-fox-social:hover img,.mf-fox-social:focus-visible img{transform:scale(1.13) rotate(-4deg);filter:drop-shadow(0 0 10px rgba(23,234,250,.55))}
.mf-cart-action{font-family:inherit}

/* Drawers: fixed above header; no Elementor overlay requirements */
.mf-drawer-overlay[hidden],.mf-side-drawer[hidden]{display:none!important}
.mf-drawer-overlay{
  position:fixed;inset:0;z-index:240;background:rgba(1,5,16,.72);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  opacity:0;transition:opacity .24s ease;
}
.mf-drawer-overlay.is-visible{opacity:1}
.mf-side-drawer{
  position:fixed;right:0;top:0;bottom:0;z-index:250;
  width:min(450px,100vw);max-width:100vw;height:100dvh;
  overflow-y:auto;overscroll-behavior:contain;
  background:radial-gradient(ellipse at 94% 8%,rgba(191,32,187,.13),transparent 39%),
             radial-gradient(ellipse at 0% 60%,rgba(27,228,247,.075),transparent 45%),
             linear-gradient(160deg,#08172d 0%,#040a19 72%);
  border-left:1px solid rgba(24,222,243,.46);
  box-shadow:-25px 0 65px rgba(0,0,0,.57),-4px 0 22px rgba(15,206,233,.13);
  transform:translate3d(104%,0,0);opacity:.98;
  transition:transform .33s cubic-bezier(.21,.82,.2,1);
  display:flex;flex-direction:column;
}
.mf-side-drawer.is-visible{transform:translate3d(0,0,0)}
body.mf-drawer-open{overflow:hidden!important}
.mf-drawer-top{position:relative;padding:34px 29px 27px;border-bottom:1px solid rgba(29,217,240,.20)}
.mf-drawer-top::after{content:"";position:absolute;bottom:0;left:29px;right:29px;height:2px;background:linear-gradient(90deg,#2cf0ff,transparent 49%,#ff46e6);opacity:.72}
.mf-drawer-overline{color:#36f3ff;font-size:.65rem;letter-spacing:.23em;font-weight:900}
.mf-drawer-top h2{font-size:clamp(1.55rem,2vw,1.95rem);line-height:1.1;margin:11px 46px 11px 0;letter-spacing:-.035em;color:#fbfcff;font-weight:950}
.mf-drawer-title-accent{background:linear-gradient(100deg,#25f5ff,#ff4cea);-webkit-background-clip:text;background-clip:text;color:transparent}
.mf-drawer-top p{font-size:.84rem;line-height:1.5;color:#a9c2d9;margin:0}
.mf-drawer-close{position:absolute;right:19px;top:21px;width:40px;height:40px;background:rgba(16,41,62,.8);border:1px solid rgba(37,203,242,.3);border-radius:10px;color:#e9f7ff;font-size:28px;cursor:pointer;line-height:1;transition:background .2s,transform .2s,color .2s}
.mf-drawer-close:hover,.mf-drawer-close:focus-visible{color:#26edff;transform:rotate(90deg);background:rgba(22,194,241,.14)}
.mf-drawer-content{padding:22px 24px 34px;flex:1}
.mf-drawer-message{padding:25px 8px;text-align:center;color:#afc4dc;font-size:.85rem}
.mf-drawer-watermark{padding:12px 22px;text-align:right;color:rgba(91,182,201,.40);font-size:.56rem;letter-spacing:.28em;font-weight:900;border-top:1px solid rgba(34,154,191,.10)}
.mf-drawer-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:47px;padding:11px 14px;border-radius:9px;font-size:.74rem;font-weight:900;letter-spacing:.075em;text-align:center;transition:filter .2s,transform .2s;text-decoration:none!important}
.mf-drawer-btn:hover,.mf-drawer-btn:focus-visible{transform:translateY(-2px);filter:brightness(1.13)}
.mf-drawer-btn--primary{background:linear-gradient(110deg,#f743dc,#bb13ec);box-shadow:0 0 19px rgba(242,38,222,.20);color:#070a17!important}
.mf-drawer-btn--secondary{margin-top:9px;border:1px solid rgba(36,222,245,.50);background:rgba(7,18,35,.83);color:#e8faff!important}
.mf-cart-empty{margin:auto 0;text-align:center;padding:22px 10px 20px;}
.mf-cart-empty-icon{display:grid;place-items:center;width:98px;height:98px;border-radius:24px;margin:0 auto 22px;font-size:42px;color:#26efff;border:1px solid rgba(23,237,245,.24);box-shadow:0 0 36px rgba(242,62,223,.10),inset 0 0 28px rgba(19,183,244,.12)}
.mf-cart-empty h3{font-size:1.25rem;color:#fff;margin:0 0 10px;font-weight:950}
.mf-cart-empty p{color:#aec5dc;font-size:.88rem;line-height:1.55;margin:0 0 23px}
.mf-cart-items{display:flex;flex-direction:column;gap:11px}
.mf-cart-item{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;padding:12px;border-radius:11px;border:1px solid rgba(22,161,203,.22);background:linear-gradient(145deg,rgba(14,35,58,.67),rgba(4,12,27,.9))}
.mf-cart-item__image{width:86px;height:100px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#071126;border-radius:8px}
.mf-cart-item__image img{width:100%;height:100%;object-fit:cover}
.mf-cart-item__content{min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.mf-cart-item__top{display:flex;gap:6px;justify-content:space-between}
.mf-cart-item__top h3{color:#fff;margin:0;font-size:.87rem;line-height:1.32;overflow-wrap:anywhere;font-weight:800}
.mf-cart-item__top h3 a{color:inherit}.mf-cart-item__top h3 a:hover{color:#44efff}
.mf-cart-remove{border:0;background:rgba(255,62,224,.08);width:26px;height:26px;color:#ff8fea;cursor:pointer;font-size:23px;border-radius:6px;line-height:1}
.mf-cart-remove:hover,.mf-cart-remove:focus-visible{color:#fff;background:rgba(255,60,220,.32)}
.mf-cart-item__meta{color:#a5bfd1;font-size:.67rem;margin:6px 0}.mf-cart-item__meta dl{margin:0}
.mf-cart-item__bottom{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.77rem;color:#aebdd1;margin-top:10px}
.mf-cart-item__bottom strong{font-size:.83rem;color:#42f1fd}
.mf-cart-summary{margin:22px 0 0;padding:19px 0 0;border-top:1px solid rgba(32,190,224,.28)}
.mf-cart-summary__row{display:flex;justify-content:space-between;gap:12px;color:#dbe7f8;font-weight:800;font-size:.94rem}
.mf-cart-summary__row strong{color:#5af4ff}
.mf-cart-summary>p{font-size:.70rem;color:#91a9bf;line-height:1.4;margin:10px 0 20px}

/* Fox Instagram drawer */
.mf-ig-drawer-avatar{position:relative;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:174px;background:radial-gradient(circle at 50% 49%,rgba(230,49,232,.11),transparent 51%);border-bottom:1px solid rgba(41,154,201,.12)}
.mf-ig-drawer-avatar img{width:152px;height:152px;object-fit:contain;filter:drop-shadow(0 0 13px rgba(246,60,231,.35));animation:mf-social-float 5.6s ease-in-out infinite}
.mf-ig-drawer-avatar span{font-size:.58rem;font-weight:900;letter-spacing:.22em;color:#54efff;position:relative;top:-13px}
@keyframes mf-social-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.mf-ig-content{padding-top:15px}
.mf-ig-feed-head{display:flex;align-items:center;gap:7px;color:#dffbff;font-size:.7rem;letter-spacing:.13em;font-weight:900;margin-bottom:13px}
.mf-ig-live-dot{width:7px;height:7px;background:#34f6ff;border-radius:50%;box-shadow:0 0 11px #34f6ff}
.mf-ig-feed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.mf-ig-post{position:relative;aspect-ratio:1/1;border:1px solid rgba(33,212,241,.23);border-radius:10px;overflow:hidden;background:#09152a;display:block}
.mf-ig-post img{width:100%;height:100%;object-fit:cover;transition:transform .28s,filter .28s}
.mf-ig-post:hover img,.mf-ig-post:focus-visible img{transform:scale(1.065);filter:brightness(1.12)}
.mf-ig-post__arrow,.mf-ig-post__video{position:absolute;right:9px;top:9px;background:rgba(3,9,25,.8);padding:4px 8px;border-radius:6px;color:#3ef4ff}
.mf-ig-post__video{right:auto;left:9px;color:#ff62ed}
.mf-ig-pending{padding:15px 12px 19px;text-align:center;border:1px solid rgba(27,191,229,.2);border-radius:14px;background:linear-gradient(145deg,rgba(5,22,40,.8),rgba(8,13,32,.85))}
.mf-ig-pending__spark{font-size:32px;color:#f94ae0;text-shadow:0 0 18px rgba(236,57,234,.6);margin-bottom:8px}
.mf-ig-pending h3{font-size:1.08rem;color:#fbfcff;margin:0 0 10px;font-weight:900}
.mf-ig-pending p{font-size:.83rem;line-height:1.55;color:#b3c7d9;margin:0}
.mf-ig-profile{margin-top:17px}

/* Responsive nav: 7 links fit without reducing tap areas. */
@media(max-width:1350px){
 .mf-nav-list--v1213{gap:12px}
 .mf-nav-list--v1213 a,.mf-nav-list--v1213 .mf-nav-placeholder,.mf-nav-list--v1213 .mf-products-toggle{font-size:.60rem;letter-spacing:.01em}
 .mf-header-inner{gap:10px!important}
 .mf-fox-social{width:38px!important;height:38px!important}
}
@media(max-width:1120px){
 .mf-menu-toggle{display:inline-flex!important}
 .mf-main-nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 75px);overflow-y:auto;padding:12px 22px 22px;background:linear-gradient(160deg,#07172e,#020817);border-bottom:1px solid rgba(33,225,248,.30);box-shadow:0 25px 52px rgba(0,0,0,.48);z-index:112}
 .mf-main-nav.is-open{display:block}
 .mf-nav-list--v1213{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .mf-nav-list--v1213>li{border-bottom:1px solid rgba(31,190,226,.095)}
 .mf-nav-list--v1213 a,.mf-nav-list--v1213 .mf-nav-placeholder,.mf-nav-list--v1213 .mf-products-toggle{display:flex;width:100%;padding:13px 6px;font-size:.84rem;letter-spacing:.06em}
 .mf-nav-list--v1213>li>a::after,.mf-nav-list--v1213>li>button::after{bottom:7px;right:100%}
 .mf-nav-list--v1213 .mf-products-toggle{justify-content:space-between}
 .mf-products-submenu{position:static;left:auto;top:auto;width:100%;opacity:0;visibility:hidden;max-height:0;overflow:hidden;padding:0;border:0;box-shadow:none;border-radius:0;transform:none!important;transition:max-height .25s,opacity .2s,padding .2s}
 .mf-nav-has-submenu:hover .mf-products-submenu,.mf-nav-has-submenu:focus-within .mf-products-submenu{opacity:0;visibility:hidden;max-height:0;pointer-events:none}
 .mf-nav-has-submenu.is-open .mf-products-submenu{opacity:1;visibility:visible;max-height:480px;overflow-y:auto;pointer-events:auto;padding:13px;margin-bottom:9px;border:1px solid rgba(30,221,245,.22)}
 .mf-nav-list--v1213 .mf-products-submenu a{width:100%;padding:9px 8px;font-size:.77rem}
 .mf-submenu-label{font-size:.57rem}
 .mf-nav-list--v1213 .mf-nav-placeholder{color:#a6b6ce}
 .mf-header-inner{justify-content:space-between}
 .mf-main-nav{flex:unset}
}
@media(max-width:600px){
 .mf-header-inner{gap:4px!important}
 .mf-header-actions{gap:0!important}
 .mf-header-actions .mf-action{width:31px!important;height:36px!important}
 .mf-fox-social{width:36px!important;height:36px!important;margin:0 2px}
 .mf-drawer-top{padding:27px 22px 23px}
 .mf-drawer-content{padding:19px 17px 27px}
 .mf-drawer-close{right:14px;top:16px}
 .mf-drawer-top h2{font-size:1.56rem}
 .mf-ig-drawer-avatar{min-height:160px}
 .mf-ig-drawer-avatar img{width:137px;height:137px}
}
@media(max-width:370px){
 .mf-header-actions .mf-action{width:29px!important}
 .mf-fox-social{width:33px!important;height:33px!important}
 .mf-menu-toggle{padding:7px}
}
@media(prefers-reduced-motion:reduce){
 .mf-side-drawer,.mf-drawer-overlay,.mf-ig-drawer-avatar img{transition:none!important;animation:none!important}
}
/* Extra small phones: preserve the two primary interactions (cart + fox). */
@media(max-width:420px){
 .mf-search{display:none!important}
 .mf-brand__image{width:137px!important;max-width:137px!important}
 .mf-brand{min-width:0!important}
 .mf-header-inner{gap:3px!important}
 .mf-menu-toggle{padding:7px!important}
}
@media(max-width:350px){
 .mf-brand__image{width:125px!important;max-width:125px!important}
 .mf-header-actions .mf-action{width:28px!important}
 .mf-fox-social{width:32px!important;height:32px!important}
}