.breadcrumbLocked{
  cursor:default !important;
  pointer-events:none !important;
  opacity:.78;
  user-select:none;
}
    :root{
      --primary:#050505;
      --secondary:#15151d;
      --accent:#e50914;
      --accent2:#ff3344;
      --text:#ffffff;
      --muted:rgba(255,255,255,.76);
      --line:rgba(255,255,255,.12);
      --line-strong:rgba(255,255,255,.20);
      --button-bg:#e50914;
      --button-text:#ffffff;
      --input-bg:rgba(255,255,255,.08);
      --input-text:#ffffff;
      --select-bg:#ffffff;
      --select-text:#111111;
      --card-bg:rgba(20,24,32,.82);
      --card-text:#ffffff;
      --surface:rgba(18,21,28,.78);
      --surface-2:rgba(24,28,37,.80);
      --shadow:0 18px 48px rgba(0,0,0,.40);
      --shadow-soft:0 10px 30px rgba(0,0,0,.24);
      --gloss:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
      --success:#16a34a;
      --warning:#f59e0b;
      --danger:#dc2626;
      --sidebar-w:300px;
      --radius-xl:30px;
      --radius-lg:24px;
      --radius-md:18px;
    }

    *{box-sizing:border-box}
    html,body{margin:0;padding:0;background:var(--primary);color:var(--text);font-family:var(--font-main, 'Outfit', Inter, Arial, sans-serif)}
    body{min-height:100vh;overflow-x:hidden}
    a{text-decoration:none;color:inherit}
    button,input,select,textarea{font:inherit}
    img{max-width:100%}
    iframe{border:none}
    ::selection{background:rgba(229,9,20,.28);color:#fff}

    body::before{
      content:"";
      position:fixed; inset:0;
      background: var(--app-background, linear-gradient(180deg, var(--primary), var(--secondary)));
      z-index:-3;
    }

    body::after{
      content:"";
      position:fixed; inset:0;
      pointer-events:none;
      z-index:-2;
    }

    .hide{display:none !important}
    .show{display:flex !important}
    .disabled{opacity:.55;pointer-events:none}
    .loadingPulse{animation:pulse 1.1s infinite ease-in-out}
    @keyframes pulse{0%{opacity:1}50%{opacity:.45}100%{opacity:1}}
    .mxzLoadingStage{
      min-height:min(56vh,520px);
      width:100%;
      display:grid;
      place-items:center;
      align-content:center;
      gap:18px;
      padding:42px 18px;
      border-radius:24px;
      position:relative;
      overflow:hidden;
      isolation:isolate;
    }
    .mxzLoadingStage::before{
      content:"";
      position:absolute;
      inset:12%;
      z-index:-1;
      background:
        radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 58%),
        radial-gradient(circle at 42% 48%, color-mix(in srgb, var(--accent2) 20%, transparent), transparent 46%);
      filter:blur(18px);
      animation:mxzLoaderAura 1.5s ease-in-out infinite;
    }
    .mxzLoadingStage.compact{
      min-height:220px;
      padding:28px 14px;
    }
    #contentArea > .mxzLoadingStage{
      min-height:calc(100dvh - 170px);
    }
    .mxzLoadingBrand{
      font-size:clamp(42px,9vw,112px);
      line-height:.9;
      font-weight:950;
      letter-spacing:0;
      text-align:center;
      color:transparent;
      background:linear-gradient(90deg, var(--accent), var(--text), var(--accent2), var(--accent));
      background-size:260% 100%;
      -webkit-background-clip:text;
      background-clip:text;
      text-shadow:
        0 0 18px color-mix(in srgb, var(--accent) 62%, transparent),
        0 0 42px color-mix(in srgb, var(--accent2) 34%, transparent);
      animation:mxzBrandFlash 1.05s linear infinite, mxzBrandPulse 1.6s ease-in-out infinite;
    }
    .mxzLoadingText{
      color:var(--muted);
      font-size:14px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:0;
      text-align:center;
    }
    @keyframes mxzBrandFlash{
      0%{background-position:0% 50%;filter:brightness(1)}
      28%{filter:brightness(1.9)}
      48%{filter:brightness(.85)}
      72%{filter:brightness(2.15)}
      100%{background-position:100% 50%;filter:brightness(1)}
    }
    @keyframes mxzBrandPulse{
      0%,100%{transform:scale(1);opacity:.9}
      50%{transform:scale(1.035);opacity:1}
    }
    @keyframes mxzLoaderAura{
      0%,100%{opacity:.45;transform:scale(.92)}
      50%{opacity:.9;transform:scale(1.06)}
    }
    @keyframes floatIn{
      from{opacity:0;transform:translateY(14px)}
      to{opacity:1;transform:translateY(0)}
    }

    .glass{
      background: var(--surface-card, rgba(20,24,32,.82));
      border:1px solid var(--border-color, var(--line));
      box-shadow:var(--shadow);
    }

    .authWrap{
      min-height:100vh;
      display:grid;
      place-items:center;
      padding:22px;
      width:100%;
    }

    .authCard,.panelBox,.statBox,.infoBox,.simpleBox,.countryBox,.accountsBox,.historyItem,.miniCard{
      background: var(--surface-card, rgba(20,24,32,.82));
      border:1px solid var(--border-color, var(--line));
      box-shadow:var(--shadow);color: var(--card-text, var(--text));
    }

    .authCard{
      backdrop-filter:blur(18px);
      -webkit-backdrop-filter:blur(18px);
      animation:floatIn .35s ease;
      width:min(480px,100%);
      border-radius:32px;
      padding:28px;
      
    }

    .authBrand{text-align:center;margin-bottom:20px}
    .authLogo{
      width:96px;height:96px;border-radius:28px;object-fit:cover;background:#fff;
      display:block;margin:0 auto 14px;
      box-shadow:0 14px 34px rgba(0,0,0,.30);
      border:1px solid rgba(255,255,255,.18);
    }
    .authBrand h1{margin:0;font-size:32px;font-weight:950;letter-spacing:.2px}
    .authBrand p{margin:8px 0 0;color:var(--muted);line-height:1.45}

    .authChoiceBox{display:grid;gap:12px}
    .authChoiceLead{margin:0 0 4px;text-align:center;color:var(--muted);font-size:14px;font-weight:700}
    .authChoiceBox .btn{min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px}
    .authChoiceCreate{font-weight:950;letter-spacing:.35px}
    .authFormHead{display:flex;align-items:center;gap:12px;margin:0 0 18px}
    .authFormHead>div{display:grid;gap:2px;min-width:0}
    .authFormHead strong{font-size:20px;color:var(--text)}
    .authFormHead span{font-size:13px;color:var(--muted);line-height:1.35}
    .authBackBtn{width:44px;height:44px;flex:0 0 44px;border-radius:14px;border:1px solid var(--line);background:var(--input-bg,rgba(255,255,255,.06));color:var(--text);cursor:pointer;display:grid;place-items:center}
    .authBackBtn:hover,.authBackBtn:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}
    .authPasswordHelp{display:flex;align-items:flex-start;gap:9px;margin:-2px 2px 12px;padding:11px 12px;border-radius:14px;background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);color:var(--muted);font-size:12px;font-weight:700;line-height:1.45}
    .authPasswordHelp i{color:var(--accent);margin-top:2px;flex:0 0 auto}

    .field{
      position:relative;
      display:flex;align-items:center;gap:10px;
      padding:14px 16px;border-radius:18px;
      background:var(--input-bg, linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)));
      border:1px solid var(--line);
      margin-bottom:12px;
      min-height:56px;
      transition:border-color .18s ease, transform .18s ease;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
    }
    .field:focus-within{
      border-color:rgba(229,9,20,.34);
      box-shadow:0 0 0 3px rgba(229,9,20,.12), inset 0 1px 0 rgba(255,255,255,.06);
      transform:translateY(-1px);
    }
    .field i{color:var(--accent);width:18px;text-align:center}
    .field input,.field select,.field textarea{
      flex:1;border:none;outline:none;background:transparent;color:var(--input-text);min-width:0;
    }
    .field input::placeholder,.field textarea::placeholder{color:var(--muted)}
    .field textarea{resize:vertical}
    .field input[type="file"]{
      width:100%;
      min-height:34px;
      color:var(--muted);
      font-size:13px;
      font-weight:800;
      cursor:pointer;
    }
    .field input[type="file"]::file-selector-button{
      border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border-color, var(--line)));
      background:
        linear-gradient(135deg, color-mix(in srgb, var(--accent) 88%, #ffffff 6%), color-mix(in srgb, var(--accent2, var(--accent)) 68%, #111827));
      color:var(--button-text, #fff);
      border-radius:14px;
      padding:10px 14px;
      margin-right:12px;
      font-weight:950;
      cursor:pointer;
      box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 20%, transparent);
      transition:transform .16s ease, filter .16s ease, box-shadow .16s ease;
    }
    .field input[type="file"]::-webkit-file-upload-button{
      border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border-color, var(--line)));
      background:
        linear-gradient(135deg, color-mix(in srgb, var(--accent) 88%, #ffffff 6%), color-mix(in srgb, var(--accent2, var(--accent)) 68%, #111827));
      color:var(--button-text, #fff);
      border-radius:14px;
      padding:10px 14px;
      margin-right:12px;
      font-weight:950;
      cursor:pointer;
      box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 20%, transparent);
      transition:transform .16s ease, filter .16s ease, box-shadow .16s ease;
    }
    .field input[type="file"]:hover::file-selector-button,
    .field input[type="file"]:hover::-webkit-file-upload-button{
      filter:brightness(1.08);
      transform:translateY(-1px);
      box-shadow:0 14px 30px color-mix(in srgb, var(--accent) 28%, transparent);
    }
    #gUploadSystemBtn,
    #gUploadClientBtn,
    #vUploadBtn,
    #repSubmitBtn{
      border-color:color-mix(in srgb, var(--accent) 32%, var(--border-color, var(--line))) !important;
      background:color-mix(in srgb, var(--accent) 10%, var(--surface-card, #111827)) !important;
      box-shadow:0 10px 26px color-mix(in srgb, var(--accent) 14%, transparent) !important;
    }
    #gUploadSystemBtn:hover,
    #gUploadClientBtn:hover,
    #vUploadBtn:hover,
    #repSubmitBtn:hover{
      border-color:var(--accent) !important;
      color:var(--accent) !important;
      transform:translateY(-1px);
    }

    select{
      appearance:none;
      -webkit-appearance:none;
      -moz-appearance:none;
      background-color: transparent !important; /* <--- ESTE ES EL CAMBIO */
      color:var(--text) !important;
      border-radius:12px;
      padding:10px 34px 10px 10px;
      background-image:
        linear-gradient(45deg, transparent 50%, rgba(255,255,255,.92) 50%),
        linear-gradient(135deg, rgba(255,255,255,.92) 50%, transparent 50%);
      background-position:
        calc(100% - 18px) calc(50% - 3px),
        calc(100% - 12px) calc(50% - 3px);
      background-size:6px 6px, 6px 6px;
      background-repeat:no-repeat;
      border:1px solid rgba(255,255,255,.12);
    }
    select option{
      background:var(--select-bg, #101114);
      color:var(--select-text, #ffffff);
    }

    .topSelect{
      appearance:none;
      -webkit-appearance:none;
      -moz-appearance:none;
      border:none;
      outline:none;
      padding:6px 28px 6px 8px;
      border-radius:12px;
      background:var(--input-bg, linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04)));
      color:var(--topbar-text, var(--text));
      min-width:138px;
      font-weight:800;
      border:1px solid rgba(255,255,255,.12);
      background-image:
        linear-gradient(45deg, transparent 50%, rgba(255,255,255,.95) 50%),
        linear-gradient(135deg, rgba(255,255,255,.95) 50%, transparent 50%);
      background-position:
        calc(100% - 16px) calc(50% - 3px),
        calc(100% - 10px) calc(50% - 3px);
      background-size:6px 6px, 6px 6px;
      background-repeat:no-repeat;
    }
    .topSelect option{
      background:var(--select-bg, #101114);
      color:var(--select-text, #ffffff);
    }

    .passToggle{
      border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:17px;
    }

    .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
    .row3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .adminQuickCompactRow{
      display:grid;
      grid-template-columns:minmax(180px,280px) minmax(0,1fr);
      gap:12px;
      align-items:stretch;
      margin-bottom:12px;
    }
    .adminQuickAmountField{
      min-height:46px;
      padding:10px 12px;
      margin:0;
    }
    .adminQuickCompactRow .infoBox{
      width:100%;
      padding:12px 14px !important;
      border-radius:16px !important;
      margin:0;
      box-shadow:var(--shadow-soft);
    }
    .adminQuickCompactRow .infoBox h5{
      margin:0 0 6px !important;
      font-size:13px;
    }
    .adminQuickCompactRow #adminQuickSummary{
      font-size:12px;
      line-height:1.45;
      color:var(--muted);
    }

    .btn{
      width:100%;
      border:none;cursor:pointer;
      color:var(--button-text);
      background:
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0)),
        var(--button-bg);
      font-weight:900;
      padding:14px 18px;
      border-radius:18px;
      transition:transform .16s ease, opacity .16s ease;
      box-shadow:0 10px 28px rgba(0,0,0,.28);
    }
    .btn:hover{transform:translateY(-2px);filter:brightness(1.03)}
    .btn:active{transform:translateY(0)}
    .btn.ghost{
      background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
      border:1px solid var(--line);
      color:var(--text);
      box-shadow:none;
    }
    .btn.whatsapp{
      background:#25d366;
      color:#fff;
    }
    .btn.small{
      width:auto;
      padding:10px 14px;
      border-radius:14px;
      font-size:13px;
    }

    .app{
     display:block;
     min-height:100vh;
     max-width:none;
     margin:0;
     gap:0;
   }

.sidebar{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  width:var(--sidebar-w);
  height:100vh;
  min-height:100vh;
  padding:18px;
  z-index:90;
  background:linear-gradient(180deg, rgba(10,12,16,.96), rgba(15,18,24,.96));
  border-right:none;
  box-shadow:none;
  overflow-y:auto;
  overflow-x:hidden;
  transition:width .24s cubic-bezier(.16,1,.3,1), transform .2s ease, box-shadow .24s ease;
}

body.lightModeFix .mxz-category-app-card{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.90));
  box-shadow:0 10px 24px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.80);
}

body.lightModeFix .mxz-category-app-card::before,
body.lightModeFix .mxz-led-hover::after,
body.lightModeFix .mxz-category-app-card::after,
body.lightModeFix .mxz-home-banner-card::after,
body.lightModeFix .homeAdCard::after,
body.lightModeFix .card::after,
body.lightModeFix .folderExplorerCard::after,
body.lightModeFix .panelBox::after,
body.lightModeFix .infoBox::after,
body.lightModeFix .miniCard::after,
body.lightModeFix .statBox::after,
body.lightModeFix .mxz-plan-card::after,
body.lightModeFix .btn::after,
body.lightModeFix .menuBtn::after,
body.lightModeFix .hamburger::after,
body.lightModeFix .collapseBtn::after,
body.lightModeFix .tinyAction::after,
body.lightModeFix .subcategoryOption::after,
body.lightModeFix .historyTag::after,
body.lightModeFix .notificationCard::after,
body.lightModeFix .sectionAccordionItem::after{
  display:none !important;
  animation:none !important;
}

body.lightModeFix .mxz-led-hover:hover,
body.lightModeFix .mxz-category-app-card:hover,
body.lightModeFix .mxz-category-app-card.active,
body.lightModeFix .mxz-category-app-card.touchZoom,
body.lightModeFix .mxz-home-banner-card:hover,
body.lightModeFix .homeAdCard:hover,
body.lightModeFix .card:hover,
body.lightModeFix .folderExplorerCard:hover,
body.lightModeFix .panelBox:hover,
body.lightModeFix .infoBox:hover,
body.lightModeFix .miniCard:hover,
body.lightModeFix .statBox:hover,
body.lightModeFix .mxz-plan-card:hover,
body.lightModeFix .btn:hover,
body.lightModeFix .menuBtn:hover,
body.lightModeFix .hamburger:hover,
body.lightModeFix .collapseBtn:hover,
body.lightModeFix .tinyAction:hover,
body.lightModeFix .subcategoryOption:hover,
body.lightModeFix .historyTag:hover,
body.lightModeFix .notificationCard:hover,
body.lightModeFix .sectionAccordionItem:hover,
body.lightModeFix .menuBtn.active,
body.lightModeFix .card.active,
body.lightModeFix .selected{
  animation:none !important;
  outline:none !important;
  filter:none !important;
  border-color:var(--border-color, rgba(17,17,17,.12)) !important;
  box-shadow:0 14px 30px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.80) !important;
}

body.lightModeFix .mxz-category-app-card:hover,
body.lightModeFix .mxz-category-app-card.active,
body.lightModeFix .mxz-category-app-card.touchZoom{
  border-color:var(--accent) !important;
  transform:translateY(-5px) translateZ(0) scale(1.04) !important;
}

body.lightModeFix .mxz-category-app-card i{
  text-shadow:none !important;
  filter:none !important;
}

.sidebar::-webkit-scrollbar{width:10px}

.sidebar::-webkit-scrollbar-thumb{
  background:rgba(0,0,0,.14);
  border-radius:999px;
  border:2px solid transparent;
  background-clip:padding-box;
}

.sideBrand{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  padding:14px;
  border-radius:22px;
  background:var(--surface-card, #ffffff);
  border:1px solid var(--border-color, rgba(0,0,0,.08));
  box-shadow:var(--shadow-soft);
  color:var(--card-text, #111111);
}

.sideBrand img{
  width:56px;
  height:56px;
  border-radius:18px;
  background:#fff;
  object-fit:cover;
  box-shadow:0 10px 24px rgba(15,23,42,.12);
}

/* Carruseles y subcategorias extensas: no recortar los ultimos elementos. */
@media (max-width:900px){
  .mxz-category-apps-track{
    padding-right:72px !important;
    scroll-padding-right:72px !important;
  }

  .mxzSidebarSubcategoryWrap{
    max-height:none !important;
    overflow:visible !important;
    padding-bottom:20px;
  }

  .sidebar{
    padding-bottom:calc(28px + env(safe-area-inset-bottom));
    overscroll-behavior-y:contain;
  }
}

/* === Navegacion lateral: desplazamiento tactil sin opciones ocultas === */
.sidebar{
  display:flex !important;
  flex-direction:column;
  height:100vh;
  height:100dvh;
  min-height:0;
  overflow:hidden !important;
  box-sizing:border-box;
}

.sidebar .sideBrand,
.sidebar .menuTopTools{
  flex:0 0 auto;
}

#menuWrap{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior-y:contain;
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb, var(--accent) 55%, transparent) transparent;
  padding:2px 7px calc(24px + env(safe-area-inset-bottom)) 2px;
  scroll-padding-block:12px 90px;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
}

#menuWrap::-webkit-scrollbar{width:7px}
#menuWrap::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:color-mix(in srgb, var(--accent) 55%, rgba(255,255,255,.16));
}

.mxzSidebarSubcategoryWrap{
  max-height:min(48vh, 480px) !important;
  max-height:min(48dvh, 480px) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  scroll-padding-block:8px;
}

@media (max-width:900px){
  .sidebar{
    padding-bottom:max(12px, env(safe-area-inset-bottom)) !important;
  }

  .mxzSidebarSubcategoryWrap{
    max-height:min(46vh, 390px) !important;
    max-height:min(46dvh, 390px) !important;
    padding-bottom:10px !important;
  }

  .mxzSidebarSubBtn{
    min-height:46px;
    padding:11px 12px;
  }
}

/* === MAXZISERIES APK: temporadas, capitulos y acciones Android/VLC === */
.mxzSeriesOpenHint{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:8px;
  color:var(--accent);
  font-size:12px;
  font-weight:850;
}

.mxzSeriesCoverActions{
  display:flex !important;
}

.mxzSeriesApkDetail{
  width:min(1100px, 100%);
  margin:0 auto;
  padding-bottom:28px;
}

.mxzSeriesApkHeader{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:16px;
  padding:14px;
  border:1px solid var(--border-color, var(--line));
  border-radius:20px;
  background:var(--surface-card, rgba(255,255,255,.05));
}

.mxzSeriesApkHeader > div{display:grid;gap:3px;min-width:0}
.mxzSeriesApkHeader strong{font-size:18px;color:var(--text)}
.mxzSeriesApkHeader span{font-size:12px;color:var(--muted)}
.mxzSeriesSeasonList{display:grid;gap:12px}
.mxzSeriesSeasonBlock{border:1px solid var(--border-color, var(--line));border-radius:20px;overflow:hidden;background:var(--surface-card, rgba(255,255,255,.04))}
.mxzSeriesSeasonHead{width:100%;min-height:56px;padding:13px 15px;border:0;background:transparent;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}
.mxzSeriesSeasonHead > span{display:flex;align-items:center;gap:9px}
.mxzSeriesSeasonHead > span:last-child{font-size:12px;color:var(--muted);white-space:nowrap}
.mxzSeriesSeasonHead .fa-layer-group{color:var(--accent)}
.mxzSeriesSeasonHead .fa-chevron-down{transition:transform .18s ease}
.mxzSeriesSeasonBlock.open .mxzSeriesSeasonHead .fa-chevron-down{transform:rotate(180deg)}
.mxzSeriesSeasonEpisodes{display:none;padding:0 10px 10px;gap:8px}
.mxzSeriesSeasonBlock.open .mxzSeriesSeasonEpisodes{display:grid}
.mxzSeriesEpisodeCard{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;border:1px solid var(--border-color, var(--line));border-radius:16px;overflow:hidden;background:color-mix(in srgb, var(--surface-card, #111827) 88%, var(--accent) 4%)}
.mxzSeriesEpisodeMain{min-width:0;min-height:74px;padding:8px;border:0;background:transparent;color:var(--text);display:grid;grid-template-columns:74px minmax(0,1fr) 34px;align-items:center;gap:11px;text-align:left;cursor:pointer}
.mxzSeriesEpisodeThumb{width:74px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000}
.mxzSeriesEpisodeThumb img{width:100%;height:100%;object-fit:cover}
.mxzSeriesEpisodeText{display:grid;gap:3px;min-width:0}
.mxzSeriesEpisodeText small{color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800}
.mxzSeriesEpisodeText strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.mxzSeriesEpisodeText em{color:var(--accent);font-style:normal;font-size:11px;font-weight:800}
.mxzSeriesEpisodePlay{font-size:25px;color:var(--accent)}
.mxzSeriesEpisodeVlc{min-width:118px;padding:10px;border:0;border-left:1px solid var(--border-color, var(--line));background:color-mix(in srgb, #f97316 14%, transparent);color:var(--text);display:flex;align-items:center;justify-content:center;gap:7px;font-weight:850;cursor:pointer}
.mxzSeriesEpisodeVlc i{color:#f97316;font-size:18px}

@media (max-width:600px){
  .mxzSeriesApkHeader{align-items:flex-start;padding:11px}
  .mxzSeriesEpisodeCard{grid-template-columns:minmax(0,1fr)}
  .mxzSeriesEpisodeMain{grid-template-columns:64px minmax(0,1fr) 28px;min-height:68px}
  .mxzSeriesEpisodeThumb{width:64px}
  .mxzSeriesEpisodeVlc{min-width:0;min-height:44px;border-left:0;border-top:1px solid var(--border-color, var(--line))}
}

/* === Sesion expirada: recuperacion guiada sin cierre remoto === */
body.mxzSessionExpiredOpen{overflow:hidden !important}
.mxzSessionExpiredOverlay{
  background:rgba(3,7,18,.86) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
.mxzSessionExpiredCard{
  width:min(460px, 100%);
  padding:28px 24px !important;
  text-align:center;
  border:1px solid color-mix(in srgb, var(--accent) 42%, rgba(255,255,255,.16)) !important;
  background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 42%), var(--surface-card, #111827) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.58) !important;
}
.mxzSessionExpiredIcon{
  display:grid;
  place-items:center;
  width:72px;
  height:72px;
  margin:0 auto 14px;
  border-radius:22px;
  background:color-mix(in srgb, var(--accent) 18%, transparent);
  border:1px solid color-mix(in srgb, var(--accent) 48%, transparent);
  color:var(--accent);
  font-size:30px;
}
.mxzSessionExpiredEyebrow{display:block;margin-bottom:7px;color:var(--accent);font-size:11px;font-weight:950;letter-spacing:1.4px}
.mxzSessionExpiredCard h3{margin:0 0 10px;font-size:26px;color:var(--text)}
.mxzSessionExpiredCard > p{margin:0 auto 16px;max-width:370px;color:var(--muted);font-size:15px;line-height:1.6}
.mxzSessionExpiredHelp{display:flex;align-items:flex-start;gap:9px;margin:0 0 18px;padding:12px 13px;border-radius:14px;background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--text);text-align:left;font-size:12px;line-height:1.45}
.mxzSessionExpiredHelp i{margin-top:2px;color:var(--accent)}
.mxzSessionExpiredAction{width:100%;min-height:52px;justify-content:center;font-size:15px !important}
.mxzSessionExpiredAction:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, white);outline-offset:3px}

@media (max-width:480px){
  .mxzSessionExpiredOverlay{padding:14px !important}
  .mxzSessionExpiredCard{padding:24px 18px !important;border-radius:24px !important}
  .mxzSessionExpiredCard h3{font-size:23px}
}

.sideBrand img.mxzSidebarBrandAvatar{
  border-radius:50%;
  padding:0;
  border:2px solid color-mix(in srgb, var(--accent) 48%, var(--border-color, var(--line)));
  background:color-mix(in srgb, var(--accent) 10%, var(--surface-card, #111827));
  box-shadow:0 12px 30px color-mix(in srgb, var(--accent) 20%, rgba(0,0,0,.22));
}

.sideBrand h2{margin:0;font-size:18px;font-weight:950;color:var(--card-text, #111111)}
.sideBrand p{margin:4px 0 0;color:var(--muted);font-size:12px}
.sideBrand > div{min-width:0;flex:1}
.sidebarCloseBtn{
  display:none;
  align-items:center;
  justify-content:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid var(--border-color, rgba(255,255,255,.12));
  background:rgba(255,255,255,.08);
  color:var(--sidebar-text, var(--text));
  cursor:pointer;
}
.sidebarCloseBtn i{color:var(--accent)}

.menuTopTools{
  display:flex;
  gap:8px;
  margin-bottom:12px;
}

    .menu{display:flex;flex-direction:column;gap:8px}

    .menuBtn{
      width:100%;text-align:left;
      display:flex;align-items:center;gap:10px;
      padding:13px 14px;border-radius:18px;
      background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
      border:1px solid var(--border-color, rgba(255,255,255,.08));
      color:var(--sidebar-text, var(--text, #ffffff));
      cursor:pointer;
      font-weight:850;
      transition:background .15s ease, border-color .15s ease, transform .15s ease, color .15s ease;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
      min-height:50px;
    }
    .menuBtn i{
      color:var(--accent);
      transition:color .15s ease;
    }
    .menuBtn:hover{
      background:var(--sidebar-hover-bg, linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05))) !important;
      border-color:var(--sidebar-hover-text, var(--accent, #e50914)) !important;
      color:var(--sidebar-hover-text, var(--accent, #e50914)) !important;
      transform:translateX(2px);
    }
    .menuBtn:hover i{
      color:var(--sidebar-hover-text, var(--accent, #e50914)) !important;
    }
    .menuBtn.active{
      background:var(--sidebar-active-bg, linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04))) !important;
      border-color:var(--sidebar-active-text, var(--accent, #e50914)) !important;
      color:var(--sidebar-active-text, var(--accent, #e50914)) !important;
      box-shadow:0 10px 24px rgba(0,0,0,.22);
    }
    .menuBtn.active i{
      color:var(--sidebar-active-text, var(--accent, #e50914)) !important;
    }
    .menuBtn .badge{
      margin-left:auto;
      font-size:11px;
      padding:5px 8px;
      border-radius:999px;
      background:rgba(255,255,255,.08);
      color:var(--muted);
    }
    .communityLinkBtn{
      min-height:46px;
      padding:11px 13px;
    }
    .communityLinkBtn.whatsapp i:first-child{
      color:#25d366;
    }
    .communityLinkBtn.telegram i:first-child{
      color:#2aabee;
    }
    .communityExternalIcon{
      margin-left:auto;
      font-size:11px;
      opacity:.72;
    }

    .sidebarFoot{
      margin-top:18px;padding-top:18px;border-top:1px solid var(--line);display:grid;gap:8px;
    }

    .main{
  margin-left:var(--sidebar-w);
  width:calc(100% - var(--sidebar-w));
  min-height:100vh;
  padding:20px;
  min-width:0;
}

    .topbar{
      display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
      margin-bottom:18px;
      padding:14px 16px;
      border-radius:24px;
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
      border:1px solid var(--line);
      box-shadow:var(--shadow-soft);
      
    }
    .leftTop,.rightTop{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
    
    .centerTop {
      flex:1;
      display:flex;
      justify-content:center;
      min-width:280px;
    }

    .mxzActiveUsersPill{
      width:min(390px,100%);
      min-height:90px;
      padding:14px 18px 12px !important;
      border-radius:18px !important;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:4px;
      color:#f8fafc !important;
      border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border-color, var(--line))) !important;
      background:
        radial-gradient(circle at 50% -20%, color-mix(in srgb,var(--accent) 18%, transparent), transparent 46%),
        linear-gradient(180deg, color-mix(in srgb,var(--surface-card) 90%, #111), color-mix(in srgb,var(--bg) 88%, #050505)) !important;
      box-shadow:0 16px 34px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.025), 0 0 24px color-mix(in srgb,var(--accent) 12%, transparent);
      position:relative;
      overflow:hidden;
      animation:mxzActiveCardGlow 3.8s ease-in-out infinite;
    }
    .mxzActiveUsersPill::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(110deg,transparent 0%,color-mix(in srgb,var(--accent) 16%,transparent) 45%,transparent 70%);
      transform:translateX(-120%);
      animation:mxzActiveCardSweep 4.2s ease-in-out infinite;
      pointer-events:none;
    }
    .mxzActiveUsersPill::after{
      content:"";
      width:88%;
      height:1px;
      margin-top:4px;
      background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 82%,#fff),transparent);
      opacity:.9;
      box-shadow:0 0 14px color-mix(in srgb,var(--accent) 42%,transparent);
      animation:mxzActiveLinePulse 1.8s ease-in-out infinite;
    }
    .mxzActiveUsersLabel{
      font-size:12px;
      font-weight:950;
      text-transform:uppercase;
      color:color-mix(in srgb,var(--text) 82%,var(--muted));
      line-height:1;
      text-align:center;
      text-shadow:0 1px 2px rgba(0,0,0,.45);
      position:relative;
      z-index:1;
    }
    .mxzActiveUsersNumber{
      min-width:0;
      height:auto;
      padding:0;
      border-radius:0;
      display:block;
      background:transparent;
      color:color-mix(in srgb,var(--accent) 78%,#ffb000);
      font-size:42px;
      line-height:.95;
      font-weight:950;
      border:0;
      box-shadow:none;
      text-shadow:0 0 18px color-mix(in srgb,var(--accent) 30%,transparent),0 2px 10px rgba(0,0,0,.45);
      position:relative;
      z-index:1;
      animation:mxzActiveNumberPulse 2.2s ease-in-out infinite;
    }
    .mxzCountBump{animation:mxzCountBump .42s cubic-bezier(.16,1,.3,1)}
    @keyframes mxzCountBump{0%{transform:scale(.86)}60%{transform:scale(1.16)}100%{transform:scale(1)}}
    @keyframes mxzActiveCardGlow{0%,100%{box-shadow:0 16px 34px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.025),0 0 18px color-mix(in srgb,var(--accent) 10%,transparent)}50%{box-shadow:0 18px 38px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.04),0 0 30px color-mix(in srgb,var(--accent) 22%,transparent)}}
    @keyframes mxzActiveCardSweep{0%,55%{transform:translateX(-120%)}78%,100%{transform:translateX(120%)}}
    @keyframes mxzActiveLinePulse{0%,100%{opacity:.55;transform:scaleX(.84)}50%{opacity:1;transform:scaleX(1)}}
    @keyframes mxzActiveNumberPulse{0%,100%{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 30%,transparent));transform:translateY(0)}50%{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 56%,transparent));transform:translateY(-1px)}}

.hamburger,
.collapseBtn{
  width:46px;
  height:46px;
  border-radius:14px;

  border:1px solid var(--border-color, rgba(0,0,0,.08));

  background:var(--surface-card, #ffffff);

  color:var(--card-text, #111111);

  cursor:pointer;

  box-shadow:var(--shadow-soft);

  transition:.18s ease;
}

.hamburger:hover,
.collapseBtn:hover{
  background:var(--secondary, #f3f4f6);
  transform:translateY(-1px);
}
    .hamburger{display:none}

    .search{
      width:100%;
      max-width:760px;
      display:flex;align-items:center;gap:10px;
      padding:14px 16px;border-radius:18px;
      background:var(--input-bg, linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03)));
      border:1px solid var(--line);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
    }
    .search input{
      flex:1;border:none;outline:none;background:transparent;color:var(--input-text);
    }
    .search input::placeholder{color:var(--muted)}

    .pill{
      display:inline-flex;align-items:center;gap:8px;
      padding:10px 14px;border-radius:999px;
      background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
      border:1px solid var(--line);
      font-size:12px;font-weight:850;
      box-shadow:var(--shadow-soft);
    }

    .hero{
      overflow:hidden;
      border-radius:32px;padding:30px;margin-bottom:22px;
      background:var(--hero-background, #ffffff10);
      border:1px solid var(--line);
      box-shadow:var(--shadow);
      position:relative;
      isolation:isolate;
      color:var(--text);
    }
    .hero::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, rgba(255,255,255,.03), transparent 40%);
      pointer-events:none;
      z-index:-1;
    }
    .hero.compact{padding:24px 26px}
    .hero h3{margin:0 0 10px;font-size:clamp(28px,4vw,46px);font-weight:950;line-height:1.05;letter-spacing:.2px}
    .hero p{margin:0;color:var(--muted);max-width:980px;line-height:1.55}

    .noticeBar{
      margin-top:16px;padding:13px 14px;border-radius:18px;
      background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04));
      border:1px solid var(--line);
      display:flex;align-items:center;gap:10px;
      font-size:13px;font-weight:800;
      box-shadow:var(--shadow-soft);
    }

    .profileGrid{
      margin-top:20px;
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:12px;
    }
    .miniCard{
      padding:14px 16px;border-radius:20px;
      box-shadow:var(--shadow-soft);
    }
    .miniCard strong{display:block;color:var(--muted);font-size:12px;margin-bottom:8px;text-transform:uppercase}
    .miniCard span{font-size:15px;font-weight:900;word-break:break-word}

    .sectionHead{
      display:flex;align-items:center;justify-content:space-between;gap:12px;
      margin:24px 0 14px;flex-wrap:wrap;
    }

    .homeAdGrid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:16px;
      margin:4px 0 24px;
      width:100%;
    }
    .homeAdCard{
      min-width:0;
      padding:10px;
      border-radius:8px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
        var(--surface-card, #111827);
      border:1px solid var(--border-color, rgba(255,255,255,.12));
      box-shadow:var(--shadow-soft);
      position:relative;
      overflow:hidden;
    }
    .homeAdCard::before{
      content:"ANUNCIO";
      position:absolute;
      top:10px;
      left:10px;
      z-index:3;
      padding:5px 9px;
      border-radius:6px;
      background:rgba(0,0,0,.62);
      color:#fff;
      font-size:10px;
      font-weight:950;
      letter-spacing:.8px;
    }
    .homeAdFrame{
      min-height:170px;
      aspect-ratio:16/9;
      border-radius:6px;
      overflow:hidden;
      position:relative;
      background:#111827;
      border:1px solid rgba(255,255,255,.10);
    }
    .homeAdFrame img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
    }
    .homeAdShade{
      position:absolute;
      inset:0;
      background:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.72));
    }
    .homeAdFrame h4{
      position:absolute;
      left:14px;
      right:14px;
      bottom:14px;
      margin:0;
      color:#fff;
      font-size:20px;
      font-weight:950;
      line-height:1.15;
      text-shadow:0 2px 14px rgba(0,0,0,.65);
      word-break:break-word;
    }
    .homeAdBtn{
      width:100%;
      margin-top:10px;
      justify-content:center;
      background:linear-gradient(135deg, var(--button-bg, #e50914), var(--accent2, #ff3344));
      color:var(--button-text, #fff);
      border-color:rgba(255,255,255,.16);
    }
    .sectionHead h4{margin:0;font-size:24px;font-weight:950;letter-spacing:.2px}

    .mxz-home-premium-header{
      width:100%;
      margin:0 0 18px;
      padding:22px;
      border-radius:28px;
      background:
        radial-gradient(circle at 20% 0%, rgba(229,9,20,.22), transparent 38%),
        linear-gradient(135deg, var(--surface-card, #111827), var(--primary, #050505));
      border:1px solid var(--accent, #e50914);
      box-shadow:
        0 18px 44px rgba(0,0,0,.34),
        inset 0 0 22px rgba(255,255,255,.035);
      overflow:hidden;
      position:relative;
    }

    .mxz-home-premium-header::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:linear-gradient(90deg, transparent, rgba(229,9,20,.18), transparent);
      opacity:.45;
    }

    .mxz-home-brand-row{
      position:relative;
      z-index:1;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:16px;
      margin-bottom:20px;
      text-align:left;
    }

    .mxz-home-logo-badge{
      width:72px;
      height:72px;
      border-radius:24px;
      display:grid;
      place-items:center;
      background:rgba(0,0,0,.28);
      border:1px solid var(--accent, #e50914);
      box-shadow:
        0 0 24px rgba(229,9,20,.42),
        inset 0 0 18px rgba(255,255,255,.06);
    }

    .mxz-home-logo-badge img{
      width:58px;
      height:58px;
      object-fit:contain;
      border-radius:18px;
    }

    .mxz-home-brand-text h1{
      margin:0;
      font-size:clamp(30px, 4vw, 58px);
      line-height:.95;
      letter-spacing:0;
      font-weight:950;
    }

    .mxz-home-brand-text h1 span{
      color:var(--text);
    }

    .mxz-home-brand-text h1 strong{
      color:var(--accent);
      text-shadow:0 0 18px rgba(229,9,20,.55);
    }

    .mxz-home-brand-text p{
      margin:8px 0 0;
      color:var(--muted);
      font-weight:800;
      letter-spacing:3px;
      text-transform:uppercase;
      font-size:12px;
    }

    .mxz-category-apps-shell{
      position:relative;
      z-index:1;
      display:flex;
      align-items:center;
      gap:12px;
    }

    .mxz-category-apps-track{
      flex:1;
      display:flex;
      gap:14px;
      overflow-x:auto;
      scroll-behavior:smooth;
      padding:8px 76px 14px 6px;
      scroll-padding-inline:8px 76px;
      overscroll-behavior-inline:contain;
      scrollbar-width:none;
      -webkit-overflow-scrolling:touch;
    }

    .mxz-category-apps-track::-webkit-scrollbar{
      display:none;
    }

    .mxz-category-apps-track::after{
      content:"";
      flex:0 0 58px;
      height:1px;
    }

    .mxz-category-app-card{
      flex:0 0 128px;
      min-height:128px;
      border-radius:24px;
      border:1px solid var(--border-color, rgba(255,255,255,.14));
      background:
        radial-gradient(circle at 50% 0%, rgba(229,9,20,.18), transparent 45%),
        linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
      color:var(--text);
      cursor:pointer;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      gap:12px;
      position:relative;
      overflow:hidden;
      box-shadow:
        0 12px 28px rgba(0,0,0,.26),
        inset 0 0 18px rgba(255,255,255,.035);
      transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
    }

    .mxz-category-app-card::before{
      content:"";
      position:absolute;
      inset:-2px;
      border-radius:inherit;
      background:linear-gradient(135deg, transparent, rgba(229,9,20,.60), transparent);
      opacity:0;
      transition:opacity .22s ease;
      pointer-events:none;
    }

    .mxz-category-app-card i{
      font-size:34px;
      color:var(--accent);
      text-shadow:
        0 0 10px rgba(229,9,20,.80),
        0 0 24px rgba(229,9,20,.52);
      position:relative;
      z-index:1;
    }

    .mxz-app-name{
      position:relative;
      z-index:1;
      font-size:12px;
      font-weight:950;
      line-height:1.15;
      text-transform:uppercase;
      text-align:center;
      color:var(--text);
      padding:0 8px;
      overflow-wrap:anywhere;
    }

    .mxz-category-app-card:hover,
    .mxz-category-app-card.active,
    .mxz-category-app-card.touchZoom{
      transform:translateY(-6px) scale(1.055);
      border-color:var(--accent);
      filter:brightness(1.12);
      box-shadow:
        0 0 0 1px rgba(229,9,20,.75),
        0 0 28px rgba(229,9,20,.55),
        0 18px 40px rgba(0,0,0,.42),
        inset 0 0 24px rgba(255,255,255,.07);
    }

    .mxz-category-app-card:hover::before,
    .mxz-category-app-card.active::before,
    .mxz-category-app-card.touchZoom::before{
      opacity:.55;
    }

    .mxz-category-arrow{
      width:44px;
      height:44px;
      border-radius:16px;
      border:1px solid var(--accent, #e50914);
      background:var(--surface-card, #111827);
      color:var(--accent);
      cursor:pointer;
      display:grid;
      place-items:center;
      box-shadow:0 0 18px rgba(229,9,20,.28);
      transition:.2s ease;
    }

    .mxz-category-arrow:hover{
      transform:scale(1.08);
      background:var(--accent);
      color:var(--button-text);
    }

    .mxz-home-banners{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:18px;
      margin:0 0 22px;
    }

    .mxz-home-banner-card{
      border-radius:28px;
      overflow:hidden;
      border:1px solid var(--border-color, rgba(255,255,255,.12));
      background:#050505;
      box-shadow:
        0 18px 44px rgba(0,0,0,.34),
        inset 0 0 18px rgba(255,255,255,.04);
      transition:.22s ease;
    }

    .mxz-home-banner-card img{
      display:block;
      width:100%;
      aspect-ratio:4/3;
      height:auto;
      object-fit:cover;
      background:#050505;
    }

    .mxz-led-hover{
      transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, filter .22s ease;
    }

    .mxz-led-hover:hover,
    .card:hover,
    .categoryCard:hover,
    .resourceCard:hover,
    .panelBox:hover,
    .infoBox:hover,
    .miniCard:hover,
    .statBox:hover,
    .mxz-plan-card:hover,
    .btn:hover,
    .menuBtn:hover,
    .hamburger:hover,
    .collapseBtn:hover{
      transform:translateY(-4px) scale(1.018);
      border-color:var(--accent) !important;
      filter:brightness(1.08);
      box-shadow:
        0 0 0 1px rgba(229,9,20,.65),
        0 0 24px rgba(229,9,20,.42),
        0 14px 36px rgba(0,0,0,.34),
        inset 0 0 18px rgba(255,255,255,.05) !important;
    }

    .menuBtn.active,
    .mxz-category-app-card.active,
    .card.active,
    .selected{
      border-color:var(--accent) !important;
      box-shadow:
        0 0 0 1px rgba(229,9,20,.70),
        0 0 26px rgba(229,9,20,.42),
        inset 0 0 18px rgba(255,255,255,.055) !important;
    }

    .sidebar .menuBtn{
      position:relative;
      overflow:hidden;
    }

    .sidebar .menuBtn::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg, transparent, rgba(229,9,20,.18), transparent);
      opacity:0;
      transition:.22s ease;
      pointer-events:none;
    }

    .sidebar .menuBtn:hover::after,
    .sidebar .menuBtn.active::after{
      opacity:1;
    }

    .sidebar .menuBtn:hover{
      transform:translateX(4px) scale(1.01);
    }

    @supports (background: color-mix(in srgb, red 50%, transparent)){
      .mxz-home-premium-header{
        background:
          radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 38%),
          linear-gradient(135deg, color-mix(in srgb, var(--surface-card, #111827) 92%, transparent), color-mix(in srgb, var(--primary) 88%, transparent));
        border-color:color-mix(in srgb, var(--accent) 28%, var(--border-color, rgba(255,255,255,.12)));
      }

      .mxz-home-premium-header::before{
        background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 18%, transparent), transparent);
      }

      .mxz-home-logo-badge{
        border-color:color-mix(in srgb, var(--accent) 55%, transparent);
        box-shadow:
          0 0 24px color-mix(in srgb, var(--accent) 42%, transparent),
          inset 0 0 18px rgba(255,255,255,.06);
      }

      .mxz-home-brand-text h1 strong{
        text-shadow:0 0 18px color-mix(in srgb, var(--accent) 55%, transparent);
      }

      .mxz-category-app-card{
        border-color:color-mix(in srgb, var(--accent) 22%, var(--border-color, rgba(255,255,255,.14)));
        background:
          radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 45%),
          linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
      }

      .mxz-category-app-card::before{
        background:linear-gradient(135deg, transparent, color-mix(in srgb, var(--accent) 60%, transparent), transparent);
      }

      .mxz-category-app-card i{
        text-shadow:
          0 0 10px color-mix(in srgb, var(--accent) 80%, transparent),
          0 0 24px color-mix(in srgb, var(--accent) 52%, transparent);
      }

      .mxz-category-app-card:hover,
      .mxz-category-app-card.active{
        box-shadow:
          0 0 0 1px color-mix(in srgb, var(--accent) 75%, transparent),
          0 0 28px color-mix(in srgb, var(--accent) 55%, transparent),
          0 18px 40px rgba(0,0,0,.42),
          inset 0 0 24px rgba(255,255,255,.07);
      }

      .mxz-category-arrow{
        border-color:color-mix(in srgb, var(--accent) 35%, transparent);
        background:color-mix(in srgb, var(--surface-card, #111827) 82%, transparent);
        box-shadow:0 0 18px color-mix(in srgb, var(--accent) 28%, transparent);
      }

      .mxz-home-banner-card{
        border-color:color-mix(in srgb, var(--accent) 26%, var(--border-color, rgba(255,255,255,.12)));
      }

      .mxz-led-hover:hover,
      .card:hover,
      .categoryCard:hover,
      .resourceCard:hover,
      .panelBox:hover,
      .infoBox:hover,
      .miniCard:hover,
      .statBox:hover,
      .mxz-plan-card:hover,
      .btn:hover,
      .menuBtn:hover,
      .hamburger:hover,
      .collapseBtn:hover{
        box-shadow:
          0 0 0 1px color-mix(in srgb, var(--accent) 65%, transparent),
          0 0 24px color-mix(in srgb, var(--accent) 42%, transparent),
          0 14px 36px rgba(0,0,0,.34),
          inset 0 0 18px rgba(255,255,255,.05) !important;
      }

      .menuBtn.active,
      .mxz-category-app-card.active,
      .card.active,
      .selected{
        box-shadow:
          0 0 0 1px color-mix(in srgb, var(--accent) 70%, transparent),
          0 0 26px color-mix(in srgb, var(--accent) 42%, transparent),
          inset 0 0 18px rgba(255,255,255,.055) !important;
      }

      .sidebar .menuBtn::after{
        background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 18%, transparent), transparent);
      }
    }

    @media (min-width:901px){
      .mxz-category-apps-track{
        justify-content:flex-start;
      }

      .mxz-category-app-card{
        flex-basis:126px;
      }
    }

    @media (max-width:900px){
      .mxz-home-premium-header{
        padding:18px 14px;
        border-radius:24px;
      }

      .mxz-home-brand-row{
        justify-content:flex-start;
      }

      .mxz-home-logo-badge{
        width:58px;
        height:58px;
        border-radius:18px;
      }

      .mxz-home-logo-badge img{
        width:46px;
        height:46px;
      }

      .mxz-home-brand-text h1{
        font-size:34px;
      }

      .mxz-home-brand-text p{
        font-size:10px;
        letter-spacing:2px;
      }

      .mxz-category-app-card{
        flex:0 0 106px;
        min-height:112px;
        border-radius:20px;
      }

      .mxz-category-app-card i{
        font-size:28px;
      }

      .mxz-app-name{
        font-size:10.5px;
      }

      .mxz-category-arrow{
        display:none;
      }

      .mxz-home-banner-card{
        border-radius:20px;
      }

      .mxz-home-banners{
        grid-template-columns:1fr;
      }
    }

    @media (max-width:520px){
      .mxz-home-brand-row{
        gap:10px;
      }

      .mxz-home-brand-text h1{
        font-size:29px;
      }

      .mxz-category-app-card{
        flex:0 0 96px;
        min-height:104px;
      }

      .mxz-home-banners{
        gap:12px;
      }
    }

    .grid{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:16px;
      align-items:start;
    }

    .statsGrid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
      gap:14px;
      margin-bottom:18px;
    }

    .statBox{
      width:100%;
      padding:18px;
      border-radius:24px;
    }
    .statBox strong{
      display:block;color:var(--muted);font-size:12px;text-transform:uppercase;margin-bottom:10px;
    }
    .statBox span{
      display:block;font-size:24px;font-weight:950;
      word-break:break-word;
    }

    .card{
      position:relative;overflow:hidden;border-radius:24px;
      background:var(--card-bg);
      border:1px solid rgba(255,255,255,.08);
      box-shadow:var(--shadow);
      cursor:pointer;
      transition:transform .20s ease;
      color:var(--card-text);
      min-width:0;
      
      
    }
    .card:hover{
      transform:translateY(-5px);
      border-color:rgba(229,9,20,.28);
      box-shadow:0 24px 60px rgba(0,0,0,.48);
    }

    .cover{
      background:var(--surface-card, #111);
      overflow:hidden;
      position:relative;
      border-bottom:1px solid rgba(255,255,255,.06);
    }
    .cover.ratio-16-9{aspect-ratio:16/9;}
    .cover.ratio-2-3{aspect-ratio:2/3;}
    .cover.ratio-1-1{aspect-ratio:1/1;}

    .cover::after{
      content:"";
      position:absolute; inset:0;
      background:
        linear-gradient(180deg, rgba(255,255,255,.08), transparent 24%, transparent 75%, rgba(0,0,0,.12));
      pointer-events:none;
    }

    .cover img{
      width:100%;height:100%;object-fit:cover;display:block;
      transition:transform .35s ease;
      opacity: 0;
    }

    img,
    .cover,
    .mxzTheaterRowThumb,
    .folderExplorerThumb,
    .mxzPremiumPlayerThumb,
    .mxzRadioFmQueueRow span,
    .mxzFullMp3Cover,
    .modularEpisodeThumb{
      -webkit-user-drag:none;
      user-select:none;
      -webkit-user-select:none;
      -webkit-touch-callout:none;
    }

    .card:hover .cover img{transform:scale(1.04)}
    .cover img.loaded {
      opacity: 1;
    }
    .cover.loading {
      background: linear-gradient(90deg, rgba(255,255,255,0.03), rgba(255,255,255,0.1), rgba(255,255,255,0.03));
      background-size: 200% 100%;
      animation: mxzShimmer 1.5s infinite linear;
    }

    .cardBody{padding:14px}
    .cardBody h5{
      margin:0 0 7px;
      font-size:15px;font-weight:900;line-height:1.35;
      display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;overflow:hidden;
      min-height:40px;
    }
    .cardBody p{
      margin:0;color:var(--muted);font-size:13px;line-height:1.45;min-height:38px;
      display:-webkit-box;-webkit-line-clamp:3;line-clamp: 3;-webkit-box-orient:vertical;overflow:hidden;
    }

    .ribbon{
      position:absolute;top:12px;left:-8px;
      padding:8px 14px 8px 16px;
      border-radius:0 12px 12px 0;
      background:
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)),
        var(--button-bg);
      color:var(--button-text);
      font-size:11px;font-weight:950;z-index:2;
      max-width:72%;
      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
      box-shadow:0 10px 18px rgba(0,0,0,.25);
    }

    .status{
      position:absolute;top:12px;right:12px;
      padding:7px 10px;border-radius:999px;
      background:rgba(0,0,0,.68);
      border:1px solid rgba(255,255,255,.16);
      font-size:11px;font-weight:900;z-index:2;
      
    }

    .cardActions{
      position:absolute;
      right:10px;
      bottom:10px;
      display:flex;
      gap:8px;
      z-index:3;
    }
    .tinyAction{
      width:36px;height:36px;border:none;border-radius:12px;
      display:grid;place-items:center;cursor:pointer;
      background:rgba(0,0,0,.70);
      color:#fff;
      border:1px solid rgba(255,255,255,.15);
      
      transition:transform .16s ease;
    }
.downloadMiniBtn{
  margin-top:10px;
  border:none;
  background:linear-gradient(180deg,#22c55e,#16a34a);
  color:#fff;
  border-radius:12px;
  padding:7px 12px;
  font-size:12px;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
  transition:.18s ease;
  box-shadow:0 6px 18px rgba(34,197,94,.25);
  width:auto;
}

.downloadMiniBtn:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}

.downloadMiniBtn i{
  font-size:12px;
}

    .tinyAction:hover{transform:translateY(-2px);filter:brightness(1.06)}
    .tinyAction.download{background:rgba(22,163,74,.92)}
    .tinyAction.play{background:rgba(37,99,235,.92)}
    .tinyAction.report{background:rgba(245,158,11,.92)}
    .tinyAction.favorite.active{background:rgba(229,9,20,.92);color:#fff;border-color:rgba(229,9,20,.4)}
    .mxzMobileCardActions{display:none}

    .tinyAction.mxzVlcAction{
      color:#fff;
      background:linear-gradient(145deg,#ff8a00,#e85d04);
      border-color:rgba(255,180,70,.72);
      box-shadow:0 8px 20px rgba(232,93,4,.28);
    }

    .accordion{
      display:grid;gap:10px;margin-bottom:16px;
    }
    .accordionSummary{
      display:flex;flex-wrap:wrap;gap:8px;
    }
    .accChip{
      padding:10px 13px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));cursor:pointer;font-weight:800;font-size:12px;color:var(--text);
      box-shadow:var(--shadow-soft);
    }
    .accChip.active{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)), rgba(229,9,20,.12);border-color:rgba(229,9,20,.28)}

    .historyList{display:grid;gap:10px}
    .historyItem{
      padding:14px;border-radius:20px;
    }

    .countryBox,.accountsBox{
      padding:18px;border-radius:24px;
    }

    .accountsBox h5,.countryBox h5{margin:0 0 12px;font-size:18px;font-weight:950}
    .accountsBox .htmlContent{
      line-height:1.7;color:var(--text);font-size:14px;
      word-break:break-word;
    }

    .footer{
      margin-top:28px;padding:18px 0 10px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;text-align:center;
    }
    .footerIcons{
      display:flex;justify-content:center;gap:14px;margin-top:12px;flex-wrap:wrap;
    }
    .footerIcons a{
      width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
      background:rgba(255,255,255,.06);border:1px solid var(--line);font-size:18px;
      box-shadow:var(--shadow-soft);
    }

    .fab{
      position:fixed;right:14px;bottom:14px;width:48px;height:48px;border-radius:50%;
      display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:var(--shadow);z-index:160;font-size:20px;
      transition:opacity .2s ease, visibility .2s ease, transform .2s ease;
    }

    .toTopBtn{
      position:fixed;right:14px;bottom:128px;width:44px;height:44px;border-radius:50%;
      display:none;place-items:center;background:var(--surface-card, #111);color:#fff;box-shadow:var(--shadow);z-index:160;font-size:18px;border:1px solid var(--line);
    }

    .mxzIaFab{
      position:fixed;right:14px;bottom:72px;width:48px;height:48px;border-radius:50%;
      display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);
      background:linear-gradient(135deg, var(--accent), var(--secondary, #23c55e));color:var(--button-text, #07110c);
      box-shadow:var(--shadow), 0 0 0 0 color-mix(in srgb, var(--accent) 35%, transparent);
      z-index:161;font-size:20px;cursor:pointer;animation:mxzIaPulse 2.8s ease-in-out infinite;
    }
    .mxzIaFab:hover{transform:translateY(-2px)}
    @keyframes mxzIaPulse{
      0%,100%{box-shadow:0 16px 42px rgba(0,0,0,.28), 0 0 0 0 rgba(35,197,94,.28)}
      50%{box-shadow:0 16px 42px rgba(0,0,0,.28), 0 0 0 10px rgba(35,197,94,0)}
    }
    .mxzIaPanel{
      position:fixed;right:74px;bottom:18px;width:min(390px, calc(100vw - 28px));height:min(620px, calc(100vh - 36px));
      display:none;grid-template-rows:auto 1fr auto auto;overflow:hidden;border-radius:24px;
      background-color:var(--surface-card, #12161f);
      background:var(--gloss), linear-gradient(180deg, color-mix(in srgb, var(--surface-card, #12161f) 94%, var(--accent) 6%), color-mix(in srgb, var(--primary, #090b12) 94%, #000 6%));
      border:1px solid var(--line);box-shadow:var(--shadow);z-index:250;color:var(--text);
      backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
    }
    .mxzIaPanel.open{display:grid;animation:floatIn .24s ease}
    .mxzIaHead{
      display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;
      border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface-card, #151923) 84%, var(--accent) 16%);
    }
    .mxzIaHead strong{display:block;font-size:16px;font-weight:950}
    .mxzIaHead span{display:block;color:var(--muted);font-size:12px;margin-top:2px}
    .mxzIaHeadActions{display:flex;gap:8px}
    .mxzIaHeadActions button,.mxzIaComposer button{
      width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;
      background:var(--input-bg, rgba(255,255,255,.08));color:var(--text);cursor:pointer;
    }
    .mxzIaMic.listening{
      background:var(--accent) !important;color:var(--button-text, #07110c) !important;
      animation:mxzIaPulse 1.1s ease-in-out infinite;
    }
    .mxzIaMessages{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:10px}
    .mxzIaMsg{max-width:88%;padding:11px 12px;border-radius:16px;font-size:13px;line-height:1.45;word-break:break-word}
    .mxzIaMsg.user{align-self:flex-end;background:var(--accent);color:var(--button-text, #07110c);border-bottom-right-radius:6px;font-weight:800}
    .mxzIaMsg.bot{align-self:flex-start;background:var(--input-bg, rgba(255,255,255,.08));border:1px solid var(--line);color:var(--text);border-bottom-left-radius:6px}
    .mxzIaMsg.bot strong{display:block;margin-bottom:6px}
    .mxzIaResultList{display:grid;gap:8px;margin-top:8px}
    .mxzIaResultList button,.mxzIaSuggestions button{
      border:1px solid var(--line);border-radius:14px;padding:9px 10px;text-align:left;background:var(--input-bg, rgba(255,255,255,.07));
      color:var(--text);cursor:pointer;font-weight:800;font-size:12px;
    }
    .mxzIaInfoCard{display:grid;gap:8px}
    .mxzIaInfoCard p{margin:0;color:var(--text);font-size:13px;line-height:1.45}
    .mxzIaInfoCard b{color:var(--accent)}
    .mxzIaActionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
    .mxzIaActionGrid button{border:1px solid var(--line);border-radius:14px;padding:9px;background:color-mix(in srgb, var(--accent) 18%, var(--input-bg, #151923));color:var(--text);font-weight:900;cursor:pointer}
    @supports not (background: color-mix(in srgb, red 50%, blue)){
      .mxzIaPanel{background:var(--surface-card, #12161f)}
      .mxzIaHead{background:var(--surface-card, #151923)}
      .mxzIaActionGrid button{background:var(--input-bg, rgba(255,255,255,.08))}
    }
    .mxzIaSuggestions{display:flex;gap:8px;padding:0 14px 12px;overflow:auto}
    .mxzIaSuggestions button{white-space:nowrap}
    .mxzIaComposer{display:flex;align-items:center;gap:8px;padding:12px;border-top:1px solid var(--line);background:rgba(0,0,0,.18)}
    .mxzIaComposer input{
      min-width:0;flex:1;height:42px;border-radius:999px;border:1px solid var(--line);background:var(--input-bg, rgba(255,255,255,.08));
      color:var(--text);padding:0 14px;outline:none;
    }
    .mxzIaComposer input::placeholder{color:var(--muted)}
    .mxzIaComposer button[type="submit"]{background:var(--accent);color:var(--button-text, #07110c);border-color:transparent}

    @media (max-width: 640px){
      .mxzIaPanel{
        right:10px;left:10px;bottom:10px;width:auto;height:min(76vh,620px);border-radius:22px;
      }
      .mxzIaFab{right:12px;bottom:72px}
      .fab{right:12px;bottom:14px}
      .toTopBtn{right:14px;bottom:128px}
      .mxzIaMsg{max-width:94%}
      .mxzIaSuggestions{padding-bottom:10px}
    }

    .overlay{
      position:fixed;inset:0;background:rgba(0,0,0,.78);display:none;align-items:center;justify-content:center;padding:18px;z-index:100;
      backdrop-filter:blur(6px);
      -webkit-backdrop-filter:blur(6px);
    }
    #messageModal,
    #confirmModal,
    #premiumContentWarningModal{
      z-index:2147483200 !important;
    }

    #sessionExpiredModal{
      z-index:2147483600 !important;
    }
    .modalCard{
      width:min(560px,100%);
      border-radius:30px;padding:24px;
      background:var(--gloss), linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
      border:1px solid var(--line);
      box-shadow:var(--shadow);
      backdrop-filter:blur(20px);
      -webkit-backdrop-filter:blur(20px);
    }
    .videoCard{
      width:min(1180px,100%);
      max-height:min(94vh,980px);overflow:auto;
      border-radius:30px;padding:18px;
      background:#0b0d12;
      border:1px solid var(--line);
      box-shadow:var(--shadow);
    }
    .modalCard h3,.videoCard h3{margin:0 0 10px;font-size:24px;font-weight:950}
    .modalCard p,.videoCard p{margin:0 0 16px;color:var(--muted)}
    .videoWrap{
      position:relative;
      width:100%;
      aspect-ratio:16/9;
      min-height:min(68vh,680px);
      background:var(--surface-card, #000);
      border-radius:20px;
      overflow:hidden;
      border:1px solid var(--line);
    }
    .videoWrap iframe,.videoWrap video{
      width:100%;height:100%;border:none;
    }
    .mxzVideoModalActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
    .mxzVideoModalProgress{min-width:70px;text-align:center;color:var(--text);font-weight:950;font-size:13px}

    .tableWrap{
      overflow:auto;
      border:1px solid var(--line);
      border-radius:18px;
      background:rgba(255,255,255,.03);
    }
    table{
      width:100%;
      border-collapse:collapse;
      min-width:900px;
    }
    th,td{
      padding:12px 14px;
      border-bottom:1px solid var(--line);
      text-align:left;
      font-size:14px;
    }
    th{color:var(--muted);font-size:12px;text-transform:uppercase}
    td{color:var(--text)}

    .smallHelp{
      color:var(--muted);
      font-size:12px;
      margin-top:6px;
      line-height:1.45;
    }

    .loadMoreWrap{
      display:flex;justify-content:center;margin-top:18px;
    }

    .loaderBar{
      display:inline-flex;align-items:center;gap:10px;
      padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.06);
      border:1px solid var(--line);font-size:13px;font-weight:800;
      box-shadow:var(--shadow-soft);
    }

    .sidebarOverlay{
      position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;z-index:79;
      backdrop-filter:blur(2px);
      -webkit-backdrop-filter:blur(2px);
    }

    @media (min-width: 901px) {
    .sidebarCollapsed .app{grid-template-columns:92px minmax(0,1fr)}
    .sidebarCollapsed .sidebar{width:92px}
    .sidebarCollapsed .sideBrand div,
    .sidebarCollapsed .menuBtn span,
    .sidebarCollapsed .menuBtn .badge,
    .sidebarCollapsed .sidebarFoot .menuBtn span,
    .sidebarCollapsed .mxzSidebarSubcategoryWrap{
      display:none;
    }
    .sidebarCollapsed .menuBtn{
      justify-content:center;
      padding:12px;
    }
    .sidebarCollapsed .sideBrand{
      justify-content:center;
      padding:10px;
    }
    .sidebarCollapsed.sidebarPeek .sidebar{
      width:var(--sidebar-w);
      box-shadow:0 0 0 1px var(--border-color, rgba(255,255,255,.12)), 0 24px 70px rgba(0,0,0,.46);
    }
    .sidebarCollapsed.sidebarPeek .sideBrand div,
    .sidebarCollapsed.sidebarPeek .menuBtn span,
    .sidebarCollapsed.sidebarPeek .menuBtn .badge,
    .sidebarCollapsed.sidebarPeek .sidebarFoot .menuBtn span{
      display:inline;
    }
    .sidebarCollapsed.sidebarPeek .sideBrand div{
      display:block;
    }
    .sidebarCollapsed.sidebarPeek .menuBtn{
      justify-content:flex-start;
      padding:13px 14px;
    }
    .sidebarCollapsed.sidebarPeek .sideBrand{
      justify-content:flex-start;
      padding:14px;
    }
    }


    .authChecks{display:grid;gap:8px;margin:8px 0 14px 2px}
    .authChecks label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;cursor:pointer}
    .authChecks input{width:auto;accent-color:#e50914}

    .topWelcome{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
    .topWelcomeText{font-size:13px;font-weight:950;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}
    .topWelcomeLogo{width:58px;height:58px;border-radius:18px;object-fit:cover;background:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow-soft)}

    .accountGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
    .accountStateBadge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));font-size:12px;font-weight:900}
    .mxzThemeBuilder{margin-top:16px;display:grid;gap:14px}
    .mxzThemeBuilderHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
    .mxzThemeBuilderHead h4{margin:0;display:flex;align-items:center;gap:10px;font-size:20px}
    .mxzThemeBuilderHead h4 i{color:var(--accent)}
    .mxzThemeBuilderHead p{margin:6px 0 0;color:var(--muted);font-size:13px}
    .mxzThemeBuilderGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
    .mxzThemeField{display:grid;gap:8px;min-width:0}
    .mxzThemeField span{font-size:12px;font-weight:950;color:var(--muted);text-transform:uppercase}
    .mxzThemeField select,.mxzThemeField input:not([type="color"]){width:100%;min-height:42px;border:1px solid var(--border-color,var(--line));border-radius:14px;background:var(--input-bg);color:var(--input-text);padding:0 12px;outline:none}
    .mxzColorControl{height:42px;border:1px solid var(--border-color,var(--line));border-radius:14px;background:var(--input-bg);display:flex;align-items:center;gap:10px;padding:6px}
    .mxzColorControl input{width:44px;height:30px;border:0;background:transparent;padding:0;cursor:pointer}
    .mxzColorControl b{display:block;flex:1;height:100%;border-radius:10px;border:1px solid rgba(255,255,255,.14)}
    .mxzThemeImageField{margin-top:2px}
    .mxzThemeImageActions{display:flex;gap:10px;flex-wrap:wrap}
    .mxzThemeImageField small{color:var(--muted);font-size:12px;font-weight:800}
    .mxzThemeImageThumb{width:100%;height:86px;border:1px dashed var(--border-color,var(--line));border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025));background-size:cover;background-position:center;overflow:hidden}
    .mxzThemeImageThumb:not(.hasImage)::before{content:"Vista previa de imagen";height:100%;display:grid;place-items:center;color:var(--muted);font-size:12px;font-weight:900}
    .mxzThemePreview{height:122px;border:1px solid var(--border-color,var(--line));border-radius:20px;overflow:hidden;display:grid;grid-template-columns:96px minmax(0,1fr);background:linear-gradient(180deg,var(--preview-bg,#050505),color-mix(in srgb,var(--preview-bg,#050505) 72%,var(--preview-accent,#e50914)));background-size:cover;background-position:center;box-shadow:var(--shadow-soft)}
    .mxzThemePreviewSide{background:linear-gradient(180deg,var(--preview-sidebar,#111827),color-mix(in srgb,var(--preview-sidebar,#111827) 74%,var(--preview-accent,#e50914)));border-right:1px solid color-mix(in srgb,var(--preview-accent,#e50914) 32%,transparent)}
    .mxzThemePreviewMain{padding:18px;display:grid;align-content:center;gap:10px;color:var(--preview-text,#fff)}
    .mxzThemePreviewMain span,.mxzThemePreviewMain strong,.mxzThemePreviewMain small{display:block;border-radius:999px;background:var(--preview-card,#111827)}
    .mxzThemePreviewMain span{width:68%;height:14px}
    .mxzThemePreviewMain strong{width:max-content;max-width:100%;min-height:30px;padding:6px 12px;background:linear-gradient(135deg,var(--preview-accent,#e50914),color-mix(in srgb,var(--preview-accent,#e50914) 68%,#fff));color:#fff;font-size:16px;line-height:1.1;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .mxzThemePreviewMain small{width:max-content;max-width:86%;min-height:18px;padding:3px 10px;opacity:.72;color:var(--preview-text,#fff);font-size:12px;line-height:1}
    .mxzThemeNameRow input{width:100%;min-height:42px;border:1px solid var(--border-color,var(--line));border-radius:14px;background:var(--input-bg);color:var(--input-text);padding:0 12px;outline:none}
    .mxzThemeActions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
    .mxzSavedThemes{display:grid;gap:10px;border-top:1px solid var(--border-color,var(--line));padding-top:14px}
    .mxzSavedThemesHead{display:flex;align-items:center;justify-content:space-between;gap:10px}
    .mxzSavedThemesHead strong{font-size:14px}
    .mxzSavedThemesHead span{font-size:12px;color:var(--muted);font-weight:900}
    .mxzSavedThemeGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
    .mxzSavedThemeCard{min-width:0;border:1px solid var(--border-color,var(--line));border-radius:16px;background:color-mix(in srgb,var(--surface-card) 90%,transparent);padding:10px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center}
    .mxzSavedThemeSwatch{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--saved-bg),var(--saved-card) 54%,var(--saved-accent));border:1px solid color-mix(in srgb,var(--saved-accent) 45%,transparent)}
    .mxzSavedThemeInfo{min-width:0}
    .mxzSavedThemeInfo strong,.mxzSavedThemeInfo small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .mxzSavedThemeInfo strong{font-size:13px}
    .mxzSavedThemeInfo small{font-size:11px;color:var(--muted);font-weight:800}
    .mxzSavedThemeActions{display:flex;gap:5px}
    .mxzSavedThemeActions button{width:30px;height:30px;border:1px solid var(--border-color,var(--line));border-radius:10px;background:var(--secondary-button-bg);color:var(--secondary-button-text);display:grid;place-items:center;cursor:pointer}
    .mxzSavedThemeActions button:hover{border-color:var(--accent);color:var(--accent)}
    .mxzEffectTransparent .authCard,.mxzEffectTransparent .panelBox,.mxzEffectTransparent .statBox,.mxzEffectTransparent .infoBox,.mxzEffectTransparent .simpleBox,.mxzEffectTransparent .countryBox,.mxzEffectTransparent .accountsBox,.mxzEffectTransparent .historyItem,.mxzEffectTransparent .miniCard,.mxzEffectTransparent .sectionAccordionItem,.mxzEffectTransparent .modalCard,.mxzEffectTransparent .videoCard,.mxzEffectTransparent .card{background:color-mix(in srgb,var(--surface-card) 68%,transparent)!important}
    .mxzEffectGlass .authCard,.mxzEffectGlass .panelBox,.mxzEffectGlass .statBox,.mxzEffectGlass .infoBox,.mxzEffectGlass .simpleBox,.mxzEffectGlass .countryBox,.mxzEffectGlass .accountsBox,.mxzEffectGlass .historyItem,.mxzEffectGlass .miniCard,.mxzEffectGlass .sectionAccordionItem,.mxzEffectGlass .modalCard,.mxzEffectGlass .videoCard,.mxzEffectGlass .card,.mxzEffectGlass .topbar,.mxzEffectGlass .sidebar{background:color-mix(in srgb,var(--surface-card) 74%,transparent)!important;backdrop-filter:blur(18px) saturate(1.2)!important;-webkit-backdrop-filter:blur(18px) saturate(1.2)!important}
    .mxzEffectNeon .authCard,.mxzEffectNeon .panelBox,.mxzEffectNeon .statBox,.mxzEffectNeon .infoBox,.mxzEffectNeon .simpleBox,.mxzEffectNeon .countryBox,.mxzEffectNeon .accountsBox,.mxzEffectNeon .historyItem,.mxzEffectNeon .miniCard,.mxzEffectNeon .sectionAccordionItem,.mxzEffectNeon .modalCard,.mxzEffectNeon .videoCard,.mxzEffectNeon .card{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 42%,transparent),0 0 28px color-mix(in srgb,var(--accent) 24%,transparent)!important}

    .sectionAccordion{display:grid;gap:14px}
    .sectionAccordionItem{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));box-shadow:var(--shadow-soft)}
    .sectionAccordionHead{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border:none;background:transparent;color:var(--text);font-weight:900;cursor:pointer}
    .sectionAccordionBody{padding:0 18px 18px;display:none}
    .sectionAccordionItem.open .sectionAccordionBody{display:block}
    .sectionAccordionMeta{color:var(--muted);font-size:13px}

    .resourceFrame{position:relative;width:100%;min-height:70vh;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--surface-card, #000)}
    .resourceFrame iframe,.resourceFrame img,.resourceFrame video{width:100%;height:70vh;border:none;display:block;object-fit:contain;background:var(--surface-card, #000)}
    .resourceActions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:14px}

    .lightModeFix{--muted:rgba(17,17,17,.72);--line:rgba(17,17,17,.12);--line-strong:rgba(17,17,17,.20)}
    .lightModeFix select option,.lightModeFix .topSelect option{background:#ffffff;color:#111111}
    .lightModeFix .pill,.lightModeFix .menuBtn .badge{color:rgba(17,17,17,.72)}
    .lightModeFix .status{background:rgba(255,255,255,.86);color:#111}
    .lightModeFix select, .lightModeFix .topSelect {
      background-image:
        linear-gradient(45deg, transparent 50%, #111 50%),
        linear-gradient(135deg, #f5f1f1 50%, transparent 50%) !important;
      background-size: 6px 6px, 6px 6px !important;
      background-position: calc(100% - 18px) calc(50% - 3px), calc(100% - 12px) calc(50% - 3px) !important;
      background-repeat: no-repeat !important;
    }


body.themedSurface::before{background:var(--app-background, linear-gradient(180deg, var(--primary), var(--secondary)));opacity:1}
body.themedSurface::after{background:var(--app-overlay, none)}
.authWrap{background:var(--login-background, transparent);background-size:cover;background-position:center}
.sidebar{background:var(--sidebar-background, var(--secondary)) !important;background-size:cover !important;background-position:center !important;color:var(--sidebar-text, var(--text));backdrop-filter:none;-webkit-backdrop-filter:none}
.topbar{background:var(--topbar-background, #ffffff12);color:var(--topbar-text, var(--text));backdrop-filter:none;-webkit-backdrop-filter:none}
.hero{background:var(--hero-background, #ffffff10);background-size:cover;background-position:center;backdrop-filter:none;-webkit-backdrop-filter:none}
.authCard, .panelBox, .statBox, .infoBox, .simpleBox, .countryBox, .accountsBox, .historyItem, .miniCard, .sectionAccordionItem, .modalCard, .videoCard, .card{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:var(--surface-card, #ffffff);border:1px solid var(--border-color, var(--line));box-shadow:var(--shadow-soft)}
.authCard, .panelBox, .statBox, .infoBox, .simpleBox, .countryBox, .accountsBox, .historyItem, .miniCard, .sectionAccordionItem, .modalCard, .videoCard, .card{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:var(--surface-card, var(--card-bg, #111827));border:1px solid var(--border-color, var(--line));box-shadow:var(--shadow-soft)}
.search,.field,.menuBtn,.pill,.noticeBar,.footerIcons a,.tinyAction,.topSelect,.accChip{backdrop-filter:none;-webkit-backdrop-filter:none}
.sectionSurface{background:var(--section-background, transparent);padding:18px;border-radius:28px}
.sectionSurface{background:var(--section-background, transparent);padding:18px;border-radius:28px; transition: background 0.3s ease;}

/* Estilo global para el fondo de categorías */
.categoryBackgroundFix, .categoryBgArea {
  position: relative;
  z-index: 1;
  background: var(--categories-background, transparent) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-attachment: scroll !important;
}

.searchTools{display:grid;gap:12px;margin-bottom:14px}
.searchBarInline{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.historyTags{display:flex;flex-wrap:wrap;gap:8px}
.historyTag{padding:8px 12px;border-radius:999px;border:1px solid var(--border-color, var(--line));background:var(--secondary-button-bg, rgba(255,255,255,.06));color:var(--secondary-button-text, var(--text));cursor:pointer;font-weight:700;font-size:12px}
.mxzLiveTvCountries{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:thin}
.mxzLiveTvCountries button{flex:0 0 auto;border:1px solid var(--border-color,var(--line));border-radius:999px;background:var(--secondary-button-bg,rgba(255,255,255,.06));color:var(--secondary-button-text,var(--text));padding:9px 12px;font-size:12px;font-weight:900;cursor:pointer}
.mxzLiveTvCountries button.active,.mxzLiveTvCountries button:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 18%,transparent)}
.mxzLiveTvPlayer video{width:100%;height:100%;background:#000;object-fit:contain}
.mxzLiveTvPlayer.hasLiveTvError{background:radial-gradient(circle at 50% 20%,rgba(229,9,20,.18),#050505 62%);padding:18px}
.mxzLiveTvError{width:min(420px,92%);min-height:220px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(10,10,10,.78);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.45)}
.mxzLiveTvError i{font-size:34px;color:var(--accent);filter:drop-shadow(0 0 16px color-mix(in srgb,var(--accent) 45%,transparent))}
.mxzLiveTvError strong{font-size:20px;font-weight:950}
.mxzLiveTvError span{font-size:13px;font-weight:900;color:rgba(255,255,255,.86)}
.mxzLiveTvError p{margin:0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.45}
.mxzLiveTvError button{margin-top:6px;height:40px;border:1px solid var(--accent);border-radius:14px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:950;cursor:pointer;padding:0 14px}
.mxzLiveTvError button:hover{filter:brightness(1.08)}
.mxzRadioFmHero{
  width:min(1180px,100%);
  padding:24px;
  border-radius:28px;
  margin-bottom:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 12%, color-mix(in srgb,var(--accent) 34%,transparent), transparent 32%),
    linear-gradient(135deg, color-mix(in srgb,var(--surface-card) 88%,#000 12%), color-mix(in srgb,var(--accent) 18%,var(--primary)));
}
.mxzRadioFmHero h3{margin:6px 0;font-size:clamp(24px,3vw,42px);font-weight:950;letter-spacing:0}
.mxzRadioFmHero p{max-width:680px;margin:0;color:var(--muted);font-weight:700;line-height:1.5}
.mxzRadioFmKicker{font-size:12px;font-weight:950;color:var(--accent);text-transform:uppercase}
.mxzRadioFmBadge{width:112px;height:112px;border-radius:28px;background:var(--button-bg);color:var(--button-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:950;box-shadow:0 18px 42px color-mix(in srgb,var(--accent) 34%,transparent)}
.mxzRadioFmBadge i{font-size:34px}
.mxzRadioFmCard .cover{
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 30% 20%, color-mix(in srgb,var(--accent) 24%,transparent), transparent 38%),
    linear-gradient(160deg, color-mix(in srgb,var(--surface-card) 84%,#000 16%), color-mix(in srgb,var(--accent) 18%,var(--primary)));
}
.mxzRadioFmCard .cover img{
  width:72% !important;
  height:72% !important;
  object-fit:contain !important;
  border-radius:24px;
  background:rgba(255,255,255,.94);
  padding:10px;
  box-shadow:0 18px 40px rgba(0,0,0,.25);
  transform:none !important;
}
.resourceInlineWrap.mxzTheaterActive:has(.mxzRadioFmPlayerView){width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
.mxzRadioFmPlayerView{width:100%;min-height:calc(100vh - 150px);display:grid;gap:14px}
.mxzRadioFmShell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;min-height:calc(100vh - 230px)}
.mxzRadioFmNow,.mxzRadioFmQueue{border:1px solid var(--border-color,var(--line));border-radius:28px;background:var(--surface-card);box-shadow:var(--shadow-soft);padding:18px}
.mxzRadioFmNow{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;position:relative;overflow:hidden;min-height:100%;padding:76px 28px 28px}
.mxzRadioFmNow::before{content:"";position:absolute;inset:auto -10% -38% 20%;height:70%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 28%,transparent),transparent 64%);pointer-events:none}
.mxzRadioFmInlineActions{position:absolute;z-index:5;top:16px;left:16px;right:16px;width:auto;display:flex;justify-content:space-between;gap:10px;margin-bottom:4px;pointer-events:none}
.mxzRadioFmInlineActions button{height:38px;max-width:46%;border-radius:999px;border:1px solid var(--border-color,var(--line));background:color-mix(in srgb,var(--surface-card) 84%,transparent);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font-weight:950;cursor:pointer;box-shadow:var(--shadow-soft);pointer-events:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mxzRadioFmInlineActions button:hover{border-color:var(--accent);color:var(--accent)}
.mxzRadioFmCover{position:relative;z-index:1;width:min(220px,46%);aspect-ratio:1;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03));display:flex;align-items:center;justify-content:center;box-shadow:0 24px 60px rgba(0,0,0,.34)}
.mxzRadioFmCover img{width:78%;height:78%;object-fit:contain;border-radius:22px;background:rgba(255,255,255,.94);padding:12px}
.mxzRadioFmMeta{position:relative;z-index:1;min-width:0;width:min(460px,100%)}
.mxzRadioFmMeta span{font-size:12px;font-weight:950;text-transform:uppercase;color:var(--accent)}
.mxzRadioFmMeta h3{margin:8px 0 6px;font-size:clamp(22px,2.6vw,38px);line-height:1.08;font-weight:950;letter-spacing:0;overflow-wrap:anywhere;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mxzRadioFmMeta p{margin:0;color:var(--muted);font-weight:800;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mxzRadioFmNow audio{position:relative;z-index:1;width:min(560px,100%);height:42px;accent-color:var(--accent)}
.mxzRadioFmControls{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:12px}
.mxzRadioFmControls button{width:48px;height:48px;border-radius:50%;border:1px solid var(--border-color,var(--line));background:var(--secondary-button-bg);color:var(--secondary-button-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:17px}
.mxzRadioFmControls button.primary{width:62px;height:62px;background:var(--button-bg);color:var(--button-text);border-color:var(--button-bg);box-shadow:0 0 28px color-mix(in srgb,var(--accent) 34%,transparent)}
.mxzRadioFmVisualizer{height:44px;display:flex;align-items:end;justify-content:center;gap:7px;position:relative;z-index:1}
.mxzRadioFmVisualizer i{width:8px;border-radius:999px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 42%,transparent));animation:mxzRadioBars 1s ease-in-out infinite;height:18px}
.mxzRadioFmVisualizer i:nth-child(2n){animation-delay:.12s;height:30px}.mxzRadioFmVisualizer i:nth-child(3n){animation-delay:.24s;height:24px}.mxzRadioFmVisualizer i:nth-child(4n){animation-delay:.36s;height:36px}
@keyframes mxzRadioBars{0%,100%{transform:scaleY(.55);opacity:.65}50%{transform:scaleY(1);opacity:1}}
.mxzRadioFmQueue{max-height:none;min-height:100%;overflow:hidden;display:flex;flex-direction:column}
.mxzRadioFmQueueHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.mxzRadioFmQueueHead strong{font-size:18px;font-weight:950}.mxzRadioFmQueueHead span{color:var(--muted);font-size:12px;font-weight:900}
.mxzRadioFmQueueList{display:grid;gap:8px;overflow:auto;padding-right:4px}
.mxzRadioFmQueueRow{display:grid;grid-template-columns:50px minmax(0,1fr) auto;grid-template-areas:"thumb title icon" "thumb meta icon";gap:2px 10px;align-items:center;border:1px solid var(--border-color,var(--line));border-radius:16px;background:rgba(255,255,255,.035);color:var(--text);padding:8px;text-align:left;cursor:pointer}
.mxzRadioFmQueueRow span{grid-area:thumb;width:50px;height:50px;border-radius:12px;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;overflow:hidden}
.mxzRadioFmQueueRow img{width:100%;height:100%;object-fit:contain;padding:5px}
.mxzRadioFmQueueRow strong{grid-area:title;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:950}
.mxzRadioFmQueueRow small{grid-area:meta;color:var(--muted);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mxzRadioFmQueueRow i{grid-area:icon;color:var(--accent)}
.mxzRadioFmQueueRow.active,.mxzRadioFmQueueRow:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.mxzFullMp3Hero{background:
  radial-gradient(circle at 12% 18%, color-mix(in srgb,var(--accent) 28%,transparent), transparent 34%),
  radial-gradient(circle at 86% 16%, rgba(59,130,246,.22), transparent 30%),
  linear-gradient(135deg, color-mix(in srgb,var(--surface-card) 90%,#000 10%), color-mix(in srgb,var(--accent) 16%,var(--primary)))}
.mxzFullMp3Badge{background:linear-gradient(145deg,var(--button-bg),color-mix(in srgb,var(--button-bg) 72%,#22d3ee));}
.mxzFullMp3Card .cover{background:
  radial-gradient(circle at 26% 18%, color-mix(in srgb,var(--accent) 24%,transparent), transparent 34%),
  linear-gradient(150deg, color-mix(in srgb,var(--surface-card) 88%,#000 12%), color-mix(in srgb,var(--accent) 16%,var(--primary)))}
.mxzFullMp3Card .ribbon{background:rgba(20,184,166,.90)}
.mxzFullMp3Card .status{background:rgba(245,158,11,.92)}
.mxzFullMp3Now::before{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 30%,transparent),transparent 64%)}
.mxzFullMp3Cover img{object-fit:cover}
.mxzFolderAudioNativeWrap{position:relative;z-index:1;width:min(640px,100%);display:grid;place-items:center}
.mxzFolderAudioNativeWrap audio{width:100%}
.mxzFolderDriveAudioFrame{width:100%;aspect-ratio:16/9;min-height:220px;border-radius:22px;overflow:hidden;background:#050505;border:1px solid var(--border-color,var(--line));box-shadow:0 18px 48px rgba(0,0,0,.36)}
.mxzFolderDriveAudioFrame iframe{width:100%;height:100%;border:0;display:block;background:#000}
.mxzFullMp3PlayerPager{padding-top:10px}
.mxzFullMp3MiniPager{margin:0;justify-content:center;gap:5px}
.mxzFullMp3MiniPager button,.mxzFullMp3MiniPager span{min-width:30px;height:30px;font-size:11px}
.mxzFancyVideoBox.audio{min-height:220px;display:flex;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 20%,transparent),rgba(0,0,0,.82))}
.mxzFancyVideoBox.audio audio{width:min(640px,92%);accent-color:var(--accent)}
.mxzFancyVideoBox.driveAudio{width:100%;height:100%;min-height:360px;background:#000;border-radius:18px;overflow:hidden}
.mxzFancyVideoBox.driveAudio iframe{width:100%;height:100%;min-height:360px;border:0;display:block;background:#000}
.activeDot{width:10px;height:10px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}
.panelTopTools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.resourceInlineWrap{display:grid;gap:14px;margin-top:18px}
.subcategoryPanel{border:1px solid var(--border-color, var(--line));border-radius:22px;background:var(--surface-card, #111827);box-shadow:var(--shadow-soft)}
.subcategoryPanelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap}
.subcategoryPanelHeaderLeft{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.subcategoryPanelBody{display:none;padding:14px 16px;max-height:340px;overflow:auto}
.subcategoryPanelBody.open{display:block}
.subcategorySearch{margin:0 0 12px}
.subcategoryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.subcategoryOption{display:block;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--border-color, var(--line));background:rgba(255,255,255,.03);color:var(--text);border-radius:14px;cursor:pointer;font-weight:800}
.subcategoryOption:hover{background:rgba(255,255,255,.06);border-color:rgba(229,9,20,.28)}
.subcategoryOption.active{background:rgba(229,9,20,.12);border-color:rgba(229,9,20,.40)}
.subcategoryCount{font-size:12px;color:var(--muted);font-weight:800}
.inlineViewerCard{padding:18px;border-radius:24px;border:1px solid var(--border-color, var(--line));background:var(--surface-card, #111827);box-shadow:var(--shadow-soft)}
.inlineViewerHeader{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.adminUserList{display:grid;gap:14px}
.adminUserCard{border:1px solid var(--border-color, var(--line));border-radius:24px;padding:18px;background:var(--surface-card, #fff);box-shadow:var(--shadow-soft)}
.adminUserHead{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.adminUserMeta{font-size:12px;color:var(--muted);text-transform:uppercase;font-weight:800;margin-bottom:6px}
.adminUserValue{font-weight:900;word-break:break-word}
.adminUserActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border-color, var(--line))}
.mutedText{color:var(--muted)}

@media (max-width:520px){.adminUserHead,.searchBarInline{grid-template-columns:1fr}.subcategoryGrid{grid-template-columns:1fr}}

.mxzPremiumIptvView{
  width:100%;
  display:grid;
  gap:16px;
}
.mxzPremiumIptvHero{
  width:min(1180px,100%);
  min-height:190px;
  padding:24px;
  border-radius:28px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);
  align-items:center;
  gap:18px;
  overflow:hidden;
  position:relative;
  border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border-color,var(--line)));
  background:
    radial-gradient(circle at 12% 12%, color-mix(in srgb,var(--accent) 34%,transparent), transparent 34%),
    radial-gradient(circle at 82% 14%, rgba(14,165,233,.22), transparent 30%),
    linear-gradient(135deg, color-mix(in srgb,var(--surface-card) 88%,#020617 12%), color-mix(in srgb,var(--accent) 16%,var(--primary)));
  box-shadow:var(--shadow);
}
.mxzPremiumIptvKicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--accent);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
}
.mxzPremiumIptvHero h3{
  margin:8px 0;
  font-size:clamp(28px,4vw,52px);
  line-height:1;
  font-weight:950;
  letter-spacing:0;
}
.mxzPremiumIptvHero p{
  margin:0;
  color:var(--muted);
  max-width:720px;
  font-weight:750;
  line-height:1.5;
}
.mxzPremiumIptvStats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.mxzPremiumIptvStats button{
  min-height:82px;
  border-radius:18px;
  border:1px solid var(--border-color,var(--line));
  background:rgba(255,255,255,.055);
  color:var(--text);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  padding:14px;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.mxzPremiumIptvStats button strong{
  font-size:28px;
  line-height:1;
  font-weight:950;
  color:var(--accent);
}
.mxzPremiumIptvStats button span{
  margin-top:6px;
  color:var(--muted);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
}
.mxzPremiumIptvStats button:hover,
.mxzPremiumIptvStats button.active{
  border-color:var(--accent);
  background:color-mix(in srgb,var(--accent) 12%,transparent);
  box-shadow:0 0 24px color-mix(in srgb,var(--accent) 22%,transparent);
}
.mxzPremiumIptvBadge{
  width:128px;
  height:128px;
  justify-self:end;
  border-radius:30px;
  background:linear-gradient(145deg,var(--button-bg),color-mix(in srgb,var(--button-bg) 70%,#0ea5e9));
  color:var(--button-text);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:950;
  box-shadow:0 18px 42px color-mix(in srgb,var(--accent) 34%,transparent);
}
.mxzPremiumIptvBadge i{font-size:36px}
.mxzPremiumIptvTools{
  width:min(1180px,100%);
  padding:20px!important;
  border-radius:28px!important;
  margin-bottom:2px;
}
.mxzPremiumGridShell{
  width:100%;
  border-radius:24px;
  padding:2px 0 0;
}
.mxzPremiumIptvGrid{
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr))!important;
  align-items:start;
}
.mxzPremiumIptvCard{
  border-radius:14px!important;
  overflow:hidden;
}
.mxzPremiumIptvCard .cover{
  border-radius:10px!important;
  background:#050505;
}
.mxzPremiummovieCard .cover,
.mxzPremiumseriesCard .cover{
  aspect-ratio:2/3!important;
}
.mxzPremiummovieCard .cover img,
.mxzPremiumseriesCard .cover img{
  object-fit:cover!important;
}
.mxzPremiumliveCard .cover img,
.mxzPremiumliveCard .cover .mxzLiveTvLogoFallback{
  object-fit:contain!important;
}
.mxzPremiumIptvCard .cardBody{
  padding:10px 10px 12px;
}
.mxzPremiumIptvCard .cardBody h5{
  font-size:13px;
  min-height:34px;
  -webkit-line-clamp:2;
  line-clamp:2;
}
.mxzPremiumIptvCard .cardBody p{
  min-height:32px;
  font-size:11px;
  -webkit-line-clamp:2;
  line-clamp:2;
}

.mxzWorldTvHero{
  width:min(1180px,100%);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  margin:0 0 16px;
  padding:24px;
  border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));
  border-radius:24px;
  background:
    linear-gradient(135deg, rgba(0,0,0,.58), color-mix(in srgb,var(--accent) 18%, rgba(255,255,255,.06))),
    radial-gradient(circle at 90% 12%, rgba(14,165,233,.18), transparent 34%);
  box-shadow:var(--shadow-soft);
}
.mxzWorldTvHero span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--accent);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
}
.mxzWorldTvHero h3{
  margin:8px 0 6px;
  color:var(--text);
  font-size:clamp(28px,4vw,44px);
  line-height:1;
}
.mxzWorldTvHero p{
  margin:0;
  max-width:760px;
  color:var(--muted);
  line-height:1.55;
}
.mxzWorldTvStats{
  width:126px;
  height:126px;
  border-radius:28px;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.32);
}
.mxzWorldTvStats strong{
  display:block;
  color:var(--accent);
  font-size:30px;
  font-weight:950;
}
.mxzWorldTvStats small{
  display:block;
  color:var(--text);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.mxzWorldTvTools{
  width:min(1180px,100%);
  padding:18px!important;
  border-radius:24px!important;
  margin-bottom:16px;
}
.mxzWorldTvFilterGrid{
  display:grid;
  grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(150px,1fr));
  gap:10px;
  align-items:center;
}
.mxzWorldTvFilterGrid .topSelect{
  width:100%;
  min-height:48px;
}
.mxzWorldTvGrid{
  grid-template-columns:repeat(auto-fill,minmax(168px,1fr))!important;
}
.mxzWorldTvGrid .mxzLiveTvCard .cover img,
.mxzWorldTvGrid .mxzLiveTvCard .cover .mxzLiveTvLogoFallback{
  object-fit:contain!important;
}

.mxzSuperPremiumHero{
  width:min(1180px,100%);
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  margin:0 0 16px;
  padding:24px;
  border:1px solid color-mix(in srgb, var(--accent) 36%, var(--line));
  border-radius:24px;
  background:
    linear-gradient(135deg, rgba(0,0,0,.66), color-mix(in srgb, var(--accent) 22%, rgba(255,255,255,.06))),
    radial-gradient(circle at 88% 8%, rgba(245,158,11,.18), transparent 34%);
  box-shadow:var(--shadow-soft);
}
.mxzSuperPremiumHero span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--accent);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
}
.mxzSuperPremiumHero h3{
  margin:8px 0 6px;
  color:var(--text);
  font-size:clamp(30px,4vw,48px);
  line-height:1;
}
.mxzSuperPremiumHero p{
  margin:0;
  max-width:760px;
  color:var(--muted);
  line-height:1.55;
}
.mxzSuperPremiumStats{
  width:126px;
  height:126px;
  border-radius:28px;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(0,0,0,.34);
}
.mxzSuperPremiumStats strong{
  display:block;
  color:var(--accent);
  font-size:30px;
  font-weight:950;
}
.mxzSuperPremiumStats small{
  display:block;
  color:var(--text);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.mxzSuperPremiumTools{
  width:min(1180px,100%);
  padding:18px!important;
  border-radius:24px!important;
  margin-bottom:16px;
}
.mxzSuperPremiumFilterGrid{
  display:grid;
  grid-template-columns:minmax(240px,1fr) minmax(180px,.42fr);
  gap:10px;
  align-items:center;
}
.mxzSuperPremiumGrid{
  grid-template-columns:repeat(auto-fill,minmax(156px,1fr))!important;
  align-items:start;
}
.mxzSuperPremiumCard .cover{
  aspect-ratio:2/3!important;
  border-radius:10px!important;
  background:#050505;
}
.mxzSuperPremiumCard .cover img{
  object-fit:cover!important;
}
.mxzSuperPremiumCard .cardBody h5{
  font-size:13px;
  min-height:34px;
}
.mxzSuperPremiumCard .cardBody p{
  font-size:11px;
  min-height:32px;
}
@media (max-width: 820px){
  .mxzWorldTvHero{grid-template-columns:1fr;padding:18px}
  .mxzWorldTvStats{width:100%;height:auto;min-height:86px}
  .mxzWorldTvFilterGrid{grid-template-columns:1fr}
  .mxzSuperPremiumHero{grid-template-columns:1fr;padding:18px}
  .mxzSuperPremiumStats{width:100%;height:auto;min-height:86px}
  .mxzSuperPremiumFilterGrid{grid-template-columns:1fr}
}
.mxzPremiumSeriesLoading{
  min-height:360px;
}
.mxzPremiumPlayerView{
  position:fixed;
  inset:0;
  z-index:2147483000;
  width:100vw;
  height:100vh;
  height:100dvh;
  display:grid;
  grid-template-columns:minmax(0,1fr) clamp(340px,28vw,430px);
  gap:10px;
  padding:10px;
  background:#050505;
  color:#fff;
  overflow:hidden;
}
.mxzPremiumApkEpisodeView{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:10px;
}
.mxzPremiumApkEpisodeView > .panelBox{
  min-height:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.mxzPremiumApkEpisodeList{
  min-height:0;
  flex:1 1 auto;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:2px 4px 18px 2px;
  touch-action:pan-y;
}
.mxzPremiumPlayerMain{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:10px;
}
.mxzPremiumPlayerTop{
  min-height:54px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
}
.mxzPremiumPlayerTop button,
.mxzPremiumPlayerControls button,
.mxzPremiumPlayerError button{
  min-height:42px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:#fff;
  color:#050505;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 16px;
  font-weight:950;
  cursor:pointer;
}
.mxzPremiumPlayerTop button:last-child{
  width:42px;
  padding:0;
}
.mxzPremiumPlayerTop strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:18px;
  font-weight:950;
}
.mxzPremiumPlayerTop span{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:rgba(255,255,255,.68);
  font-size:12px;
  font-weight:850;
}
.mxzPremiumPlayerScreen{
  position:relative;
  min-width:0;
  min-height:0;
  border-radius:14px;
  background:#000;
  overflow:hidden;
  display:grid;
  place-items:center;
}
.mxzPremiumPlayerScreen video{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#000;
  display:block;
}
.mxzPremiumPlayerOverlayControls{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  z-index:8;
  display:grid;
  gap:8px;
  padding:10px;
  border-radius:16px;
  background:linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.74));
  border:1px solid rgba(255,255,255,.10);
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .18s ease, transform .18s ease;
}
.mxzPremiumPlayerScreen:hover .mxzPremiumPlayerOverlayControls,
.mxzPremiumPlayerOverlayControls:focus-within,
.mxzPremiumControlsVisible .mxzPremiumPlayerOverlayControls{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.mxzPremiumPlayerTimeline{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.mxzPremiumPlayerTimeline input,
.mxzPremiumVolume{
  accent-color:var(--accent);
}
.mxzPremiumPlayerControlBar{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.mxzPremiumPlayerControlBar button{
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:#fff;
  color:#050505;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  font-weight:950;
  box-shadow:0 10px 24px rgba(0,0,0,.28);
}
.mxzPremiumPlayerControlBar button:hover{
  background:var(--accent);
  color:#fff;
}
.mxzPremiumPlayerControlBar .mxzPremiumMainPlay{
  width:52px;
  height:52px;
  background:var(--accent);
  color:#fff;
}
.mxzPremiumVolume{
  width:112px;
  max-width:22vw;
}
.mxzPremiumAudioTrackSelect{
  height:42px;
  max-width:160px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:#fff !important;
  color:#050505 !important;
  padding:0 34px 0 12px;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}
.mxzPremiumPlayerState{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  text-align:center;
  padding:24px;
  background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 18%,transparent),rgba(0,0,0,.72) 58%,rgba(0,0,0,.92));
  color:#fff;
  pointer-events:none;
}
.mxzPremiumPlayerState i{
  color:var(--accent);
  font-size:38px;
}
.mxzPremiumPlayerState strong{
  font-size:22px;
  font-weight:950;
}
.mxzPremiumPlayerState span{
  max-width:420px;
  color:rgba(255,255,255,.72);
  font-weight:800;
  line-height:1.4;
}
.mxzPremiumPlayerMeta{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.mxzPremiumPlayerMeta span{
  color:var(--accent);
  font-size:12px;
  font-weight:950;
}
.mxzPremiumPlayerMeta h4{
  margin:4px 0;
  font-size:22px;
  line-height:1.12;
  font-weight:950;
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.mxzPremiumPlayerMeta p{
  margin:0;
  color:rgba(255,255,255,.66);
  font-weight:800;
  font-size:13px;
}
.mxzPremiumPlayerControls{
  flex:0 0 auto;
  display:flex;
  gap:10px;
}
.mxzPremiumPlayerControls button:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.mxzPremiumPlayerAside{
  min-width:0;
  min-height:0;
  border-radius:18px;
  background:#fff;
  color:#111827;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.mxzPremiumPlayerAsideHead{
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px;
  border-bottom:1px solid rgba(15,23,42,.10);
}
.mxzPremiumPlayerAsideHead strong{
  font-size:17px;
  font-weight:950;
}
.mxzPremiumPlayerAsideHead span{
  color:#64748b;
  font-size:12px;
  font-weight:900;
}
.mxzPremiumPlayerRows{
  flex:1;
  min-height:0;
  overflow:auto;
  padding:10px;
  display:grid;
  align-content:start;
  gap:9px;
}
.mxzPremiumPlayerRow{
  width:100%;
  min-height:82px;
  display:grid;
  grid-template-columns:118px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  text-align:left;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.10);
  background:#fff;
  color:#111827;
  padding:8px;
  cursor:pointer;
}
.mxzPremiumPlayerRow:hover,
.mxzPremiumPlayerRow.active{
  border-color:var(--accent);
  box-shadow:0 10px 24px rgba(15,23,42,.12);
}
.mxzPremiumPlayerThumb{
  width:118px;
  aspect-ratio:16/9;
  border-radius:8px;
  overflow:hidden;
  background:#111827;
}
.mxzPremiumPlayerThumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.mxzPremiumPlayerRowText{
  min-width:0;
}
.mxzPremiumPlayerRowText strong{
  display:-webkit-box;
  -webkit-line-clamp:2;
  line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  color:#111827;
  font-size:13px;
  line-height:1.18;
  font-weight:950;
}
.mxzPremiumPlayerRowText small{
  display:block;
  margin-top:5px;
  color:#64748b;
  font-size:11px;
  font-weight:900;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mxzPremiumPlayerRow > i{
  color:var(--accent);
}
.mxzPremiumPlayerError{
  width:min(520px,92%);
  min-height:260px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
  padding:24px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(10,10,10,.86);
  color:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.52);
}
.mxzPremiumPlayerError i{
  color:var(--accent);
  font-size:38px;
}
.mxzPremiumPlayerError strong{
  font-size:22px;
  font-weight:950;
}
.mxzPremiumPlayerError span{
  color:rgba(255,255,255,.84);
  font-weight:900;
}
.mxzPremiumPlayerError p{
  margin:0;
  color:rgba(255,255,255,.68);
  line-height:1.45;
}
.mxzPremiumPlayerError div{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:6px;
}

@media (max-width:900px){
  .mxzPremiumPlayerView{
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,58vh) minmax(0,42vh);
    padding:0;
    gap:0;
  }
  .mxzPremiumPlayerMain{
    padding:8px;
    grid-template-rows:auto minmax(0,1fr) auto;
  }
  .mxzPremiumPlayerAside{
    border-radius:18px 18px 0 0;
  }
  .mxzPremiumPlayerMeta{
    min-height:72px;
  }
  .mxzPremiumPlayerMeta h4{
    font-size:17px;
  }
  .mxzPremiumPlayerControls button span,
  .mxzPremiumPlayerTop button span{
    display:none;
  }
  .mxzPremiumPlayerControls button,
  .mxzPremiumPlayerTop button{
    width:42px;
    padding:0;
  }
  .mxzPremiumPlayerTop strong{
    font-size:15px;
  }
  .mxzPremiumPlayerRow{
    min-height:74px;
    grid-template-columns:96px minmax(0,1fr) auto;
  }
  .mxzPremiumPlayerThumb{
    width:96px;
  }
  .mxzPremiumPlayerOverlayControls{
    left:8px;
    right:8px;
    bottom:8px;
    padding:8px;
    border-radius:14px;
  }
  .mxzPremiumPlayerControlBar{
    gap:6px;
  }
  .mxzPremiumPlayerControlBar button{
    width:36px;
    height:36px;
    font-size:13px;
  }
  .mxzPremiumPlayerControlBar .mxzPremiumMainPlay{
    width:44px;
    height:44px;
  }
  .mxzPremiumVolume{
    width:78px;
    max-width:26vw;
  }
  .mxzPremiumAudioTrackSelect{
    height:36px;
    max-width:118px;
    font-size:10px;
    padding-left:10px;
  }
  .mxzPremiumPlayerTimeline{
    font-size:10px;
    gap:7px;
  }
}

@media (max-width:900px){
  .mxzPremiumIptvHero{
    grid-template-columns:1fr;
    padding:18px;
    border-radius:22px;
  }
  .mxzPremiumIptvStats{
    grid-template-columns:repeat(4,minmax(94px,1fr));
    overflow-x:auto;
    padding-bottom:3px;
  }
  .mxzPremiumIptvStats button{
    min-width:94px;
    min-height:74px;
  }
  .mxzPremiumIptvGrid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }
}

@media (max-width:560px){
  .mxzPremiumIptvHero h3{font-size:28px}
  .mxzPremiumIptvStats{
    grid-template-columns:repeat(4,minmax(86px,1fr));
  }
  .mxzPremiumIptvStats button{
    min-width:86px;
    padding:10px;
  }
  .mxzPremiumIptvStats button strong{font-size:22px}
  .mxzPremiumIptvStats button span{font-size:10px}
  .mxzPremiumIptvGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .mxzPremiumIptvCard .cardBody h5{
    font-size:12px;
  }
}

@media (max-width:900px){
  .homeAdGrid{grid-template-columns:1fr;gap:12px;margin-bottom:18px}
  .homeAdFrame{min-height:150px}
}

    

    .folderExplorerGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
    .folderExplorerCard{background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:24px;padding:18px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:220px;box-shadow:0 10px 24px rgba(15,23,42,.08);transition:transform .18s ease, border-color .18s ease;text-align:center}
    .folderExplorerCard:hover{transform:translateY(-4px);box-shadow:0 18px 30px rgba(15,23,42,.12);border-color:rgba(229,9,20,.22)}
    .folderExplorerThumb{width:100%;aspect-ratio:1/1;border-radius:20px;background:#ffffff;border:1px solid rgba(15,23,42,.06);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:14px}
    .folderExplorerThumb img,.folderExplorerThumb video,.folderExplorerThumb iframe{width:100%;height:100%;object-fit:cover;border:none}
    .folderExplorerThumb i{font-size:52px;color:var(--accent)}
    .folderExplorerName{font-weight:900;color:#0f172a;font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;overflow:hidden}
    .folderExplorerType{margin-top:8px;font-size:12px;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
    .modularHero{padding:20px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));box-shadow:var(--shadow-soft);margin-bottom:18px}
    .modularSeriesGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
    .modularSeasonBlock{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));overflow:hidden}
    .modularEpisodeRow{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--line);cursor:pointer;transition:background .16s ease, transform .16s ease}
    .modularEpisodeRow:hover{background:rgba(255,255,255,.05);transform:translateX(2px)}
    .modularEpisodeThumb{width:58px;height:36px;border-radius:10px;background:#111827 center/cover no-repeat;border:1px solid rgba(255,255,255,.08);flex:0 0 auto}
    .adminMetricsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:18px}
    .notificationFeed{display:grid;gap:10px}
    .notificationCard{padding:14px 16px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));box-shadow:var(--shadow-soft)}

    @media (max-width:1400px){
      .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    }
    @media (max-width:1180px){
      .profileGrid{grid-template-columns:repeat(2,1fr)}
      .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
      .folderExplorerGrid,.modularSeriesGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
    }
    .main{
    margin-left:0;
    width:100%;
  }
    
    @media (max-width:640px){
      .row2,.profileGrid,.row3{grid-template-columns:1fr}
      .adminQuickCompactRow{grid-template-columns:1fr}
      .folderExplorerGrid,.modularSeriesGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
      .main{padding:14px}
      .authCard,.panelBox,.statBox,.infoBox,.simpleBox,.countryBox,.accountsBox{padding:20px}
      .hero{padding:22px}
      .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .cardBody p{min-height:auto}
      .toTopBtn{bottom:128px}
      .topbar{border-radius:18px}
      .hero{border-radius:24px}
    }
    @media (max-width:420px){
      .grid, .folderExplorerGrid, .modularSeriesGrid {grid-template-columns:1fr}
      .accountGrid{grid-template-columns:1fr}
    }
/* Evitar el bug de zoom en celulares al usar background-attachment: fixed */


/* =========================================================
   MAXZIMEDIA PRO PATCH - Entrada, responsive, explorador y reproductor
   Cambios seguros: no modifica login, ventas, usuarios ni columnas.
========================================================= */
/* ═══════════════════════════════════════════════════
   MAXZIMEDIA PREMIUM SPLASH — EFECTO RAYO CORTINA
   ═══════════════════════════════════════════════════ */
.mxzSplash{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  height:100dvh;
  z-index:9999;
  padding:0;
  background:#000;
  color:#fff;
  overflow:hidden;
  margin:0;
  display:grid;
  place-items:center;
}

/* Rayo central vertical que brilla */
.mxzSplash::before{
  content:none;
  position:absolute;
  top:-20%;bottom:-20%;
  left:50%;
  width:4px;
  background:linear-gradient(180deg,transparent,rgba(229,9,20,.2),rgba(255,255,255,.95),rgba(229,9,20,.7),transparent);
  box-shadow:0 0 40px 10px rgba(229,9,20,.6), 0 0 80px 20px rgba(229,9,20,.3);
  transform:translateX(-50%) scaleY(0);
  animation:mxzRayForm 1s cubic-bezier(.22,1,.36,1) .3s forwards;
  z-index:5;
}

.mxzSplashVideo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  background:#000;
}

.mxzSplashImageStage{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  min-height:100dvh;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 48%, rgba(229,9,20,.13), transparent 42%),
    #000;
  isolation:isolate;
}

.mxzSplashImageStage::before,
.mxzSplashImageStage::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:clamp(260px, 42vw, 520px);
  aspect-ratio:1;
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
}

.mxzSplashImageStage::before{
  background:radial-gradient(circle, rgba(229,9,20,.2), rgba(229,9,20,.055) 38%, transparent 72%);
  filter:blur(22px);
  animation:mxzSplashAura 3.4s ease-in-out infinite;
  z-index:0;
}

.mxzSplashImageStage::after{
  content:none;
}

.mxzSplashImage{
  position:relative;
  z-index:2;
  justify-self:center;
  align-self:center;
  width:clamp(190px, 24vw, 340px);
  max-width:72vw;
  max-height:46dvh;
  object-fit:contain;
  object-position:center;
  display:block;
  margin:auto;
  mix-blend-mode:screen;
  filter:
    brightness(1.08)
    contrast(1.06)
    drop-shadow(0 0 12px rgba(255,255,255,.16))
    drop-shadow(0 0 22px rgba(229,9,20,.42))
    drop-shadow(0 20px 42px rgba(0,0,0,.6));
  animation:mxzSplashLogoFloat 4.2s ease-in-out infinite, mxzSplashLogoGlow 2.8s ease-in-out infinite;
}

.mxzSplashShine{
  position:absolute;
  left:50%;
  top:50%;
  z-index:3;
  width:clamp(190px, 24vw, 340px);
  max-width:72vw;
  aspect-ratio:1;
  overflow:hidden;
  border-radius:50%;
  pointer-events:none;
  transform:translate(-50%,-50%);
  mask-image:radial-gradient(circle, #000 54%, transparent 72%);
}

.mxzSplashShine::after{
  content:"";
  position:absolute;
  top:-22%;
  left:-70%;
  width:34%;
  height:144%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent);
  transform:rotate(23deg);
  animation:mxzSplashSweep 3.7s ease-in-out infinite;
}

@media (max-width: 640px){
  .mxzSplashVideo{
    inset:0;
    width:100%;
    max-width:none;
    height:100vh;
    transform:none;
    object-fit:cover;
    object-position:center center;
  }

  .mxzSplashImage,
  .mxzSplashShine{
    width:clamp(170px, 64vw, 290px);
    max-width:78vw;
    max-height:42dvh;
  }

  .mxzSplashImageStage::before{
    width:clamp(240px, 86vw, 380px);
  }

  .mxzSplashImageStage::after{
    width:clamp(210px, 76vw, 330px);
  }
}

/* Puerta izquierda */
.mxzSplash .mxzSplashDoorL,
.mxzSplash .mxzSplashDoorR{
  position:absolute;top:0;bottom:0;width:50%;
  background:radial-gradient(circle at center, rgba(229,9,20,.08), transparent 40%),
              linear-gradient(180deg,#020204,#07070b 55%,#110508);
  z-index:4;
}
.mxzSplash .mxzSplashDoorL{left:0;transform-origin:left center}
.mxzSplash .mxzSplashDoorR{right:0;transform-origin:right center}

/* Animación de apertura de las puertas */
.mxzSplash.mxzOpening .mxzSplashDoorL{
  animation:mxzDoorOpenL .8s cubic-bezier(.65,0,.35,1) forwards;
}
.mxzSplash.mxzOpening .mxzSplashDoorR{
  animation:mxzDoorOpenR .8s cubic-bezier(.65,0,.35,1) forwards;
}
.mxzSplash.mxzOpening::before{
  animation:mxzRayForm .6s cubic-bezier(.22,1,.36,1) forwards, mxzRayFade .4s .5s ease forwards;
}

/* Partículas de chispa */
.mxzSplash .mxzSparks{
  position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;
}
.mxzSplash.mxzOpening .mxzSparks{
  animation:mxzSparksShow .3s .1s ease forwards;
}
.mxzSparks::before,.mxzSparks::after{
  content:"";position:absolute;
  width:3px;height:3px;border-radius:50%;
  background:#fff;
  box-shadow:
    -40px -60px 0 #fbbf24, 30px -80px 0 #fff, -60px 40px 0 #e50914,
    50px 20px 0 #fbbf24, -20px 70px 0 #fff, 70px -30px 0 #e50914,
    -80px -20px 0 #fbbf24, 40px 60px 0 #fff, -30px -40px 0 #e50914,
    60px 80px 0 #fbbf24, -50px 50px 0 #fff, 80px -60px 0 #e50914;
  animation:mxzSparksDrift 1s ease-out forwards;
}
.mxzSparks::before{left:50%;top:50%;}
.mxzSparks::after{left:50%;top:50%;transform:rotate(45deg)}

.mxzSplashInner{
  display:none;
}
.mxzSplashLogo,
.mxz-splash-logo {
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:100vw !important;
  height:100vh !important;
  border-radius:0 !important;
  object-fit:cover !important;
  object-position:center !important;
  background:transparent !important;
  margin:0 !important;
  display:block !important;
  box-shadow:none !important;
  border:none !important;
  filter:none !important;
  animation:mxzLogoZoomFullscreen 3s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}
.mxzSplashTitle{
  margin:12px 0 0;font-size:clamp(24px,4vw,48px);font-weight:950;
  letter-spacing:.8px;text-transform:uppercase;
  animation:mxzTextGlow 2s ease-in-out infinite alternate;
  line-height:1.2;
}
.mxzSplashSub{
  margin:10px 0 0;color:rgba(255,255,255,.72);
  font-weight:800;letter-spacing:.6px;
}
.mxzSplash.hideSplash{
  pointer-events:none;
}

/* Keyframes del Splash */
@keyframes mxzSplashIn{
  from{opacity:0;transform:translateY(12px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes mxzLogoZoomFullscreen{
  0%{transform:scale(1.3) translateZ(-400px);opacity:0}
  50%{transform:scale(1.15) translateZ(-100px);opacity:0.8}
  100%{transform:scale(1) translateZ(0);opacity:1}
}
@keyframes mxzTextGlow{
  from{filter:brightness(1) drop-shadow(0 0 0 transparent)}
  to{filter:brightness(1.08) drop-shadow(0 0 12px rgba(229,9,20,.25))}
}
@keyframes mxzSplashAura{
  0%,100%{opacity:.64;transform:translate(-50%,-50%) scale(.94)}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}
}
@keyframes mxzSplashRing{
  0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(.98)}
  50%{opacity:.9;transform:translate(-50%,-50%) scale(1.03)}
}
@keyframes mxzSplashLogoFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-8px) scale(1.015)}
}
@keyframes mxzSplashLogoGlow{
  0%,100%{filter:brightness(1.08) contrast(1.06) drop-shadow(0 0 12px rgba(255,255,255,.16)) drop-shadow(0 0 22px rgba(229,9,20,.42)) drop-shadow(0 20px 42px rgba(0,0,0,.6))}
  50%{filter:brightness(1.14) contrast(1.08) drop-shadow(0 0 16px rgba(255,255,255,.22)) drop-shadow(0 0 32px rgba(255,52,65,.62)) drop-shadow(0 20px 42px rgba(0,0,0,.62))}
}
@keyframes mxzSplashSweep{
  0%,34%{left:-72%;opacity:0}
  48%{opacity:.86}
  68%,100%{left:138%;opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .mxzSplashImageStage::before,
  .mxzSplashImageStage::after,
  .mxzSplashImage,
  .mxzSplashShine::after{
    animation:none !important;
  }
}
.grid,.folderExplorerGrid,.modularSeriesGrid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:16px !important}.card,.folderExplorerCard{min-width:0;overflow:hidden}.cardBody h5,.cardBody p,.folderExplorerName{overflow:hidden;text-overflow:ellipsis;word-break:break-word}.folderExplorerName{display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;min-height:38px;text-align:center}
.folderExplorerCard{background:var(--surface-card, rgba(20,24,32,.82)) !important;border:1px solid var(--border-color, var(--line)) !important;color:var(--text) !important;min-height:auto !important;padding:12px !important}.folderExplorerThumb{background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025)) !important;border:1px solid var(--border-color, var(--line)) !important;border-radius:18px !important}.folderExplorerType{color:var(--muted) !important;font-size:11px !important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folderExplorerThumb i.fa-folder,.folderExplorerThumb i.fa-folder-open{color:var(--accent,#e50914) !important;text-shadow:0 0 22px rgba(229,9,20,.22)}.folderExplorerToolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.folderExplorerHint{color:var(--muted);font-size:13px;line-height:1.5}
.videoCard{width:min(1120px,96vw) !important;max-height:92vh !important;overflow:auto !important}.videoWrap,.resourceFrame{width:100% !important;aspect-ratio:16/9 !important;min-height:0 !important;height:auto !important;max-height:calc(92vh - 160px) !important}.resourceFrame iframe,.resourceFrame img,.resourceFrame video{height:100% !important;max-height:100% !important}.inlineViewerCard{max-width:100%;overflow:hidden}.card,.folderExplorerCard,.inlineViewerCard,.authCard,.hero,.topbar{transition:transform .18s ease,opacity .18s ease,border-color .18s ease}
@media (max-width:1180px){.grid,.folderExplorerGrid,.modularSeriesGrid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}}
@media (prefers-reduced-motion:reduce){.mxzSplash::before,.card,.folderExplorerCard,.inlineViewerCard{animation:none !important}.card,.folderExplorerCard{transition:none !important}}




/* === MAXZIMEDIA PREMIUM PATCH v2: responsive, viewer, Drive/Netflix look, performance === */
html,body{max-width:100%;overflow-x:hidden;scroll-behavior:auto!important}
*,*::before,*::after{min-width:0}
.mxzSkeleton{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.12),rgba(255,255,255,.06));background-size:240% 100%;animation:mxzShimmer 1.1s infinite linear}
@keyframes mxzShimmer{0%{background-position:120% 0}100%{background-position:-120% 0}}
.card,.folderExplorerCard,.modularSeasonBlock,.panelBox,.statBox{contain:layout paint;content-visibility:auto;contain-intrinsic-size:280px}
.folderExplorerGrid,.grid,.modularSeriesGrid{grid-auto-flow:row;max-width:100%}
.folderExplorerGrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.folderExplorerCard{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.10);color:var(--text);min-height:230px;box-shadow:0 18px 42px rgba(0,0,0,.28)}
.folderExplorerCard:hover{transform:translateY(-6px) scale(1.01);border-color:rgba(229,9,20,.42);box-shadow:0 26px 70px rgba(0,0,0,.50)}
.folderExplorerThumb{background:radial-gradient(circle at 50% 20%,rgba(229,9,20,.18),rgba(255,255,255,.045));border:1px solid rgba(255,255,255,.10)}
.folderExplorerThumb i{color:var(--accent);filter:drop-shadow(0 10px 22px rgba(229,9,20,.22))}
.folderExplorerName{color:var(--text);font-size:15px}.folderExplorerType{color:var(--muted)}
.folderExplorerToolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0}.folderExplorerHint{color:var(--muted);font-size:12px;font-weight:800}
.resourceFrame{min-height:78vh}.resourceFrame iframe,.resourceFrame img,.resourceFrame video{height:78vh}
.resourceInlineWrap.mxzTheaterActive{width:min(980px,100%);max-width:100%;margin-left:auto;margin-right:auto}
.mxzTheaterView{width:100%;min-height:auto;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:none}
.mxzTheaterTopbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--surface-card)}
.mxzTheaterBack,.mxzTheaterClose{height:42px;border:1px solid var(--line);border-radius:14px;background:var(--surface-card);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;cursor:pointer;padding:0 14px}
.mxzTheaterClose{width:42px;padding:0}
.mxzTheaterBack:hover,.mxzTheaterClose:hover{background:var(--accent);color:#fff}
.mxzTheaterTitle{min-width:0;display:flex;flex-direction:column;gap:3px;text-align:center}
.mxzTheaterTitle strong{font-size:18px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mxzTheaterTitle span{font-size:12px;color:var(--muted);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mxzTheaterPlayerTopActions{display:flex;justify-content:flex-end;padding:12px 18px 0;background:var(--bg)}
.mxzTheaterPlayerTopActions button{height:38px;border:1px solid var(--line);border-radius:14px;background:var(--surface-card);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:950;cursor:pointer;padding:0 14px}
.mxzTheaterPlayerTopActions button:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.mxzTheaterPlayer{width:100%;aspect-ratio:16/8.5;background:#000;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.mxzTheaterPlayer iframe,.mxzTheaterPlayer video,.mxzTheaterPlayer img{width:100%;height:100%;border:0;display:block;background:#000}
.mxzTheaterPlayer video,.mxzTheaterPlayer img{object-fit:contain}
.mxzFancyVideoBox{width:100%;height:100%;display:grid;place-items:center;background:#000;overflow:hidden}
.mxzFancyVideoBox iframe,.mxzFancyVideoBox video,.mxzFancyVideoBox img{width:100%;height:100%;border:0;display:block;background:#000}
.mxzFancyVideoBox video,.mxzFancyVideoBox img{object-fit:contain}
.mxzFancyVideoBox.document iframe{background:var(--surface-card)}
.drive-player,.mxzDriveVideoFrame{width:100%;max-width:100%;background:#000;border-radius:18px;overflow:hidden;position:relative;margin:12px 0;min-height:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.drive-player.ratio-16-9{aspect-ratio:6/5}
.drive-player.ratio-3-2{aspect-ratio:3/2}
.drive-player.ratio-4-5{aspect-ratio:4/5}
.drive-player.ratio-4-3{aspect-ratio:4/3}
.drive-player.ratio-1-1{aspect-ratio:1/1}
.drive-player.ratio-9-16{aspect-ratio:9/16}
.drive-player iframe,.mxzDriveVideoFrame iframe,.drive-player video,.mxzDriveVideoFrame video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000;object-fit:contain}
.videoWrap .mxzDriveVideoFrame{height:auto;min-height:0;border-radius:18px}
.videoWrap:has(.mxzDriveVideoFrame),.mxzTheaterPlayer:has(.mxzDriveVideoFrame){width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;background:#000!important;border-radius:18px;overflow:hidden;position:relative}
.mxzTheaterPlayer:has(.mxzDriveVideoFrame){max-height:none}
.mxzTheaterPlayer:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:0;background:#000}
.mxzTheaterPlayer:-webkit-full-screen{width:100vw;height:100vh;aspect-ratio:auto;border:0;background:#000}
.mxzTheaterPlayer:fullscreen iframe,.mxzTheaterPlayer:fullscreen video,.mxzTheaterPlayer:fullscreen img,.mxzTheaterPlayer:-webkit-full-screen iframe,.mxzTheaterPlayer:-webkit-full-screen video,.mxzTheaterPlayer:-webkit-full-screen img{width:100vw;height:100vh;object-fit:contain}
.mxzTheaterFullscreenBtn{position:absolute;right:12px;top:12px;z-index:3;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--surface-card);color:var(--text);display:grid;place-items:center;cursor:pointer;box-shadow:none}
.mxzTheaterFullscreenBtn:hover{background:var(--accent);border-color:var(--accent)}
.mxzTheaterEmpty{width:100%;height:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:var(--muted);padding:28px;background:radial-gradient(circle at 50% 25%,rgba(229,9,20,.20),rgba(0,0,0,.22))}
.mxzTheaterEmpty i{font-size:54px;color:var(--accent);filter:drop-shadow(0 0 26px rgba(229,9,20,.35))}
.mxzTheaterEmpty strong{font-size:22px;color:var(--text)}
.mxzTheaterControls{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--surface-card)}
.mxzTheaterControls button{border:1px solid var(--line);background:var(--surface-card);color:var(--text);border-radius:18px;padding:14px 18px;font-weight:950;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}
.mxzTheaterControls button:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}
.mxzTheaterControls button:disabled{opacity:.38;cursor:not-allowed}
.mxzTheaterNavActions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mxzTheaterNavActions button{padding:12px 14px;border-radius:16px}
.mxzTheaterControls.single{grid-template-columns:auto 1fr auto 1fr}
.mxzTheaterView.single .mxzTheaterPlayer{aspect-ratio:16/8.5}
.mxzTheaterProgress{min-width:120px;text-align:center;color:var(--text);font-weight:950}
.mxzTheaterProgress span{display:block;font-size:18px}
.mxzTheaterProgress small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}
.mxzTheaterContent{padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015))}
.mxzTheaterContentHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.mxzTheaterContentHead h4{margin:0;font-size:22px;font-weight:950;text-transform:uppercase}
.mxzTheaterContentHead span{color:var(--muted);font-size:12px;font-weight:900}
.mxzTheaterBreadcrumb{display:flex;gap:8px;overflow:auto;padding-bottom:10px;margin-bottom:8px}
.mxzTheaterCrumb{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:12px;font-weight:800;background:rgba(255,255,255,.05)}
.mxzTheaterRows{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.mxzTheaterRow{width:100%;min-width:0;text-align:left;border:1px solid var(--line);background:var(--surface-card);color:var(--text);border-radius:18px;padding:10px 12px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;cursor:pointer;box-shadow:none}
.mxzTheaterRow:hover,.mxzTheaterRow.active{border-color:var(--accent);background:linear-gradient(90deg,rgba(229,9,20,.18),rgba(255,255,255,.04))}
.mxzTheaterRowThumb{width:58px;height:42px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--accent)}
.mxzTheaterRowThumb img{width:100%;height:100%;object-fit:cover}
.mxzTheaterRowThumb i{font-size:22px}
.mxzTheaterRowText{min-width:0;display:flex;flex-direction:column;gap:3px}
.mxzTheaterRowText strong{font-size:14px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mxzTheaterRowText small{font-size:11px;color:var(--muted);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mxzTheaterRow > i{color:var(--accent)}
.mxzTheaterRowsLoading{grid-column:1 / -1;min-height:120px;border:1px dashed var(--line);border-radius:18px;background:var(--surface-card);color:var(--muted);display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:900}
.mxzTheaterRowsLoading i{color:var(--accent)}
.folderExplorerTools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.folderSortControl{height:36px;border:1px solid var(--line);border-radius:12px;background:var(--surface-card);color:var(--text);display:inline-flex;align-items:center;gap:8px;padding:0 8px;font-size:12px;font-weight:900}
.folderSortControl i{color:var(--accent);font-size:15px}
.folderSortControl select{border:0;background:transparent;color:var(--text);font:inherit;outline:0;cursor:pointer;max-width:100px}
.folderSortControl option{background:var(--surface-card);color:var(--text)}
.theaterSort{margin-left:auto}
@media (max-width:760px){
  :root{
    --mxz-mobile-head-h:auto;
    --mxz-mobile-player-w:100%;
    --mxz-mobile-player-h:auto;
    --mxz-mobile-controls-h:auto;
  }
  .resourceInlineWrap.mxzTheaterActive{width:100%!important;margin:10px 0 0!important}
  .mxzTheaterView{min-height:auto;border-radius:18px;border:1px solid var(--line);margin:0;background:var(--bg);box-shadow:none;overflow:visible}
  .mxzTheaterTopbar{position:sticky;top:0;left:auto;right:auto;z-index:22;height:auto;min-height:54px;padding:8px 10px;gap:8px;background:var(--surface-card)}
  .mxzTheaterBack{padding:0 10px;height:38px}
  .mxzTheaterBack span{display:none}
  .mxzTheaterClose{height:38px;width:38px}
  .mxzTheaterTitle strong{font-size:16px}
  .mxzTheaterPlayer{position:sticky;top:54px;left:auto;right:auto;z-index:21;width:min(100%,2560px);height:auto!important;aspect-ratio:6/5;min-height:0!important;max-height:none!important;margin:0 auto;background:#000;border:0;border-radius:14px;overflow:hidden;transform:none}
  .mxzTheaterView.single .mxzTheaterPlayer,.mxzTheaterPlayer.ratio-movie,.mxzTheaterPlayer.ratio-9-16,.mxzTheaterView.single .mxzTheaterPlayer.ratio-4-5{aspect-ratio:6/5}
  .mxzTheaterPlayer iframe,.mxzTheaterPlayer video,.mxzTheaterPlayer img,.mxzFancyVideoBox,.mxzFancyVideoBox iframe,.mxzFancyVideoBox video,.mxzFancyVideoBox img{width:100%;height:100%;object-fit:contain}
  .mxzTheaterPlayer iframe,.mxzFancyVideoBox.drive iframe,.mxzDriveVideoFrame iframe{transform:none;transform-origin:center center;border-radius:12px}
  .mxzFancyVideoBox{padding:0}
  .mxzFancyVideoBox.drive iframe,.mxzFancyVideoBox.drive video{height:100%;min-height:0;display:block}
  .mxzTheaterPlayer,.mxzFancyVideoBox,.mxzFancyVideoBox iframe,.mxzFancyVideoBox video{pointer-events:auto;touch-action:manipulation}
  .mxzTheaterFullscreenBtn{display:none}
  .mxzTheaterEmpty{min-height:210px}
  .mxzTheaterPlayerTopActions{padding:8px 10px;background:#050505}
  .mxzTheaterPlayerTopActions button{height:36px;border-radius:12px;font-size:12px}
  .mxzTheaterControls{position:relative;top:auto;left:auto;right:auto;z-index:1;display:grid!important;grid-template-columns:1fr auto 1fr;padding:10px;gap:8px;background:var(--surface-card);margin-top:0;border-bottom:1px solid var(--line)}
  .mxzTheaterControls.single{grid-template-columns:1fr auto 72px auto}
  .mxzTheaterNavActions{grid-column:1 / -1;display:grid!important;grid-template-columns:minmax(0,1fr);gap:8px;justify-items:center}
  .mxzTheaterNavActions button{padding:10px 8px}
  .mxzTheaterControls button{padding:11px 9px;border-radius:14px;font-size:12px}
  .mxzTheaterProgress{min-width:72px}
  .mxzTheaterProgress span{font-size:15px}
  .mxzTheaterProgress small{display:none}
  .mxzTheaterContent{padding:12px 10px 16px;background:var(--bg)}
  .mxzTheaterContentHead h4{font-size:20px}
  .mxzTheaterRows{grid-template-columns:1fr;gap:8px}
  .mxzTheaterRow{grid-template-columns:50px minmax(0,1fr) auto;border-radius:15px;padding:9px 10px}
  .mxzTheaterRowThumb{width:50px;height:36px;border-radius:10px}
  .mxzTheaterRowText strong{font-size:13px}
  .mxzMovieRows{gap:6px}
  .folderSortControl{height:34px;max-width:100%}
  .theaterSort{margin-left:0}
}
.inlineViewerCard{position:relative;overflow:hidden}.inlineViewerCard::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(229,9,20,.11),transparent 30%);pointer-events:none}
.vipLockedBox{border:1px solid rgba(245,158,11,.36);background:rgba(245,158,11,.08);padding:14px;border-radius:18px;margin-top:12px;color:var(--text);font-weight:800}

.panelTabs{
  width:min(1180px,100%);
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:0 0 18px;
  padding:8px;
  border:1px solid var(--border-color, var(--line));
  border-radius:20px;
  background:var(--surface-card, rgba(255,255,255,.035));
}
.panelInstructionBar{
  width:min(1180px,100%);
  display:flex;
  justify-content:center;
  margin:0 0 14px;
}
.panelInstructionBar .btn{
  min-width:180px;
}
.panelTabButton{
  flex:1 1 150px;
  min-height:42px;
  border:1px solid transparent;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
  color:var(--muted);
  font:inherit;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  padding:10px 12px;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.panelTabButton:hover{
  color:var(--text);
  border-color:var(--accent);
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(229,9,20,.22), inset 0 1px 0 rgba(255,255,255,.10);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--accent) 36%, transparent),
    0 10px 26px color-mix(in srgb, var(--accent) 28%, transparent),
    inset 0 1px 0 rgba(255,255,255,.10);
  filter:brightness(1.08);
}
.panelTabButton.active{
  color:var(--button-text, #fff);
  background:var(--accent);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--accent) 92%, #ffffff 8%), color-mix(in srgb, var(--accent2, var(--accent)) 70%, var(--accent) 30%));
  border-color:var(--accent);
  box-shadow:0 14px 34px rgba(229,9,20,.28);
  box-shadow:
    0 0 0 1px color-mix(in srgb, var(--accent) 58%, transparent),
    0 14px 34px color-mix(in srgb, var(--accent) 34%, transparent),
    0 0 22px color-mix(in srgb, var(--accent2, var(--accent)) 28%, transparent);
}
.panelTabContent{
  width:100%;
}
.panelTabContent.hide{
  display:none !important;
}
.mxzSalesDashboard{
  width:100%;
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:18px;
  align-items:start;
}
body.mxzSalesFullscreen{
  overflow:hidden;
}
body.mxzSalesFullscreen .sidebar,
body.mxzSalesFullscreen .sidebarOverlay,
body.mxzSalesFullscreen .topbar,
body.mxzSalesFullscreen #mxz-ad-banner-below-search,
body.mxzSalesFullscreen #heroBox,
body.mxzSalesFullscreen #mxzHomePremiumHeader,
body.mxzSalesFullscreen #mxzHomeBanners,
body.mxzSalesFullscreen .footer{
  display:none!important;
}
body.mxzSalesFullscreen .main{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  margin:0!important;
  padding:0!important;
  overflow:auto!important;
  background:var(--app-background, var(--primary));
  z-index:900;
}
body.mxzSalesFullscreen #contentArea{
  min-height:100vh;
}
body.mxzSalesFullscreen #contentArea > .mxzSalesDashboard,
body.mxzSalesFullscreen #contentArea > .fade-in-content.mxzSalesDashboard{
  min-height:100vh;
  grid-template-columns:300px minmax(0,1fr);
  gap:0;
  animation:none;
}
body.mxzSalesPanelCollapsed #contentArea > .mxzSalesDashboard,
body.mxzSalesPanelCollapsed #contentArea > .fade-in-content.mxzSalesDashboard{
  grid-template-columns:92px minmax(0,1fr);
}
.mxzSalesPanelNav{
  position:sticky;
  top:0;
  min-height:100vh;
  height:100vh;
  overflow:auto;
  display:grid;
  align-content:start;
  gap:10px;
  padding:16px 14px;
  border-radius:0;
  border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border-color,var(--line)));
  border-top:0;
  border-bottom:0;
  border-left:0;
  background:linear-gradient(180deg,color-mix(in srgb,var(--surface-card,#111827) 96%,transparent),color-mix(in srgb,var(--surface-card,#111827) 86%,#000));
  box-shadow:0 18px 42px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04);
}
.mxzSalesPanelBrand{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 10px 14px;
  border-bottom:1px solid color-mix(in srgb,var(--border-color,var(--line)) 70%,transparent);
  margin-bottom:4px;
  position:relative;
}
.mxzSalesPanelBrandIcon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,var(--accent),var(--accent2,var(--accent)));
  box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 30%,transparent);
  object-fit:cover;
  overflow:hidden;
}
.mxzSalesPanelBrandIcon i{
  font-size:19px;
}
img.mxzSalesPanelBrandIcon{
  display:block;
  object-fit:cover;
  background:color-mix(in srgb,var(--surface-card,#111827) 80%,#000);
}
.mxzSalesPanelBrand strong{display:block;font-size:15px;font-weight:950;color:var(--text);line-height:1.1}
.mxzSalesPanelBrand > div > span{display:block;font-size:12px;font-weight:800;color:var(--muted);margin-top:2px}
.mxzSalesPanelBrand .mxzSalesPanelBrandIcon{
  display:grid;
  place-items:center;
  margin-top:0;
}
.mxzSalesPanelBrand .mxzDefaultUserAvatar{
  color:#fff;
  border-radius:50%;
}
.mxzSalesPanelBrand .mxzDefaultUserAvatar i{
  font-size:19px;
  line-height:1;
}
.mxzSalesPanelCollapse{
  margin-left:auto;
  width:36px;
  height:36px;
  border-radius:12px;
  border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border-color,var(--line)));
  background:rgba(255,255,255,.045);
  color:var(--accent);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.mxzSalesPanelCollapse:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent)}
.mxzSalesPanelNavBtn{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:11px;
  width:100%;
  border:1px solid transparent;
  border-radius:16px;
  padding:10px 12px;
  background:transparent;
  color:var(--muted);
  font-size:13px;
  font-weight:950;
  text-align:left;
  cursor:pointer;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.mxzSalesPanelNavBtn i{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(255,255,255,.055);
  color:var(--accent);
}
.mxzSalesPanelNavBtn:hover,
.mxzSalesPanelNavBtn.active{
  color:var(--text);
  border-color:color-mix(in srgb,var(--accent) 42%,transparent);
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),rgba(255,255,255,.035));
  transform:translateY(-1px);
  box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 20%,transparent);
}
.mxzSalesPanelNavBtn.active i{background:var(--accent);color:#fff}
.mxzSalesPanelNavBtn.muted{margin-top:4px;border-style:dashed}
.mxzSalesPanelMain{min-width:0;display:grid;gap:18px;padding:22px;align-content:start}
.mxzSalesPanelHero{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:20px;
  border-radius:26px;
  border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border-color,var(--line)));
  background:radial-gradient(circle at 10% 0,color-mix(in srgb,var(--accent) 20%,transparent),transparent 36%),linear-gradient(135deg,color-mix(in srgb,var(--surface-card,#111827) 94%,transparent),color-mix(in srgb,var(--surface-card,#111827) 82%,#000));
  box-shadow:0 18px 42px rgba(0,0,0,.22);
}
.mxzSalesPanelHero h3{margin:6px 0 6px;font-size:clamp(24px,3vw,38px);line-height:1;font-weight:950;color:var(--text)}
.mxzSalesPanelHero p{margin:0;color:var(--muted);font-weight:700;line-height:1.45}
.mxzSalesEyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:950;text-transform:uppercase;color:var(--accent)}
.mxzSalesHeroActions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.mxzSalesInsights{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
.mxzSalesInsights article,
.mxzCurrencyBreakdown{
  border:1px solid color-mix(in srgb,var(--border-color,var(--line)) 78%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--surface-card,#111827) 92%,transparent);
  box-shadow:var(--shadow-soft);
}
.mxzSalesInsights article{padding:16px}
.mxzSalesInsights strong{display:block;font-size:24px;font-weight:950;color:var(--text);line-height:1.05;word-break:break-word}
.mxzSalesInsights span{display:block;margin-top:5px;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}
.mxzSalesChartBox{padding:20px!important;border-radius:24px!important;height:340px}
.mxzCurrencyBreakdown{padding:16px;margin-top:4px;margin-bottom:18px}
.mxzCurrencyBreakdownHead{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}
.mxzCurrencyBreakdownHead strong{color:var(--text);font-size:15px;font-weight:950}
.mxzCurrencyBreakdownHead span{color:var(--muted);font-size:12px;font-weight:800}
.mxzCurrencyBreakdownGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.mxzCurrencyBreakdownGrid article{
  min-height:86px;
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
}
.mxzCurrencyBreakdownGrid span{display:block;color:#38bdf8;font-size:12px;font-weight:950;text-transform:uppercase}
.mxzCurrencyBreakdownGrid strong{display:block;margin-top:6px;color:var(--text);font-size:22px;font-weight:950;line-height:1}
.mxzCurrencyBreakdownGrid small{display:block;margin-top:6px;color:var(--muted);font-weight:800}
.mxzPanelGuide{
  display:grid;
  gap:16px;
}
.mxzPanelGuideHero{
  padding:22px;
  border-radius:24px;
  border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border-color,var(--line)));
  background:radial-gradient(circle at 10% 0,color-mix(in srgb,var(--accent) 18%,transparent),transparent 36%),color-mix(in srgb,var(--surface-card,#111827) 92%,transparent);
  box-shadow:var(--shadow-soft);
}
.mxzPanelGuideHero h3{
  margin:8px 0 8px;
  font-size:clamp(26px,3.6vw,44px);
  line-height:1;
  font-weight:950;
  color:var(--text);
}
.mxzPanelGuideHero p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  font-weight:750;
  line-height:1.5;
}
.mxzPanelGuideGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:12px;
}
.mxzPanelGuideGrid article,
.mxzPanelGuideExamples{
  border:1px solid color-mix(in srgb,var(--border-color,var(--line)) 78%,transparent);
  border-radius:18px;
  background:color-mix(in srgb,var(--surface-card,#111827) 92%,transparent);
  box-shadow:var(--shadow-soft);
}
.mxzPanelGuideGrid article{
  min-height:174px;
  padding:18px;
}
.mxzPanelGuideGrid i{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,var(--accent),var(--accent2,var(--accent)));
  box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 30%,transparent);
  margin-bottom:14px;
}
.mxzPanelGuideGrid strong{
  display:block;
  color:var(--text);
  font-size:16px;
  font-weight:950;
  line-height:1.15;
}
.mxzPanelGuideGrid p,
.mxzPanelGuideExamples p{
  margin:8px 0 0;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
  line-height:1.45;
}
.mxzPanelGuideExamples{
  padding:18px;
}
.mxzPanelGuideExamples h4{
  margin:0 0 12px;
  color:var(--text);
  font-size:20px;
  font-weight:950;
}
.mxzPanelGuideExamples > div{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:10px;
}
.mxzPanelGuideExamples article{
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
}
.mxzPanelGuideExamples strong{
  display:block;
  color:var(--accent);
  font-size:14px;
  font-weight:950;
}
body.mxzSalesPanelCollapsed .mxzSalesPanelNav{
  padding-left:10px;
  padding-right:10px;
  width:92px;
  z-index:5;
  transition:width .22s ease,box-shadow .22s ease;
}
body.mxzSalesPanelCollapsed .mxzSalesPanelNav:hover,
body.mxzSalesPanelCollapsed .mxzSalesPanelNav:focus-within{
  width:300px;
  box-shadow:24px 0 58px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04);
}
body.mxzSalesPanelCollapsed .mxzSalesPanelBrand{
  justify-content:center;
  padding-left:0;
  padding-right:0;
}
body.mxzSalesPanelCollapsed .mxzSalesPanelBrand div,
body.mxzSalesPanelCollapsed .mxzSalesPanelNavBtn span{
  display:none;
}
body.mxzSalesPanelCollapsed .mxzSalesPanelCollapse{
  display:none;
}
body.mxzSalesPanelCollapsed .mxzSalesPanelCollapse i{
  transform:rotate(180deg);
}
body.mxzSalesPanelCollapsed .mxzSalesPanelCollapse i::before{
  content:"\f100";
}
body.mxzSalesPanelCollapsed .mxzSalesPanelNavBtn{
  justify-content:center;
  padding-left:8px;
  padding-right:8px;
}
body.mxzSalesPanelCollapsed .mxzSalesPanelNavBtn i{
  width:36px;
  height:36px;
}
body.mxzSalesPanelCollapsed .mxzSalesPanelNav:hover .mxzSalesPanelBrand,
body.mxzSalesPanelCollapsed .mxzSalesPanelNav:focus-within .mxzSalesPanelBrand{
  justify-content:flex-start;
  padding-left:10px;
  padding-right:10px;
}
body.mxzSalesPanelCollapsed .mxzSalesPanelNav:hover .mxzSalesPanelBrand div,
body.mxzSalesPanelCollapsed .mxzSalesPanelNav:focus-within .mxzSalesPanelBrand div,
body.mxzSalesPanelCollapsed .mxzSalesPanelNav:hover .mxzSalesPanelNavBtn span,
body.mxzSalesPanelCollapsed .mxzSalesPanelNav:focus-within .mxzSalesPanelNavBtn span{
  display:block;
}
body.mxzSalesPanelCollapsed .mxzSalesPanelNav:hover .mxzSalesPanelCollapse,
body.mxzSalesPanelCollapsed .mxzSalesPanelNav:focus-within .mxzSalesPanelCollapse{
  display:grid;
}
body.mxzSalesPanelCollapsed .mxzSalesPanelNav:hover .mxzSalesPanelNavBtn,
body.mxzSalesPanelCollapsed .mxzSalesPanelNav:focus-within .mxzSalesPanelNavBtn{
  justify-content:flex-start;
  padding-left:12px;
  padding-right:12px;
}
body.mxzSalesPanelCollapsed .mxzSalesPanelNav:hover .mxzSalesPanelNavBtn i,
body.mxzSalesPanelCollapsed .mxzSalesPanelNav:focus-within .mxzSalesPanelNavBtn i{
  width:28px;
  height:28px;
}
.vipQuotaGrid,
.salesTotalsGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-bottom:18px;
}
.vipQuotaTotal{
  min-height:92px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 4px;
  color:var(--text);
  position:relative;
  isolation:isolate;
  text-align:center;
}
.vipQuotaTotal::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:12px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, var(--accent), transparent);
  opacity:.75;
  animation:vipQuotaLine 2.4s ease-in-out infinite;
}
.vipQuotaTotal strong{
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  color:var(--muted);
  line-height:1.2;
  letter-spacing:0;
}
.vipQuotaTotal span{
  font-size:44px;
  font-weight:950;
  line-height:1;
  color:var(--accent);
  text-shadow:0 0 18px rgba(229,9,20,.35);
  animation:vipQuotaPulse 2.2s ease-in-out infinite;
}
.vipQuotaTotal.used span{
  color:#f59e0b;
  text-shadow:0 0 18px rgba(245,158,11,.35);
}
.vipQuotaTotal.used::before{
  background:linear-gradient(90deg, transparent, #f59e0b, transparent);
}
.vipQuotaTotal.remaining span{
  color:#10b981;
  text-shadow:0 0 18px rgba(16,185,129,.35);
}
.vipQuotaTotal.remaining::before{
  background:linear-gradient(90deg, transparent, #10b981, transparent);
}
@keyframes vipQuotaPulse{
  0%,100%{transform:scale(1);filter:brightness(1)}
  50%{transform:scale(1.08);filter:brightness(1.15)}
}
@keyframes vipQuotaLine{
  0%,100%{opacity:.35;transform:scaleX(.65)}
  50%{opacity:.9;transform:scaleX(1)}
}
.mxzVipCupCard{--vip-cup-water:color-mix(in srgb,var(--accent) 72%,#38bdf8 28%);--vip-cup-water-2:color-mix(in srgb,var(--accent2,var(--accent)) 60%,#fff 18%);width:min(1180px,100%);display:grid;grid-template-columns:minmax(150px,220px) minmax(0,1fr);align-items:center;gap:18px;margin:0 0 18px;padding:18px 20px;border-radius:24px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border-color,var(--line)));background:radial-gradient(circle at 14% 30%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--surface-card,#111827) 92%,transparent),color-mix(in srgb,var(--accent) 8%,var(--surface-card,#111827)));box-shadow:0 18px 44px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.035);overflow:hidden;position:relative}
.mxzVipGoalCard.mxzVipCupCard{padding:8px 0 18px;border:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.mxzVipCupCard::after{content:"";position:absolute;inset:-40% auto -40% 32%;width:120px;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);animation:mxzCupSweep 4.8s ease-in-out infinite;pointer-events:none}
.mxzVipGoalCard.mxzVipCupCard::after{display:none}
.mxzVipCupStage{min-height:188px;display:grid;place-items:center;perspective:900px;position:relative}
.mxzVipCupGlow{position:absolute;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 36%,transparent),transparent 68%);filter:blur(6px);opacity:.78;animation:mxzCupGlow 3.2s ease-in-out infinite}
.mxzVipCup{width:172px;height:190px;position:relative;transform:rotateX(9deg) rotateY(-10deg);transform-style:preserve-3d;filter:drop-shadow(0 24px 26px rgba(0,0,0,.38))}
.mxzVipCupHandle{position:absolute;top:42px;width:54px;height:72px;border:11px solid rgba(255,255,255,.34);border-bottom-color:rgba(255,255,255,.16);border-radius:48% 48% 56% 56%;box-shadow:inset 0 0 14px rgba(255,255,255,.16),0 0 18px color-mix(in srgb,var(--accent) 16%,transparent);z-index:1}
.mxzVipCupHandle.left{left:-6px;transform:rotate(-15deg)}
.mxzVipCupHandle.right{right:-6px;transform:rotate(15deg)}
.mxzVipCupBowl{position:absolute;left:31px;top:8px;width:110px;height:118px;border-radius:18% 18% 46% 46%/12% 12% 74% 74%;clip-path:polygon(6% 0,94% 0,82% 74%,64% 100%,36% 100%,18% 74%);overflow:hidden;background:linear-gradient(112deg,rgba(255,255,255,.62),rgba(255,255,255,.12) 24%,rgba(255,255,255,.30) 48%,rgba(255,255,255,.06) 78%),color-mix(in srgb,var(--surface-card,#111827) 34%,transparent);border:1px solid rgba(255,255,255,.50);box-shadow:inset 16px 0 24px rgba(255,255,255,.16),inset -20px 0 30px rgba(0,0,0,.24),0 0 30px color-mix(in srgb,var(--accent) 22%,transparent);z-index:2}
.mxzVipCupRim{position:absolute;left:4px;right:4px;top:0;height:18px;border-radius:50%;background:linear-gradient(90deg,rgba(255,255,255,.14),rgba(255,255,255,.82),rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.42);box-shadow:0 7px 16px rgba(0,0,0,.20);z-index:4}
.mxzVipCupWater{position:absolute;left:-10%;right:-10%;bottom:0;height:var(--vip-cup-fill);min-height:0;background:radial-gradient(circle at 24% 22%,rgba(255,255,255,.40),transparent 18%),linear-gradient(180deg,var(--vip-cup-water-2),var(--vip-cup-water));box-shadow:0 -10px 22px color-mix(in srgb,var(--accent) 34%,transparent),inset 0 18px 28px rgba(255,255,255,.18);transition:height .75s cubic-bezier(.2,.8,.2,1)}
.mxzVipCupWater::before{content:"";position:absolute;left:-8%;right:-8%;top:-9px;height:18px;border-radius:50%;background:linear-gradient(90deg,var(--vip-cup-water),rgba(255,255,255,.82),var(--vip-cup-water-2));animation:mxzCupWave 2.7s ease-in-out infinite}
.mxzVipCupShine{position:absolute;inset:8px 22px auto auto;width:18px;height:74px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.72),transparent);transform:rotate(15deg)}
.mxzVipCupNeck{position:absolute;left:66px;top:116px;width:40px;height:20px;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.58),rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.32);z-index:3}
.mxzVipCupStem{position:absolute;left:70px;top:132px;width:32px;height:32px;border-radius:10px 10px 5px 5px;background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,.55),rgba(255,255,255,.12));border:1px solid rgba(255,255,255,.32);z-index:2}
.mxzVipCupBase{position:absolute;left:39px;bottom:2px;width:94px;height:32px;border-radius:12px 12px 50% 50%;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.56),rgba(255,255,255,.10));border:1px solid rgba(255,255,255,.30);box-shadow:inset 0 9px 14px rgba(255,255,255,.12),0 10px 20px rgba(0,0,0,.25);z-index:1}
.mxzVipCupInfo{position:relative;z-index:1;min-width:0}.mxzVipCupEyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:12px;font-weight:950;text-transform:uppercase;margin-bottom:6px}.mxzVipCupInfo strong{display:block;font-size:clamp(24px,4vw,44px);line-height:1;font-weight:950;color:var(--text)}.mxzVipCupInfo p{margin:8px 0 12px;max-width:620px;color:var(--muted);font-size:14px;line-height:1.45}
.mxzVipCupMeter{width:min(520px,100%);height:12px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.mxzVipCupMeter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--vip-cup-water),var(--vip-cup-water-2));box-shadow:0 0 18px color-mix(in srgb,var(--accent) 48%,transparent);transition:width .75s ease}.mxzVipCupMeta{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:12px;font-weight:900}
.mxzVipCupCard.ready .mxzVipCupGlow,.mxzVipCupAwardTrophy{animation:mxzCupWinGlow 1.2s ease-in-out infinite}.mxzVipCupAwardOverlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.mxzVipCupAwardCard{width:min(460px,100%);text-align:center;border-radius:26px;padding:28px 24px;border:1px solid color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.18));background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 42%),var(--surface-card,#111827);box-shadow:0 24px 70px rgba(0,0,0,.5),0 0 40px color-mix(in srgb,var(--accent) 34%,transparent);animation:mxzAwardPop .45s cubic-bezier(.2,.9,.2,1)}
.mxzVipCupAwardTrophy{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;color:#fff;font-size:56px;background:linear-gradient(135deg,var(--accent),var(--accent2,var(--accent)));box-shadow:0 0 34px color-mix(in srgb,var(--accent) 55%,transparent)}.mxzVipCupAwardCard span{color:var(--accent);font-size:12px;font-weight:950;text-transform:uppercase}.mxzVipCupAwardCard h3{margin:8px 0;font-size:28px}.mxzVipCupAwardCard p{margin:0 0 18px;color:var(--muted);line-height:1.45}
@keyframes mxzCupWave{0%,100%{transform:translateX(-3%) rotate(-1deg)}50%{transform:translateX(3%) rotate(1deg)}}@keyframes mxzCupGlow{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:.95;transform:scale(1.05)}}@keyframes mxzCupWinGlow{0%,100%{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 42%,transparent))}50%{filter:drop-shadow(0 0 34px color-mix(in srgb,var(--accent) 76%,transparent))}}@keyframes mxzCupSweep{0%,60%,100%{transform:translateX(-240px) rotate(18deg)}78%{transform:translateX(720px) rotate(18deg)}}@keyframes mxzAwardPop{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
.mxzVipWorldCup{width:186px;max-width:100%;height:auto;position:relative;z-index:1;overflow:visible;transform:rotateX(7deg) rotateY(-8deg);filter:drop-shadow(0 24px 26px rgba(0,0,0,.38))}
.mxzWorldCupHalo{fill:color-mix(in srgb,var(--accent) 24%,transparent);filter:blur(12px);opacity:.8;animation:mxzCupGlow 3.2s ease-in-out infinite}
.mxzCupWorldBody{fill:url(#mxzCupGold);stroke:rgba(255,255,255,.55);stroke-width:1.4}
.mxzCupWorldGlass{fill:url(#mxzCupGlass);stroke:rgba(255,255,255,.38);stroke-width:1.2;mix-blend-mode:screen}
.mxzCupWorldWater{fill:url(#mxzCupThemeWater);opacity:.9;transition:y .75s cubic-bezier(.2,.8,.2,1)}
.mxzCupWorldWave{fill:url(#mxzCupThemeWater);opacity:.95;animation:mxzWorldCupWave 2.8s ease-in-out infinite}
.mxzCupWorldLand{fill:rgba(92,59,9,.34);stroke:rgba(255,255,255,.15);stroke-width:.8;mix-blend-mode:multiply}
.mxzCupWorldFigure{fill:rgba(120,78,10,.30);stroke:rgba(255,240,170,.34);stroke-width:1.1;mix-blend-mode:multiply}
.mxzCupWorldHuman{fill:rgba(255,231,120,.72);stroke:rgba(95,62,8,.35);stroke-width:1.2;filter:drop-shadow(0 3px 4px rgba(77,45,0,.28))}
.mxzCupWorldTexture{fill:none;stroke:rgba(90,57,8,.26);stroke-width:2;stroke-linecap:round;opacity:.8}
.mxzCupWorldStem,.mxzCupWorldBase,.mxzCupWorldBaseGold,.mxzCupWorldTitle{fill:url(#mxzCupGold);stroke:rgba(255,255,255,.36);stroke-width:1}
.mxzCupWorldGreenBand{fill:#087049;stroke:rgba(255,240,170,.42);stroke-width:1}
.mxzCupWorldGreenBand.top,.mxzCupWorldGreenBand.bottom{fill:#087049}
.mxzCupWorldTitle{opacity:.72}
.mxzCupWorldHighlight{fill:none;stroke:rgba(255,255,255,.72);stroke-width:5;stroke-linecap:round;opacity:.7;filter:drop-shadow(0 0 8px rgba(255,255,255,.28))}
.mxzCupWorldHighlight.thin{stroke-width:2.6;opacity:.45}
.mxzVipCupCard.ready .mxzVipWorldCup{animation:mxzWorldCupWin 1.15s ease-in-out infinite}
@keyframes mxzWorldCupWave{0%,100%{transform:translateX(-4px)}50%{transform:translateX(5px)}}
@keyframes mxzWorldCupWin{0%,100%{filter:drop-shadow(0 24px 26px rgba(0,0,0,.38)) drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 38%,transparent));transform:rotateX(7deg) rotateY(-8deg) translateY(0)}50%{filter:drop-shadow(0 24px 26px rgba(0,0,0,.38)) drop-shadow(0 0 30px color-mix(in srgb,var(--accent) 74%,transparent));transform:rotateX(7deg) rotateY(-8deg) translateY(-4px)}}
.mxzVipGoalCard{--goal-field:color-mix(in srgb,var(--accent) 9%,var(--surface-card,#111827));grid-template-columns:minmax(420px,1.25fr) minmax(280px,.75fr)}
.mxzVipGoalStage{min-height:210px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.mxzVipGoalImageBox{width:min(560px,100%);aspect-ratio:16/9;display:grid;place-items:center;border-radius:0;border:0;background:transparent;box-shadow:none;overflow:hidden}
.mxzVipGoalImageBox img{width:100%;height:100%;object-fit:contain;display:block}
.mxzVipGoalField{width:100%;height:178px;position:relative;border-radius:22px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border-color,var(--line)));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 44px),linear-gradient(180deg,var(--goal-field),color-mix(in srgb,var(--surface-card,#111827) 92%,#000));box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 18px 36px rgba(0,0,0,.24);overflow:hidden}
.mxzVipGoalField::before{content:"";position:absolute;left:8%;right:8%;bottom:34px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent)}
.mxzVipGoalTrack{position:absolute;left:24px;right:78px;bottom:22px;height:12px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);overflow:hidden}
.mxzVipGoalTrack span{display:block;width:var(--vip-goal-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2,var(--accent)));box-shadow:0 0 18px color-mix(in srgb,var(--accent) 48%,transparent);transition:width .75s ease}
.mxzVipGoalArch{position:absolute;right:20px;top:38px;width:64px;height:96px;border:7px solid rgba(255,255,255,.86);border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 24%,transparent),inset 0 0 16px rgba(255,255,255,.16)}
.mxzVipGoalNet{position:absolute;inset:7px;border-radius:10px 10px 0 0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.32) 0 1px,transparent 1px 10px),repeating-linear-gradient(0deg,rgba(255,255,255,.22) 0 1px,transparent 1px 10px);opacity:.72}
.mxzVipGoalFlag{position:absolute;right:30px;top:12px;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2,var(--accent)));color:#fff;box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 35%,transparent)}
.mxzVipRunner{position:absolute;left:var(--vip-runner-left);bottom:44px;width:58px;height:92px;transform:translateX(-50%);transition:left .75s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 14px 16px rgba(0,0,0,.30));animation:mxzRunnerBounce 1.1s ease-in-out infinite}
.mxzVipRunnerHead{position:absolute;left:17px;top:0;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#ffe2a8,#c88a36);border:2px solid rgba(255,255,255,.42)}
.mxzVipRunnerBody{position:absolute;left:10px;top:28px;width:40px;height:38px;border-radius:14px 14px 16px 16px;background:linear-gradient(135deg,var(--accent),var(--accent2,var(--accent)));border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.mxzVipRunnerBody img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.28))}
.mxzVipRunnerBody i{color:#fff;font-size:18px}
.mxzVipRunnerArm,.mxzVipRunnerLeg{position:absolute;background:linear-gradient(180deg,#ffdca2,#b87825);border-radius:999px;transform-origin:50% 0}
.mxzVipRunnerArm{top:35px;width:9px;height:34px}.mxzVipRunnerArm.left{left:5px;transform:rotate(34deg);animation:mxzRunnerArmLeft .8s ease-in-out infinite}.mxzVipRunnerArm.right{right:5px;transform:rotate(-34deg);animation:mxzRunnerArmRight .8s ease-in-out infinite}
.mxzVipRunnerLeg{top:63px;width:10px;height:34px}.mxzVipRunnerLeg.left{left:18px;transform:rotate(24deg);animation:mxzRunnerLegLeft .8s ease-in-out infinite}.mxzVipRunnerLeg.right{right:18px;transform:rotate(-24deg);animation:mxzRunnerLegRight .8s ease-in-out infinite}
.mxzVipRunnerShadow{position:absolute;left:5px;right:5px;bottom:-5px;height:10px;border-radius:50%;background:rgba(0,0,0,.28);filter:blur(2px)}
.mxzVipCar{width:82px;height:54px;bottom:50px;animation:none}
.mxzVipCarGlow{position:absolute;left:-18px;right:-18px;top:8px;height:34px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 34%,transparent),transparent 68%);filter:blur(8px);opacity:.9}
.mxzVipCarBody{position:absolute;left:4px;right:4px;bottom:12px;height:25px;border-radius:18px 26px 10px 10px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 92%,#fff 8%),color-mix(in srgb,var(--accent2,var(--accent)) 72%,#050816));border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.28)}
.mxzVipCarBody::before{content:"";position:absolute;left:9px;right:12px;top:8px;height:3px;border-radius:999px;background:rgba(255,255,255,.62);opacity:.55}
.mxzVipCarCabin{position:absolute;left:24px;top:2px;width:34px;height:26px;border-radius:18px 18px 8px 8px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.16));border:1px solid rgba(255,255,255,.38);display:grid;place-items:center;overflow:hidden;z-index:2;box-shadow:inset 0 0 12px rgba(255,255,255,.18)}
.mxzVipCarCabin img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.28))}
.mxzVipCarCabin i{color:#fff;font-size:15px}
.mxzVipCarLight{position:absolute;bottom:22px;width:8px;height:8px;border-radius:50%;z-index:3}
.mxzVipCarLight.front{right:2px;background:#e0f2fe;box-shadow:0 0 14px #38bdf8}
.mxzVipCarLight.back{left:4px;background:#f87171;box-shadow:0 0 12px #ef4444}
.mxzVipCarWheel{position:absolute;bottom:5px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#9ca3af 0 20%,#111827 22% 58%,#020617 60%);border:2px solid rgba(255,255,255,.18);z-index:4}
.mxzVipCarWheel.left{left:16px}.mxzVipCarWheel.right{right:12px}
.mxzVipCar .mxzVipRunnerShadow{left:10px;right:8px;bottom:0;height:9px}
.mxzVipGoalCard.ready .mxzVipGoalArch,.mxzVipGoalCard.ready .mxzVipGoalFlag{animation:mxzGoalWin 1.1s ease-in-out infinite}
@keyframes mxzRunnerBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-4px)}}@keyframes mxzRunnerArmLeft{0%,100%{transform:rotate(34deg)}50%{transform:rotate(-24deg)}}@keyframes mxzRunnerArmRight{0%,100%{transform:rotate(-34deg)}50%{transform:rotate(24deg)}}@keyframes mxzRunnerLegLeft{0%,100%{transform:rotate(24deg)}50%{transform:rotate(-18deg)}}@keyframes mxzRunnerLegRight{0%,100%{transform:rotate(-24deg)}50%{transform:rotate(18deg)}}@keyframes mxzGoalWin{0%,100%{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 35%,transparent))}50%{filter:drop-shadow(0 0 24px color-mix(in srgb,var(--accent) 74%,transparent))}}
.salesTotalsGrid{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.salesTotalsGrid .statBox,
.statsGrid .statBox,
.statsGrid .statBox.salesTotalCard{
  min-height:92px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 4px;
  position:relative;
  isolation:isolate;
  text-align:center;
}
.salesTotalsGrid .statBox::before,
.statsGrid .statBox::before,
.statsGrid .statBox.salesTotalCard::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:12px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, var(--accent), transparent);
  opacity:.75;
  animation:vipQuotaLine 2.4s ease-in-out infinite;
}
.salesTotalsGrid .statBox strong,
.statsGrid .statBox strong,
.statsGrid .statBox.salesTotalCard strong{
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  color:var(--muted);
  line-height:1.2;
  letter-spacing:0;
  margin:0;
}
.salesTotalsGrid .statBox span,
.statsGrid .statBox span,
.statsGrid .statBox.salesTotalCard span{
  font-size:38px;
  font-weight:950;
  line-height:1;
  color:var(--accent);
  text-shadow:0 0 18px rgba(229,9,20,.35);
  animation:vipQuotaPulse 2.2s ease-in-out infinite;
  margin:0;
}
.salesTotalsGrid .statBox:nth-child(1) span,
.salesTotalCard.usd span{
  color:#10b981;
  text-shadow:0 0 18px rgba(16,185,129,.35);
}
.salesTotalsGrid .statBox:nth-child(1)::before,
.salesTotalCard.usd::before{
  background:linear-gradient(90deg, transparent, #10b981, transparent);
}
.salesTotalsGrid .statBox:nth-child(2) span,
.salesTotalCard.local span{
  color:#38bdf8;
  text-shadow:0 0 18px rgba(56,189,248,.35);
}
.salesTotalsGrid .statBox:nth-child(2)::before,
.salesTotalCard.local::before{
  background:linear-gradient(90deg, transparent, #38bdf8, transparent);
}
.salesTotalsGrid .statBox:nth-child(3) span,
.statsGrid .statBox:nth-child(1) span,
.salesTotalCard.standard span{
  color:#f59e0b;
  text-shadow:0 0 18px rgba(245,158,11,.35);
}
.salesTotalsGrid .statBox:nth-child(3)::before,
.statsGrid .statBox:nth-child(1)::before,
.salesTotalCard.standard::before{
  background:linear-gradient(90deg, transparent, #f59e0b, transparent);
}
.salesTotalsGrid .statBox:nth-child(4) span,
.statsGrid .statBox:nth-child(2) span,
.salesTotalCard.vip span{
  color:#ec4899;
  text-shadow:0 0 18px rgba(236,72,153,.35);
}
.salesTotalsGrid .statBox:nth-child(4)::before,
.statsGrid .statBox:nth-child(2)::before,
.salesTotalCard.vip::before{
  background:linear-gradient(90deg, transparent, #ec4899, transparent);
}
.salesTotalsGrid .statBox:nth-child(5) span,
.statsGrid .statBox:nth-child(3) span,
.salesTotalCard.max span{
  color:#8b5cf6;
  text-shadow:0 0 18px rgba(139,92,246,.35);
}
.salesTotalsGrid .statBox:nth-child(5)::before,
.statsGrid .statBox:nth-child(3)::before,
.salesTotalCard.max::before{
  background:linear-gradient(90deg, transparent, #8b5cf6, transparent);
}

@media (max-width:420px){.main{padding:10px}.statBox span{font-size:19px}.sectionHead h4{font-size:20px}}
@media (max-width:640px){
  body:not(.mxzSalesFullscreen) .mxzSalesDashboard{grid-template-columns:1fr;gap:12px}
  body:not(.mxzSalesFullscreen) .mxzSalesPanelNav{
    position:relative;
    top:auto;
    display:flex;
    overflow-x:auto;
    gap:8px;
    padding:10px;
    border-radius:18px;
    scroll-snap-type:x proximity;
  }
  body:not(.mxzSalesFullscreen) .mxzSalesPanelBrand{display:none}
  body:not(.mxzSalesFullscreen) .mxzSalesPanelNavBtn{
    flex:0 0 auto;
    min-width:118px;
    min-height:42px;
    justify-content:center;
    padding:8px 10px;
    border-radius:14px;
    font-size:11px;
    scroll-snap-align:start;
  }
  body:not(.mxzSalesFullscreen) .mxzSalesPanelNavBtn i{width:24px;height:24px;border-radius:9px}
  .mxzSalesPanelHero{flex-direction:column;padding:16px;border-radius:20px}
  .mxzSalesHeroActions{width:100%;justify-content:flex-start}
  .mxzSalesInsights{grid-template-columns:1fr}
  .mxzSalesChartBox{height:300px;padding:14px!important}
  .mxzCurrencyBreakdownHead{align-items:flex-start;flex-direction:column}
  .panelTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;border-radius:18px}
  .panelTabButton{min-height:44px;font-size:11px;padding:8px;line-height:1.2}
  .mxzVipCupCard{grid-template-columns:1fr;text-align:center;padding:16px 14px;gap:8px}
  .mxzVipGoalCard{grid-template-columns:1fr}
  .mxzVipGoalStage{min-height:170px;width:100%}
  .mxzVipGoalImageBox{width:100%;aspect-ratio:16/9}
  .mxzVipGoalField{height:150px}
  .mxzVipRunner{width:48px;height:78px;bottom:38px}
  .mxzVipCar{width:64px;height:44px;bottom:44px}
  .mxzVipCarCabin{left:19px;width:28px;height:22px}
  .mxzVipCarWheel{width:15px;height:15px}
  .mxzVipCarWheel.left{left:12px}.mxzVipCarWheel.right{right:9px}
  .mxzVipRunnerHead{left:14px;width:22px;height:22px}
  .mxzVipRunnerBody{left:8px;top:24px;width:34px;height:32px}
  .mxzVipRunnerArm{top:30px;height:28px}
  .mxzVipRunnerLeg{top:54px;height:28px}
  .mxzVipGoalArch{right:14px;top:34px;width:52px;height:78px;border-width:6px}
  .mxzVipGoalTrack{left:16px;right:62px}
  .mxzVipCupStage{min-height:154px}
  .mxzVipWorldCup{width:148px;transform:rotateX(7deg) rotateY(-8deg)}
  .mxzVipCupInfo p{font-size:12px;margin:6px auto 10px}
  .mxzVipCupMeta{justify-content:center}
  .vipQuotaGrid,
  .salesTotalsGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px}
  .vipQuotaTotal{grid-column:1/-1;min-height:74px;padding:4px 2px}
  .salesTotalsGrid .vipQuotaTotal,
  .statsGrid .vipQuotaTotal{grid-column:auto}
  .vipQuotaTotal span{font-size:36px}
  .vipQuotaGrid .statBox,
  .salesTotalsGrid .statBox,
  .statsGrid .statBox{padding:8px 4px !important;min-height:74px}
  .vipQuotaGrid .statBox strong,
  .salesTotalsGrid .statBox strong,
  .statsGrid .statBox strong{font-size:10px;line-height:1.25}
  .vipQuotaGrid .statBox span,
  .salesTotalsGrid .statBox span,
  .statsGrid .statBox span{font-size:32px;line-height:1}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (max-width:760px){
  .mxzThemeBuilderGrid{grid-template-columns:1fr!important}
  .mxzThemePreview{grid-template-columns:64px minmax(0,1fr);height:112px}
  .mxzThemeActions{justify-content:stretch}
  .mxzThemeActions .btn{width:100%}
  .mxzThemeImageActions .btn{flex:1 1 140px}
  .mxzSavedThemeGrid{grid-template-columns:1fr}
  .mxzSavedThemeCard{grid-template-columns:38px minmax(0,1fr);align-items:start}
  .mxzSavedThemeActions{grid-column:1 / -1;justify-content:flex-end}
}
@media (max-width:760px){
  body.mxzSalesFullscreen #contentArea > .mxzSalesDashboard,
  body.mxzSalesFullscreen #contentArea > .fade-in-content.mxzSalesDashboard{
    grid-template-columns:1fr;
    min-height:100vh;
  }
  body.mxzSalesFullscreen .mxzSalesPanelNav{
    display:grid;
    position:sticky;
    top:0;
    min-height:auto;
    height:auto;
    max-height:calc(100dvh - 12px);
    overflow:auto;
    gap:8px;
    padding:10px;
    border-right:0;
    border-bottom:1px solid color-mix(in srgb,var(--accent) 22%,var(--border-color,var(--line)));
    box-shadow:0 14px 34px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04);
    z-index:10;
  }
  body.mxzSalesFullscreen .mxzSalesPanelBrand{
    justify-content:flex-start;
    padding:8px;
    margin-bottom:0;
    border-bottom:0;
  }
  body.mxzSalesFullscreen .mxzSalesPanelBrand div{
    display:block;
    min-width:0;
  }
  body.mxzSalesFullscreen .mxzSalesPanelBrand strong,
  body.mxzSalesFullscreen .mxzSalesPanelBrand span{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  body.mxzSalesFullscreen .mxzSalesPanelCollapse{
    display:grid;
    flex:0 0 42px;
    width:42px;
    height:42px;
    border-radius:14px;
  }
  body.mxzSalesFullscreen .mxzSalesPanelCollapse i::before{
    content:"\f0c9";
  }
  body.mxzSalesFullscreen .mxzSalesPanelNavBtn{
    display:none;
    min-height:46px;
    justify-content:flex-start;
    min-width:0;
    padding:9px 11px;
    border-radius:14px;
    font-size:13px;
  }
  body.mxzSalesFullscreen.mxzSalesMobileNavOpen .mxzSalesPanelNavBtn{
    display:flex;
  }
  body.mxzSalesFullscreen .mxzSalesPanelNavBtn span{
    display:block;
  }
  body.mxzSalesFullscreen .mxzSalesPanelNavBtn.muted{
    margin-top:0;
  }
  body.mxzSalesFullscreen .mxzSalesPanelNavBtn i{
    width:28px;
    height:28px;
  }
  body.mxzSalesFullscreen .mxzSalesPanelMain{
    padding:12px;
  }
  body.mxzSalesFullscreen.mxzSalesPanelCollapsed #contentArea > .mxzSalesDashboard,
  body.mxzSalesFullscreen.mxzSalesPanelCollapsed #contentArea > .fade-in-content.mxzSalesDashboard{
    grid-template-columns:1fr;
  }
  body.mxzSalesFullscreen.mxzSalesPanelCollapsed .mxzSalesPanelNav{
    width:auto;
    padding:10px;
  }
  body.mxzSalesFullscreen.mxzSalesPanelCollapsed .mxzSalesPanelBrand{
    justify-content:flex-start;
    padding:8px;
  }
  body.mxzSalesFullscreen.mxzSalesPanelCollapsed .mxzSalesPanelBrand div{
    display:block;
  }
  body.mxzSalesFullscreen.mxzSalesPanelCollapsed .mxzSalesPanelCollapse{
    display:grid;
  }
  body.mxzSalesFullscreen.mxzSalesPanelCollapsed .mxzSalesPanelNavBtn span{
    display:block;
  }
  body.mxzSalesFullscreen.mxzSalesPanelCollapsed .mxzSalesPanelNavBtn{
    justify-content:flex-start;
    padding:9px 11px;
  }
}

@media (max-width:820px){
  .mxzRadioFmHero{align-items:flex-start;flex-direction:column;padding:18px;border-radius:22px}
  .mxzRadioFmBadge{width:86px;height:86px;border-radius:22px}
  .mxzRadioFmShell{grid-template-columns:1fr}
  .mxzRadioFmNow{grid-template-columns:1fr;text-align:center}
  .mxzRadioFmCover{width:min(220px,80vw);margin:0 auto}
  .mxzRadioFmQueue{max-height:none}
}

@media (max-width:760px){
  .resourceInlineWrap.mxzTheaterActive:has(.mxzRadioFmPlayerView){
    position:fixed !important;
    inset:0 !important;
    width:100vw !important;
    max-width:100vw !important;
    height:100dvh !important;
    margin:0 !important;
    padding:8px !important;
    overflow:auto !important;
    background:var(--bg, #050505) !important;
  }
  .mxzRadioFmPlayerView{
    width:100% !important;
    min-height:100% !important;
    display:block !important;
  }
  .mxzRadioFmPlayerView > .mxzTheaterTopbar{
    display:none !important;
  }
  .mxzRadioFmShell{
    width:100% !important;
    min-height:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .mxzRadioFmNow{
    min-height:auto !important;
    padding:62px 14px 14px !important;
    border-radius:20px !important;
  }
  .mxzRadioFmQueue{
    min-height:360px !important;
    border-radius:20px !important;
  }
  .mxzRadioFmInlineActions button span{
    display:inline !important;
  }
}

/* === MAXZIMEDIA motion polish: sidebar, sliders, covers and content entries === */
:root{
  --mxz-motion-fast:.22s;
  --mxz-motion-med:.44s;
  --mxz-motion-slow:.72s;
  --mxz-ease-premium:cubic-bezier(.16,1,.3,1);
}

@keyframes mxzContentRise{
  from{opacity:0;transform:translateY(18px) scale(.985);filter:blur(8px)}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}

@keyframes mxzCardCascade{
  from{opacity:0;transform:translateY(22px) scale(.965);filter:blur(10px)}
  65%{opacity:1}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}

@keyframes mxzSoftFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}

@keyframes mxzIconPop{
  0%{transform:translateZ(0) scale(1) rotate(0)}
  45%{transform:translateZ(24px) scale(1.16) rotate(-4deg)}
  100%{transform:translateZ(18px) scale(1.08) rotate(0)}
}

@keyframes mxzPressRipple{
  from{opacity:.46;transform:translate(-50%,-50%) scale(.2)}
  to{opacity:0;transform:translate(-50%,-50%) scale(2.6)}
}

#contentArea > *{
  animation:mxzContentRise var(--mxz-motion-slow) var(--mxz-ease-premium) both;
}

.grid .card,
.folderExplorerGrid .folderExplorerCard,
.modularSeriesGrid .modularSeriesCard{
  animation:mxzCardCascade .62s var(--mxz-ease-premium) both;
  animation-delay:calc(min(var(--mxz-stagger-index, 0), 18) * 38ms);
}

.mxz-home-premium-header,
.mxz-home-banners,
.sectionHead,
.subcategoryPanel,
.categoryBgArea{
  animation:mxzContentRise .58s var(--mxz-ease-premium) both;
}

.sidebar{
  transition:
    width .42s var(--mxz-ease-premium),
    transform .42s var(--mxz-ease-premium),
    box-shadow .42s ease,
    background .42s ease !important;
}

.sidebar.open{
  box-shadow:32px 0 80px rgba(0,0,0,.44);
}

.sideBrand{
  transition:transform .38s var(--mxz-ease-premium), box-shadow .38s ease, border-color .38s ease;
}

.sideBrand:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb, var(--accent) 38%, var(--border-color, var(--line)));
  box-shadow:0 18px 42px rgba(0,0,0,.28), 0 0 24px color-mix(in srgb, var(--accent) 14%, transparent);
}

.sidebar .menuBtn{
  backface-visibility:hidden;
}

.sidebar .menuBtn span,
.sidebar .menuBtn i{
  position:relative;
  z-index:2;
}

.sidebar .menuBtn::before{
  box-shadow:0 0 14px color-mix(in srgb, var(--accent) 64%, transparent);
}

.sidebar .menuBtn:hover i,
.sidebar .menuBtn.active i{
  animation:mxzIconPop .44s var(--mxz-ease-premium) both;
}

.btn,
.tinyAction,
.mxz-category-arrow,
.mxz-slider-btn,
.mxz-plans-back-btn,
.mxz-plans-close-btn,
.subcategoryOption,
.historyTag{
  overflow:hidden;
}

.btn::before,
.tinyAction::before,
.mxz-category-arrow::before,
.mxz-slider-btn::before,
.mxz-plans-back-btn::before,
.mxz-plans-close-btn::before,
.subcategoryOption::before,
.historyTag::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:46px;
  height:46px;
  border-radius:50%;
  pointer-events:none;
  background:color-mix(in srgb, var(--accent) 44%, #ffffff 16%);
  opacity:0;
  transform:translate(-50%,-50%) scale(.2);
}

.btn:active::before,
.tinyAction:active::before,
.mxz-category-arrow:active::before,
.mxz-slider-btn:active::before,
.mxz-plans-back-btn:active::before,
.mxz-plans-close-btn:active::before,
.subcategoryOption:active::before,
.historyTag:active::before{
  animation:mxzPressRipple .42s ease-out forwards;
}

.mxz-category-apps-track,
#codeModal[data-mxz-plans-mode="catalog"] .mxz-plans-grid,
.mxz-plans-grid{
  scroll-snap-type:x proximity;
  scroll-padding-inline:16px;
}

.mxz-category-app-card,
.mxz-plan-card{
  scroll-snap-align:center;
}

.mxz-category-app-card{
  transform-origin:center bottom;
}

.mxz-category-app-card:hover,
.mxz-category-app-card.active,
.mxz-category-app-card.touchZoom{
  transform:translateY(-7px) translateZ(0) scale(1.05) !important;
}

.mxz-category-app-card:hover i,
.mxz-category-app-card.active i,
.mxz-category-app-card.touchZoom i{
  animation:mxzIconPop .48s var(--mxz-ease-premium) both;
}

.mxz-category-arrow,
.mxz-slider-btn{
  transition:
    transform .32s var(--mxz-ease-premium),
    background .32s ease,
    color .32s ease,
    box-shadow .32s ease !important;
}

.mxz-category-arrow:hover,
.mxz-slider-btn:hover{
  transform:translateY(-2px) scale(1.1) !important;
}

.mxz-home-banner-card,
.homeAdCard,
.card,
.folderExplorerCard{
  backface-visibility:hidden;
}

.mxz-home-banner-card img,
.homeAdCard img,
.cover img,
.folderExplorerThumb img{
  transform-origin:center;
  transition:
    transform .72s var(--mxz-ease-premium),
    filter .52s ease,
    opacity .35s ease !important;
}

.mxz-home-banner-card:hover img{
  transform:scale(1.045) !important;
  filter:brightness(1.07) saturate(1.08) contrast(1.03);
}

.card:hover .cover img,
.folderExplorerCard:hover .folderExplorerThumb img,
.homeAdCard:hover img{
  transform:scale(1.105) rotate(.35deg) !important;
}

.cover::before,
.folderExplorerThumb::before,
.mxz-home-banner-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:0;
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 46%),
    linear-gradient(180deg, transparent 54%, rgba(0,0,0,.38));
  transition:opacity .42s ease;
}

.card:hover .cover::before,
.folderExplorerCard:hover .folderExplorerThumb::before,
.mxz-home-banner-card:hover::before{
  opacity:1;
}

.cardBody h5,
.folderExplorerName{
  transition:color .32s ease, text-shadow .32s ease;
}

.card:hover .cardBody h5,
.folderExplorerCard:hover .folderExplorerName{
  color:color-mix(in srgb, var(--accent) 72%, var(--text));
  text-shadow:0 0 16px color-mix(in srgb, var(--accent) 24%, transparent);
}

.cover.loaded,
.cover:not(.loading){
  animation:mxzContentRise .46s var(--mxz-ease-premium) both;
}

.topbar,
.hero,
.mxz-home-premium-header{
  transition:transform .42s var(--mxz-ease-premium), box-shadow .42s ease, border-color .42s ease !important;
}

.topbar:hover,
.hero:hover,
.mxz-home-premium-header:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 54px rgba(0,0,0,.30), 0 0 28px color-mix(in srgb, var(--accent) 12%, transparent);
}

.mxz-slider-dots .mxz-dot,
.mxz-dot{
  transition:width .28s var(--mxz-ease-premium), transform .28s var(--mxz-ease-premium), background .28s ease, opacity .28s ease;
}

.mxz-slider-dots .mxz-dot.mxz-active,
.mxz-dot.mxz-active{
  transform:scale(1.12);
}

.mxzLoadingBrand,
.mxz-home-logo-badge,
.mxzActiveUsersPill{
  animation-duration:3.2s;
}

@media (hover:none){
  .card:hover,
  .folderExplorerCard:hover,
  .mxz-home-banner-card:hover,
  .homeAdCard:hover,
  .panelBox:hover,
  .topbar:hover,
  .hero:hover,
  .mxz-home-premium-header:hover{
    transform:none !important;
  }
}

@media (prefers-reduced-motion:reduce){
  #contentArea > *,
  .grid .card,
  .folderExplorerGrid .folderExplorerCard,
  .modularSeriesGrid .modularSeriesCard,
  .mxz-home-premium-header,
  .mxz-home-banners,
  .sectionHead,
  .subcategoryPanel,
  .categoryBgArea{
    animation:none !important;
  }
}

/* === FINAL OVERRIDE: keep runtime light and TV controls usable === */
#contentArea > *,
.grid .card,
.folderExplorerGrid .folderExplorerCard,
.modularSeriesGrid .modularSeriesCard,
.mxz-home-premium-header,
.mxz-home-banners,
.sectionHead,
.subcategoryPanel,
.categoryBgArea{
  animation:none !important;
}

.sidebar,
.card,
.folderExplorerCard,
.mxz-home-banner-card,
.homeAdCard,
.mxzLiveTvCard,
.mxzRadioFmCard,
.mxzFullMp3Card,
.mxzNovelCard,
.mxzDocumentaryCard,
.mxzKaraokeCard,
.mxz-category-app-card,
.mxz-plan-card,
.topbar,
.hero,
.mxz-home-premium-header,
.btn,
.tinyAction,
.mxz-category-arrow,
.mxz-slider-btn,
.subcategoryOption{
  transform:none !important;
  transition:none !important;
}

.card:hover .cover img,
.folderExplorerCard:hover .folderExplorerThumb img,
.mxz-home-banner-card:hover img,
.homeAdCard:hover img,
.mxzLiveTvCard:hover .cover img,
.mxzRadioFmCard:hover .cover img,
.mxzFullMp3Card:hover .cover img,
.mxzNovelCard:hover .cover img,
.mxzDocumentaryCard:hover .cover img,
.mxzKaraokeCard:hover .cover img{
  transform:none !important;
  filter:none !important;
}

@media (min-width:901px){
  .mxzTheaterPlayer:has(.mxzLiveTvPlayer),
  .mxzTheaterPlayer:has(video[data-hls-src]){
    overflow:visible !important;
  }

  .mxzTheaterPlayer .mxzLiveTvPlayer{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    height:100% !important;
    min-height:360px !important;
    overflow:visible !important;
    background:#000 !important;
    border-radius:12px !important;
  }

  .mxzTheaterPlayer .mxzLiveTvPlayer video,
  .mxzTheaterPlayer video[data-hls-src]{
    position:relative !important;
    z-index:3 !important;
    width:100% !important;
    height:100% !important;
    min-height:360px !important;
    object-fit:contain !important;
    pointer-events:auto !important;
  }
}

body.mxzDemoRestrictedMode .mxzIaFab,
body.mxzDemoRestrictedMode .mxzIaPanel{
  display:none !important;
}

.mxzIaFab,
.mxzIaPanel{
  display:none !important;
}

.mxz-plan-sales-highlight{
  display:grid;
  gap:8px;
  margin-top:12px;
  padding:14px;
  border:1px solid color-mix(in srgb, var(--accent) 45%, #ffffff 14%);
  border-radius:16px;
  background:linear-gradient(135deg, rgba(0,0,0,.72), color-mix(in srgb, var(--accent) 24%, #111827));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}

.mxz-plan-sales-highlight span{
  color:#ffffff;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}

.mxz-plan-sales-highlight strong{
  color:#ffffff;
  font-size:14px;
  line-height:1.35;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}

.mxzMoreInfoBtn{
  justify-self:start;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:#ffffff;
  color:#10131a;
  font-size:12px;
  font-weight:950;
  padding:8px 12px;
  cursor:pointer;
}

.mxzSalesInfoOverlay,
.mxzAdminRoleOverlay{
  position:fixed;
  inset:0;
  z-index:2147483600;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(0,0,0,.68);
  backdrop-filter:blur(10px);
}

.mxzSalesInfoCard,
.mxzAdminRoleCard{
  width:min(620px,100%);
  position:relative;
  border-radius:22px;
  border:1px solid color-mix(in srgb, var(--accent) 32%, rgba(255,255,255,.16));
  background:linear-gradient(145deg, #0b0f19, color-mix(in srgb, var(--accent) 13%, #111827));
  color:#ffffff;
  padding:22px;
  box-shadow:0 28px 80px rgba(0,0,0,.44);
}

.mxzSalesInfoClose{
  position:absolute;
  top:12px;
  right:12px;
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.1);
  color:#ffffff;
  cursor:pointer;
}

.mxzSalesInfoKicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#ffffff;
  font-weight:950;
  text-transform:uppercase;
  font-size:12px;
}

.mxzSalesInfoCard h3{
  margin:10px 0;
  font-size:clamp(24px,4vw,36px);
}

.mxzSalesInfoCard p{
  color:rgba(255,255,255,.78);
  line-height:1.55;
}

.mxzAdminRoleCard h3{
  margin:10px 0;
  font-size:clamp(24px,4vw,34px);
}

.mxzAdminRoleCard p{
  color:var(--muted);
  line-height:1.5;
}

.mxzSalesInfoGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:16px 0;
}

.mxzSalesInfoGrid article{
  border:1px solid rgba(255,255,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.08);
  padding:12px;
}

.mxzSalesInfoGrid strong,
.mxzSalesInfoGrid b,
.mxzSalesInfoGrid span{
  display:block;
}

.mxzSalesInfoGrid b{
  margin-top:6px;
  color:#ffffff;
  font-size:18px;
}

.mxzVipPackageGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}

.mxzVipPackageOption{
  display:grid;
  gap:6px;
  text-align:left;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:rgba(255,255,255,.08);
  color:#ffffff;
  padding:14px;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}

.mxzVipPackageOption:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb, var(--accent) 55%, #ffffff);
  background:rgba(255,255,255,.12);
}

.mxzVipPackageOption strong{
  font-size:16px;
  font-weight:950;
}

.mxzVipPackageOption span{
  color:rgba(255,255,255,.76);
  font-size:13px;
  line-height:1.35;
}

.mxzVipPackageOption b{
  color:#ffffff;
  font-size:18px;
}

.mxzVipPackageOption em{
  color:var(--accent);
  font-style:normal;
  font-weight:950;
}

@media (max-width: 620px){
  .mxzVipPackageGrid{grid-template-columns:1fr}
}

.footerIcons a.mxzFooterLocked{
  position:relative;
  opacity:.68;
}

.footerIcons a.mxzFooterLocked::after{
  content:"\f023";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  right:-4px;
  top:-4px;
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--accent);
  color:#fff;
  font-size:9px;
}

@media (max-width:640px){
  .mxzSalesInfoGrid{
    grid-template-columns:1fr;
  }
}

/* === FINAL LIGHTWEIGHT RUNTIME LAYER === */
#contentArea > *,
.grid .card,
.folderExplorerGrid .folderExplorerCard,
.modularSeriesGrid .modularSeriesCard,
.mxz-home-premium-header,
.mxz-home-banners,
.sectionHead,
.subcategoryPanel,
.categoryBgArea{
  animation:none !important;
}

.sidebar,
.card,
.folderExplorerCard,
.mxz-home-banner-card,
.homeAdCard,
.mxzLiveTvCard,
.mxzRadioFmCard,
.mxzFullMp3Card,
.mxzNovelCard,
.mxzDocumentaryCard,
.mxzKaraokeCard,
.mxz-category-app-card,
.mxz-plan-card,
.topbar,
.hero,
.mxz-home-premium-header,
.btn,
.tinyAction,
.mxz-category-arrow,
.mxz-slider-btn,
.subcategoryOption{
  transform:none !important;
  transition:none !important;
}

.card:hover .cover img,
.folderExplorerCard:hover .folderExplorerThumb img,
.mxz-home-banner-card:hover img,
.homeAdCard:hover img,
.mxzLiveTvCard:hover .cover img,
.mxzRadioFmCard:hover .cover img,
.mxzFullMp3Card:hover .cover img,
.mxzNovelCard:hover .cover img,
.mxzDocumentaryCard:hover .cover img,
.mxzKaraokeCard:hover .cover img{
  transform:none !important;
  filter:none !important;
}

@media (min-width:901px){
  .mxzTheaterPlayer:has(.mxzLiveTvPlayer),
  .mxzTheaterPlayer:has(video[data-hls-src]){
    overflow:visible !important;
  }

  .mxzTheaterPlayer .mxzLiveTvPlayer{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    height:100% !important;
    min-height:360px !important;
    overflow:visible !important;
    background:#000 !important;
    border-radius:12px !important;
  }

  .mxzTheaterPlayer .mxzLiveTvPlayer video,
  .mxzTheaterPlayer video[data-hls-src]{
    position:relative !important;
    z-index:3 !important;
    width:100% !important;
    height:100% !important;
    min-height:360px !important;
    object-fit:contain !important;
    pointer-events:auto !important;
  }
}

/* === FINAL PERFORMANCE OVERRIDE: disable heavy motion layers === */
#contentArea > *,
.grid .card,
.folderExplorerGrid .folderExplorerCard,
.modularSeriesGrid .modularSeriesCard,
.mxz-home-premium-header,
.mxz-home-banners,
.sectionHead,
.subcategoryPanel,
.categoryBgArea,
.hero,
.topbar{
  animation:none !important;
  filter:none !important;
}

.mxz-led-hover,
.mxz-category-app-card,
.mxz-home-banner-card,
.homeAdCard,
.card,
.folderExplorerCard,
.panelBox,
.infoBox,
.miniCard,
.statBox,
.mxz-plan-card,
.btn,
.menuBtn,
.hamburger,
.collapseBtn,
.tinyAction,
.subcategoryOption,
.historyTag,
.notificationCard,
.sectionAccordionItem{
  will-change:auto !important;
  transform-style:flat !important;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}

.mxz-led-hover:hover,
.mxz-category-app-card:hover,
.mxz-home-banner-card:hover,
.homeAdCard:hover,
.card:hover,
.folderExplorerCard:hover,
.panelBox:hover,
.infoBox:hover,
.miniCard:hover,
.statBox:hover,
.mxz-plan-card:hover,
.btn:hover,
.menuBtn:hover,
.hamburger:hover,
.collapseBtn:hover,
.tinyAction:hover,
.subcategoryOption:hover,
.historyTag:hover,
.notificationCard:hover,
.sectionAccordionItem:hover,
.mxz-category-app-card.active,
.mxz-category-app-card.touchZoom,
.menuBtn.active,
.card.active,
.selected{
  animation:none !important;
  outline:none !important;
  filter:none !important;
}

.mxz-led-hover::after,
.mxz-category-app-card::after,
.mxz-home-banner-card::after,
.homeAdCard::after,
.card::after,
.folderExplorerCard::after,
.panelBox::after,
.infoBox::after,
.miniCard::after,
.statBox::after,
.mxz-plan-card::after,
.btn::after,
.menuBtn::after,
.hamburger::after,
.collapseBtn::after,
.tinyAction::after,
.subcategoryOption::after,
.historyTag::after,
.notificationCard::after,
.sectionAccordionItem::after,
.cover::before,
.folderExplorerThumb::before,
.mxz-home-banner-card::before{
  display:none !important;
  animation:none !important;
}

.card:hover,
.folderExplorerCard:hover,
.mxz-home-banner-card:hover,
.homeAdCard:hover{
  transform:translateY(-3px) !important;
}

.mxz-category-app-card:hover,
.mxz-category-app-card.active,
.mxz-category-app-card.touchZoom{
  transform:translateY(-2px) !important;
}

.sidebar .menuBtn:hover,
.menuBtn:hover{
  transform:translateX(2px) !important;
}

.mxz-category-arrow:hover,
.mxz-slider-btn:hover,
.topbar:hover,
.hero:hover,
.mxz-home-premium-header:hover,
.btn:active,
.tinyAction:active,
.mxz-category-arrow:active,
.mxz-slider-btn:active,
.subcategoryOption:active{
  transform:none !important;
}

.cover img,
.folderExplorerThumb img,
.mxz-home-banner-card img,
.homeAdCard img{
  transition:opacity .18s ease !important;
  transform:none !important;
  filter:none !important;
}

.card:hover .cover img,
.folderExplorerCard:hover .folderExplorerThumb img,
.mxz-home-banner-card:hover img,
.homeAdCard:hover img,
.mxzLiveTvCard:hover .cover img,
.mxzRadioFmCard:hover .cover img,
.mxzFullMp3Card:hover .cover img,
.mxzNovelCard:hover .cover img,
.mxzDocumentaryCard:hover .cover img,
.mxzKaraokeCard:hover .cover img{
  transform:none !important;
  filter:none !important;
}

.mxzLoadingBrand,
.mxzActiveUsersPill,
.mxz-home-logo-badge,
.mxz-plan-animated-icon,
.mxz-benefit-crown-animated{
  animation:none !important;
}

/* === MAXZIMEDIA requested UX refinements === */
.card:hover,
.folderExplorerCard:hover,
.mxz-home-banner-card:hover,
.homeAdCard:hover,
.mxzLockedContentCard:hover{
  animation:none !important;
  outline:none !important;
}

.card:hover::after,
.folderExplorerCard:hover::after,
.mxz-home-banner-card:hover::after,
.homeAdCard:hover::after{
  animation:none !important;
  opacity:.18 !important;
}

.cover.loaded,
.cover:not(.loading){
  animation:none !important;
}

.mxzReportContentBtn{
  position:absolute;
  left:10px;
  bottom:10px;
  z-index:5;
  min-height:26px;
  max-width:104px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:8px;
  background:linear-gradient(135deg,#ef233c,#9f0712);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 10px;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 8px 18px rgba(239,35,60,.28), inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:transform .18s var(--mxz-ease-premium, cubic-bezier(.16,1,.3,1)), filter .18s ease, box-shadow .18s ease;
}

.mxzReportContentBtn:hover{
  transform:translateY(-2px);
  filter:brightness(1.08);
  box-shadow:0 10px 22px rgba(239,35,60,.38), inset 0 1px 0 rgba(255,255,255,.28);
}

.mxzReportContentBtn i{
  font-size:11px;
}

.mxzCoverLock{
  position:absolute;
  inset:0;
  z-index:4;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  color:#fff;
  background:linear-gradient(180deg, rgba(0,0,0,.16), rgba(0,0,0,.68));
  pointer-events:none;
}

.mxzCoverLock i{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:color-mix(in srgb, var(--accent) 82%, #000 18%);
  box-shadow:0 0 24px color-mix(in srgb, var(--accent) 44%, transparent);
}

.mxzCoverLock span{
  padding:5px 10px;
  border-radius:999px;
  background:rgba(0,0,0,.58);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
}

.mxzCoverLock.mxzCoverLockSmall{
  inset:10px 10px auto auto;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  background:transparent;
  border-radius:10px;
}

.mxzCoverLock.mxzCoverLockSmall i{
  width:32px;
  height:32px;
  font-size:13px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.32);
  background:rgba(10,12,18,.82);
  color:var(--accent);
  box-shadow:0 6px 16px rgba(0,0,0,.36);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.mxzCoverLock.mxzCoverLockSmall span{display:none}

.mxzLockedMenuBtn{
  border-color:color-mix(in srgb, var(--accent) 34%, var(--border-color, var(--line))) !important;
  background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 10%, transparent), rgba(255,255,255,.03)) !important;
}

.mxzMenuLockBadge{
  margin-left:auto;
  padding:4px 7px;
  border-radius:999px;
  background:color-mix(in srgb, var(--accent) 22%, transparent);
  color:var(--accent);
  font-size:9px;
  font-weight:950;
}

.mxz-category-app-card.mxzLockedCategoryApp{
  border-color:color-mix(in srgb, var(--accent) 36%, var(--border-color, var(--line))) !important;
  box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent), 0 16px 30px rgba(0,0,0,.22) !important;
}

.mxz-category-app-card.mxzLockedCategoryApp .mxzMenuLockBadge{
  position:absolute;
  top:8px;
  right:8px;
  margin-left:0;
  pointer-events:none;
}

.mxzContentReportCard{
  width:min(430px, calc(100vw - 28px));
  padding:20px;
}

/* === MAXZIMEDIA panel fullscreen overflow guard === */
body.mxzSalesFullscreen,
body.mxzSalesFullscreen .main,
body.mxzSalesFullscreen #contentArea{
  max-width:100vw !important;
  overflow-x:hidden !important;
}

body.mxzSalesFullscreen .main{
  width:100% !important;
  overflow-y:auto !important;
}

body.mxzSalesFullscreen #contentArea > .mxzSalesDashboard,
body.mxzSalesFullscreen #contentArea > .fade-in-content.mxzSalesDashboard{
  width:100% !important;
  max-width:100vw !important;
  min-width:0 !important;
  overflow-x:hidden !important;
}

body.mxzSalesFullscreen .mxzSalesPanelNav,
body.mxzSalesFullscreen .mxzSalesPanelMain,
body.mxzSalesFullscreen .panelTabContent,
body.mxzSalesFullscreen .panelBox,
body.mxzSalesFullscreen .infoBox,
body.mxzSalesFullscreen .statBox,
body.mxzSalesFullscreen .mxzSalesPanelHero,
body.mxzSalesFullscreen .mxzVipCupCard,
body.mxzSalesFullscreen .vipQuotaGrid,
body.mxzSalesFullscreen .salesTotalsGrid{
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

body.mxzSalesFullscreen .mxzVipGoalCard.mxzVipCupCard{
  overflow:hidden !important;
}

body.mxzSalesFullscreen .mxzVipGoalImageBox img{
  max-width:100%;
}

@media (min-width:761px){
  body.mxzSalesFullscreen #contentArea > .mxzSalesDashboard,
  body.mxzSalesFullscreen #contentArea > .fade-in-content.mxzSalesDashboard{
    grid-template-columns:minmax(260px,300px) minmax(0,1fr) !important;
  }
  body.mxzSalesFullscreen.mxzSalesPanelCollapsed #contentArea > .mxzSalesDashboard,
  body.mxzSalesFullscreen.mxzSalesPanelCollapsed #contentArea > .fade-in-content.mxzSalesDashboard{
    grid-template-columns:92px minmax(0,1fr) !important;
  }
}

.mxzContentReportHead{
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  gap:12px;
  align-items:center;
  margin-bottom:14px;
}

.mxzContentReportIcon{
  width:50px;
  height:50px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:color-mix(in srgb, var(--danger) 18%, var(--surface-card, #111827));
  color:var(--danger);
  box-shadow:0 0 20px color-mix(in srgb, var(--danger) 18%, transparent);
}

.mxzContentReportHead h3{
  margin:0 0 4px;
  font-size:20px;
}

.mxzContentReportHead p{
  margin:0;
  font-weight:950;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.mxzContentReportHead small{
  display:block;
  margin-top:4px;
  color:var(--muted);
  font-weight:800;
}

.mxzContentReportField{
  align-items:flex-start;
}

.mxzContentReportActions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.mxzInlineViewerLoading{
  min-height:220px;
  padding:24px;
  display:grid;
  place-items:center;
}

.mxzPlayerSkeleton{
  width:min(520px,100%);
  min-height:120px;
  border-radius:22px;
  border:1px solid var(--border-color, var(--line));
  background:linear-gradient(90deg, rgba(255,255,255,.045), rgba(255,255,255,.09), rgba(255,255,255,.045));
  background-size:220% 100%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:var(--muted);
  font-weight:900;
  animation:mxzSkeletonMove 1.15s linear infinite;
}

@keyframes mxzSkeletonMove{
  to{background-position:-220% 0}
}

@media (min-width:901px){
  .mxz-home-banners,
  .homeAdGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
    margin-bottom:22px !important;
  }

  .mxz-home-banner-card img,
  .homeAdFrame{
    aspect-ratio:4 / 3 !important;
    min-height:170px !important;
    max-height:none !important;
  }

  .homeAdFrame h4{
    font-size:20px !important;
    bottom:14px !important;
  }
}

@media (max-width:768px){
  #codeModal .mxz-plans-container-wrapper,
  #codeModal[data-mxz-plans-mode="catalog"] .mxz-plans-container-wrapper{
    overflow:visible !important;
    max-height:none !important;
  }

  #codeModal .mxz-plans-grid,
  #codeModal[data-mxz-plans-mode="catalog"] .mxz-plans-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    overflow:visible !important;
    max-height:none !important;
    gap:14px !important;
    padding:0 !important;
    scroll-snap-type:none !important;
  }

  #codeModal .mxz-plan-card,
  #codeModal[data-mxz-plans-mode="catalog"] .mxz-plan-card{
    width:100% !important;
    min-width:0 !important;
    flex:auto !important;
    scroll-snap-align:none !important;
  }

  #codeModal .mxz-slider-btn,
  #codeModal .mxz-slider-dots{
    display:none !important;
  }

  .mxzIaFab,
  .mxzIaPanel{
    display:none !important;
  }

  .mxzReportContentBtn{
    min-height:26px;
    max-width:98px;
    font-size:9px;
    left:8px;
    bottom:8px;
  }
}

.mxzActivationCelebration{
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-items:center;
  padding:18px;
  background:rgba(0,0,0,.70);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.mxzActivationCard{
  width:min(520px,100%);
  border-radius:28px;
  padding:26px;
  text-align:center;
  color:var(--text);
  background:
    radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 44%),
    var(--surface-card, #111827);
  border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border-color, var(--line)));
  box-shadow:0 28px 90px rgba(0,0,0,.56), 0 0 40px color-mix(in srgb, var(--accent) 26%, transparent);
  animation:mxzActivationPop .46s var(--mxz-ease-premium, cubic-bezier(.16,1,.3,1)) both;
}

.mxzActivationIcon{
  width:82px;
  height:82px;
  margin:0 auto 12px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:34px;
  background:linear-gradient(135deg, var(--accent), var(--accent2, var(--accent)));
  box-shadow:0 0 34px color-mix(in srgb, var(--accent) 55%, transparent);
}

.mxzActivationCard > span{
  color:var(--accent);
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
}

.mxzActivationCard h3{
  margin:8px 0;
  font-size:clamp(25px,5vw,36px);
}

.mxzActivationCard p{
  margin:0 auto 14px;
  color:var(--muted);
  line-height:1.5;
}

.mxzActivationBenefits{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:14px 0;
}

.mxzActivationBenefits div{
  border:1px solid var(--border-color, var(--line));
  border-radius:14px;
  padding:10px;
  display:flex;
  align-items:center;
  gap:8px;
  text-align:left;
  font-size:12px;
  font-weight:900;
  background:rgba(255,255,255,.045);
}

.mxzActivationBenefits i{
  color:var(--success);
}

.mxzActivationFine{
  font-size:12px;
}

.mxzConfettiField{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}

.mxzConfettiField i{
  position:absolute;
  top:-20px;
  left:calc(var(--x) * 1%);
  width:9px;
  height:14px;
  border-radius:3px;
  background:linear-gradient(135deg, var(--accent), #fff);
  animation:mxzConfettiDrop 2.8s ease-in var(--d) forwards;
}

@keyframes mxzConfettiDrop{
  to{transform:translateY(110vh) rotate(540deg);opacity:.15}
}

@keyframes mxzActivationPop{
  from{opacity:0;transform:translateY(18px) scale(.94)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@media (max-width:520px){
  .mxzActivationBenefits,
  .mxzContentReportActions{
    grid-template-columns:1fr;
  }
}

/* FIX REAL: contenido se adapta al sidebar contraído */
.main{
  margin-left:300px !important;
  width:calc(100vw - 300px) !important;
  max-width:calc(100vw - 300px) !important;
  transition:margin-left .25s ease, width .25s ease !important;
}

@media (min-width: 901px) {
  /* Tu HTML usa .sidebarCollapsed, no body.sidebar-collapsed */
  .sidebarCollapsed .main{
    margin-left:92px !important;
    width:calc(100vw - 92px) !important;
    max-width:calc(100vw - 92px) !important;
  }
}



.pdfCoverFallback{
  width:100%;
  height:100%;
  aspect-ratio:2/3;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:linear-gradient(180deg,#991b1b,#450a0a);
  color:#fff;
  border-radius:18px;
}

.pdfCoverFallback i{
  font-size:58px;
}

.pdfCoverFallback span{
  font-size:18px;
  font-weight:900;
  letter-spacing:2px;
}

.otpContainer { display:flex; gap:12px; justify-content:center; margin-bottom:24px; }
.otpInput {
  width:44px; height:56px; text-align:center; font-size:28px;
  font-weight:950; background:transparent; color:var(--input-text);
  border:none; border-bottom:3px solid var(--line); border-radius:0;
  transition:border-color .2s ease, transform .2s ease, color .2s ease;
  outline:none;
}
.otpInput:focus {
  border-bottom-color:var(--accent);
  transform: translateY(-2px);
}

/* =======================================================
   BANNER PUBLICITARIO DINÁMICO DEBAJO DEL BUSCADOR
   ======================================================= */
.mxz-ad-banner-container {
  width: 100%;
  height: 42px;
  background: var(--surface-card, rgba(255,255,255,0.03));
  border: 1px solid var(--border-color, var(--line));
  border-radius: 20px;
  margin-bottom: 22px;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  box-shadow: var(--shadow-soft);
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.mxz-ad-banner-container:hover {
  border-color: rgba(229,9,20,.4);
}
.mxz-ad-banner-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.led-marquee-lr {
  position: absolute;
  white-space: nowrap;
  animation: marquee-scroll-lr 12s linear infinite;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 2px;
  background: linear-gradient(90deg, #ff003c, #ffea00, #00ff22, #00f2fe);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 10px rgba(255, 0, 60, 0.3), 0 0 18px rgba(255, 234, 0, 0.2), 0 0 25px rgba(0, 255, 34, 0.15);
  will-change: transform, left;
  pointer-events: none;
}
@keyframes marquee-scroll-lr {
  0% { left: 0; transform: translateX(-100%); }
  100% { left: 100%; transform: translateX(0); }
}


/* Accordion */
.accordionBtn {
  display: flex; justify-content: space-between; align-items: center; width: 100%;
}
.accordionContent {
  max-height: 0; opacity: 0; overflow: hidden; transition: all 0.3s ease; padding-left: 12px;
  display: flex; flex-direction: column; gap: 8px;
}
.accordionContent.show {
  max-height: 2000px; opacity: 1; margin-top: 8px;
}
.accordionIcon {
  transition: transform 0.3s ease;
}
.accordionIcon.open {
  transform: rotate(180deg);
}

.mxzSidebarCategory{
  display:grid;
  gap:6px;
}

.mxzSidebarCategoryBtn{
  position:relative;
}

.mxzSidebarCategoryBtn > span{
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mxzSidebarCategoryIcon{
  margin-left:auto;
  font-size:12px;
  opacity:.78;
  transition:transform .22s ease;
}

.mxzSidebarCategory.open .mxzSidebarCategoryIcon{
  transform:rotate(180deg);
}

.mxzSidebarSubcategoryWrap{
  display:none;
  margin:0 0 4px 10px;
  padding:6px 0 2px 8px;
  border-left:1px solid var(--border-color, rgba(255,255,255,.14));
  max-height:min(62vh, 620px);
  overflow:auto;
  scrollbar-width:thin;
}

.mxzSidebarCategory.open .mxzSidebarSubcategoryWrap{
  display:block;
}

.mxzSidebarSubcategoryWrap::-webkit-scrollbar{
  width:6px;
}

.mxzSidebarSubcategoryWrap::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.18);
  border-radius:999px;
}

.mxzSidebarSubMeta,
.mxzSidebarSubStatus{
  color:var(--muted);
  font-size:11px;
  font-weight:850;
  padding:4px 4px 8px;
}

.mxzSidebarSubList,
.mxzSidebarSubMore{
  display:grid;
  gap:5px;
}

.mxzSidebarSubMore{
  margin-top:5px;
}

.mxzSidebarSubBtn,
.mxzSidebarShowMore{
  width:100%;
  border:1px solid var(--border-color, rgba(255,255,255,.08));
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  color:var(--sidebar-text, var(--text));
  cursor:pointer;
  text-align:left;
  font-weight:850;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.mxzSidebarSubBtn{
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 11px;
  font-size:12px;
  line-height:1.25;
  min-height:42px;
}

.mxzSidebarSubBtn i{
  color:var(--accent);
  width:16px;
  min-width:16px;
  text-align:center;
  font-size:13px;
}

.mxzSidebarSubBtn span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.mxzSidebarSubBtn:hover,
.mxzSidebarSubBtn.active{
  background:var(--sidebar-active-bg, rgba(255,255,255,.10));
  border-color:var(--sidebar-active-text, var(--accent));
  color:var(--sidebar-active-text, var(--accent));
}

.mxzSidebarSubBtn:hover i,
.mxzSidebarSubBtn.active i{
  color:var(--sidebar-active-text, var(--accent));
}

.mxzSidebarShowMore{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:8px;
  padding:10px 11px;
  font-size:12px;
  color:var(--accent);
  border-color:var(--border-color, rgba(255,255,255,.10));
}

.mxzSidebarShowMore i{
  font-size:10px;
}

/* Temas Neón */
.theme-blood-neon {
  --accent: #ff003c; --accent2: #990000; text-shadow: 0 0 10px rgba(255,0,60,0.8);
}
.theme-blood-neon .menuBtn.active {
  box-shadow: 0 0 15px rgba(255,0,60,0.6); border-color: #ff003c;
}
.theme-cosmic {
  --accent: #bc13fe; --accent2: #4a00e0; animation: cosmicPulse 4s infinite alternate;
}
@keyframes cosmicPulse {
  0% { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(20deg); }
}
.theme-cosmic .menuBtn.active {
  box-shadow: 0 0 20px rgba(188,19,254,0.7); border-color: #bc13fe;
}
.theme-cyber-vip {
  --accent: #00ffcc; --accent2: #00b399; text-shadow: 0 0 8px rgba(0,255,204,0.6);
}
.theme-cyber-vip .menuBtn.active {
  box-shadow: 0 0 15px rgba(0,255,204,0.5); border-color: #00ffcc;
}
.theme-miembros {
  --accent: #007bff; --accent2: #0056b3;
}

/* ═══════════════════════════════════════════════════
   MAXZIMEDIA PREMIUM EFFECTS — GLOBAL OVERHAUL
   ═══════════════════════════════════════════════════ */

/* --- AUTH CARD: Borde brillante animado --- */
.authCard{
      backdrop-filter:blur(18px);
      -webkit-backdrop-filter:blur(18px);
      animation:floatIn .35s ease;
  position:relative;
  overflow:hidden;
  border:1px solid transparent !important;
  background-clip:padding-box;
}
.authCard::before{
  content:"";
  position:absolute;inset:-2px;
  background:conic-gradient(from var(--mxz-border-angle,0deg),rgba(229,9,20,.6),rgba(255,255,255,.15),rgba(229,9,20,.6),rgba(255,255,255,.15),rgba(229,9,20,.6));
  border-radius:34px;
  z-index:-2;
  animation:mxzBorderRotate 4s linear infinite;
}
.authCard::after{
  content:"";
  position:absolute;inset:2px;
  background:var(--surface-card,#0a0a12);
  border-radius:30px;
  z-index:-1;
}
@keyframes mxzBorderRotate{
  to{--mxz-border-angle:360deg}
}
@property --mxz-border-angle{
  syntax:"<angle>";inherits:false;initial-value:0deg;
}

/* --- AUTH LOGO: Pulso suave --- */
.authLogo{
  animation:mxzLogoBreathe 3s ease-in-out infinite;
}

/* --- CAMPOS INPUT: Línea inferior iluminada --- */
.field{
  position:relative;
  overflow:hidden;
}
.field::after{
  content:"";
  position:absolute;bottom:0;left:0;
  width:100%;height:2px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);
  transform:scaleX(0);
  transition:transform .35s cubic-bezier(.16,1,.3,1);
  transform-origin:center;
}
.field:focus-within::after{
  transform:scaleX(1);
}

/* --- BOTONES: Shimmer premium --- */
.btn{
  position:relative;
  overflow:hidden;
  z-index:1;
}
.btn::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.25) 50%,transparent 65%);
  transform:translateX(-100%);
  transition:none;
  z-index:-1;
}
.btn:hover::before{
  animation:mxzShimmerBtn .7s ease forwards;
}
@keyframes mxzShimmerBtn{
  to{transform:translateX(100%)}
}

/* --- BOTONES: Feedback táctil --- */
.btn:active,.menuBtn:active,.tinyAction:active,.mxz-btn-premium:active{
  transform:scale(.97) !important;
  transition:transform .08s ease !important;
}

/* --- CARDS: Hover 3D premium --- */
.card{
  transition:transform .28s cubic-bezier(.16,1,.3,1), border-color .28s ease !important;
}
.card:hover{
  transform:translateY(-6px) !important;
  border-color:rgba(229,9,20,.35) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.55), 0 0 20px rgba(229,9,20,.08) !important;
}

/* --- COVERS: Overlay mejorado + Zoom suave --- */
.cover img{
  transition:transform .45s cubic-bezier(.16,1,.3,1) !important;
}
.card:hover .cover img{
  transform:scale(1.06) !important;
  filter:brightness(1.05);
}

/* --- RIBBONS: Shimmer --- */
.ribbon{
  position:relative;
  overflow:hidden;
}
.ribbon::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);
  animation:mxzShimmerBtn 2.5s ease-in-out infinite;
}

/* --- SIDEBAR: Efectos mejorados --- */
.menuBtn{
  position:relative;
  overflow:hidden;
}
.menuBtn::before{
  content:"";
  position:absolute;left:0;top:25%;bottom:25%;
  width:3px;border-radius:0 3px 3px 0;
  background:var(--accent);
  transform:scaleY(0);
  transition:transform .25s cubic-bezier(.16,1,.3,1);
}
.menuBtn:hover::before,.menuBtn.active::before{
  transform:scaleY(1);
}
.menuBtn.active{
  box-shadow:0 10px 24px rgba(0,0,0,.22), 0 0 15px rgba(229,9,20,.1) !important;
}

/* --- TOPBAR: Suave resplandor --- */
.topbar{
  transition:background .3s ease !important;
}

/* --- FAB WhatsApp: Pulso con glow --- */
.fab{
  animation:mxzFabPulse 2.5s ease-in-out infinite;
  transition:transform .2s ease;
}
.fab:hover{
  transform:scale(1.12);
}
@keyframes mxzFabPulse{
  0%,100%{box-shadow:0 8px 20px rgba(37,211,102,.3), 0 0 0 0 rgba(37,211,102,.4)}
  50%{box-shadow:0 8px 20px rgba(37,211,102,.5), 0 0 0 12px rgba(37,211,102,0)}
}

/* --- HERO: Entrada con glow --- */
.hero{
  animation:mxzHeroIn .5s cubic-bezier(.16,1,.3,1) both !important;
}
@keyframes mxzHeroIn{
  from{opacity:0;transform:translateY(15px)}
  to{opacity:1;transform:translateY(0)}
}

/* --- MINI CARDS: Hover suave --- */
.miniCard{
  transition:transform .2s ease, border-color .2s ease;
}
.miniCard:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 40px rgba(0,0,0,.35);
}

/* --- MODAL: Entrada elegante --- */
.overlay.show .modalCard,
.overlay.show .videoCard{
  animation:mxzModalIn .35s cubic-bezier(.16,1,.3,1) both;
}
@keyframes mxzModalIn{
  from{opacity:0;transform:translateY(20px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

/* --- FOOTER ICONS: Hover glow --- */
.footerIcons a{
  transition:transform .2s ease, background .2s ease !important;
}
.footerIcons a:hover{
  transform:translateY(-3px) scale(1.08);
  box-shadow:0 8px 20px rgba(229,9,20,.2);
  background:rgba(229,9,20,.12) !important;
}

/* --- ACCORDION CHIPS: Hover animado --- */
.accChip{
  transition:all .2s ease !important;
}
.accChip:hover{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.2);
}

/* --- SCROLL SUAVE EN SIDEBAR --- */
.sidebar{
  transition:transform .3s cubic-bezier(.16,1,.3,1) !important;
}
.sidebar::before{
  display:none !important;
}

/* --- SEARCH: Glow al focus --- */
.search{
  transition:border-color .25s ease !important;
}
.search:focus-within{
  border-color:rgba(229,9,20,.3) !important;
  box-shadow:0 0 0 4px rgba(229,9,20,.08), var(--shadow-soft) !important;
}

/* --- STAGGERED CARD ENTRY --- */
.grid .card:nth-child(1){animation-delay:.02s}
.grid .card:nth-child(2){animation-delay:.04s}
.grid .card:nth-child(3){animation-delay:.06s}
.grid .card:nth-child(4){animation-delay:.08s}
.grid .card:nth-child(5){animation-delay:.10s}
.grid .card:nth-child(6){animation-delay:.12s}
.grid .card:nth-child(7){animation-delay:.14s}
.grid .card:nth-child(8){animation-delay:.16s}
.grid .card:nth-child(9){animation-delay:.18s}
.grid .card:nth-child(10){animation-delay:.20s}

/* --- TINYACTION BUTTONS: Premium hover --- */
.tinyAction{
  transition:transform .18s ease !important;
}
.tinyAction:hover{
  transform:translateY(-3px) scale(1.1) !important;
  box-shadow:0 8px 20px rgba(0,0,0,.5) !important;
}

/* --- STAT BOX: Hover --- */
.statBox{
  transition:transform .2s ease;
}
.statBox:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 40px rgba(0,0,0,.35);
}

/* ═══════════════════════════════════════════════════
   FIX: ZOOM DE FONDO EN MÓVIL (Categorías)
   ═══════════════════════════════════════════════════ */


/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
  }
}
  
@media (max-width: 900px) {
  .adminUserHead{grid-template-columns:repeat(2,minmax(0,1fr))}
  .app{grid-template-columns:1fr}
      .sidebar{
        position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);
        transform:translateX(-100%);transition:transform .2s ease;z-index:80;
      }
      .sidebar.open{transform:translateX(0)}
      .hamburger{display:block}
      .collapseBtn{display:none}
      .sidebarCloseBtn{display:inline-flex}
      
      /* Mejora de fluidez quitando background-attachment: fixed en móvil */
      body.themedSurface::before,
      .sectionSurface,
      body.themedSurface .categoryBgArea,
      body.lightModeFix .categoryBgArea {
        background-attachment: scroll !important;
      }
      
      .categoryBackgroundFix, .categoryBgArea {
        position: relative;
        z-index: 1;
        background: var(--categories-background, transparent) !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
        background-attachment: scroll !important;
        border: none !important;
        box-shadow: none !important;
      }
      
      .categoryBackgroundFix::before, .categoryBgArea::before {
        display: none !important;
      }
      
      .topbar{padding:10px; gap:8px !important;}
      .leftTop{flex: 0 0 auto; gap:6px;}
      .hamburger{width: 36px !important; height: 36px !important; border-radius: 10px; font-size: 14px;}
      .rightTop{
        flex: 1 1 auto;
        margin-left: 0;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        justify-content: flex-end !important;
        gap: 6px !important;
        -webkit-overflow-scrolling: touch;
      }
      .rightTop::-webkit-scrollbar { display: none; }
      .pill { padding: 5px 8px !important; font-size: 10px !important; white-space: nowrap; gap: 4px !important; }
      .pill i { font-size: 10px !important; }
      .topSelect { min-width: 75px !important; padding: 4px 18px 4px 6px !important; font-size: 10px !important; }
      .centerTop{order:3; flex:1 1 100%; margin-top:4px !important}
      .search{min-width:0; width:100%; max-width:100%}
      .sidebarCollapsed .app{grid-template-columns:1fr}
      
      .main{padding:12px !important}.topbar{border-radius:18px;padding:10px !important}.search{min-width:0;width:100%;padding:12px !important}.hero{padding:18px !important;border-radius:22px !important}.grid,.folderExplorerGrid,.modularSeriesGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}.cardBody{padding:10px !important}.cardBody h5{font-size:13px;min-height:36px}.cardBody p{font-size:12px;min-height:34px;-webkit-line-clamp:2;line-clamp: 2;}.folderExplorerCard{padding:9px !important;border-radius:18px !important}.folderExplorerThumb{border-radius:14px !important}.folderExplorerName{font-size:12px !important;min-height:34px}.folderExplorerType{font-size:10px !important}.videoCard{width:96vw !important;padding:12px !important;border-radius:22px !important}.videoWrap,.resourceFrame{max-height:60vh !important}.modalCard{width:96vw !important;border-radius:22px !important;padding:18px !important}.btn.small{padding:9px 11px !important;font-size:12px !important}.profileGrid,.row2,.row3{grid-template-columns:1fr !important}.mxzSplashLogo{width:100vw;height:100vh;border-radius:0}.mxzSplashTitle{font-size:30px}.mxzSplashSub{font-size:13px}
      .glass,.authCard,.panelBox,.statBox,.infoBox,.simpleBox,.countryBox,.accountsBox,.historyItem,.miniCard,.modalCard,.videoCard,.card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.main{padding:12px}.topbar{border-radius:18px}.hero{border-radius:22px;padding:20px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.folderExplorerGrid,.modularSeriesGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.folderExplorerCard{min-height:172px;padding:10px;border-radius:18px}.folderExplorerThumb{border-radius:14px;margin-bottom:10px}.folderExplorerName{font-size:12px}.cardBody{padding:10px}.cardBody h5{font-size:13px;min-height:auto}.cardBody p{display:-webkit-box!important;-webkit-line-clamp:2;line-clamp: 2;font-size:12px;min-height:0;margin-top:4px}.btn{padding:12px 13px;border-radius:14px}.row2,.row3,.accountGrid{grid-template-columns:1fr!important}.videoCard{width:100%;height:100%;max-height:none;border-radius:0}.overlay{padding:0}.resourceFrame{border-radius:14px;min-height:calc(100vh - 150px)}.resourceFrame iframe,.resourceFrame img,.resourceFrame video{height:calc(100vh - 150px)}table{min-width:720px}.tableWrap{max-width:100%;overflow-x:auto}.sidebar{max-width:86vw}.mxzSplash,.splash,.intro{animation-duration:.35s!important}
  .main,
  .sidebarCollapsed .main{
    margin-left:0 !important;
    width:100vw !important;
    max-width:100vw !important;
  }
  .mxz-ad-banner-container { border-radius: 16px; margin-bottom: 18px; height: 38px; }
  .led-marquee-lr { font-size: 12px; animation-duration: 9s; }
  

  /* Splash responsive */
  .mxzSplashLogo{width:100vw;height:100vh;border-radius:0}
  .mxzSplashTitle{font-size:26px}
  .mxzSplashSub{font-size:13px}
}
@media (max-width:760px){
  .topbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
  }
  .leftTop{
    width:100% !important;
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) !important;
    align-items:center !important;
    gap:6px !important;
  }
  .topbarThemePill,.topbarSubPill{
    min-width:0;
    width:100%;
    justify-content:center;
    padding:6px 7px !important;
  }
  .topbarSubPill span,.topbarThemePill select{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .centerTop{
    order:2 !important;
    width:100% !important;
    min-width:0 !important;
    margin-top:0 !important;
  }
  .rightTop{
    order:3 !important;
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    overflow:visible !important;
    flex:0 0 auto !important;
    margin-left:0 !important;
  }
  .mxzActiveUsersPill{
    display:flex !important;
    width:min(390px,100%) !important;
    min-height:90px;
    justify-content:center;
    align-items:center;
    padding:14px 16px 12px !important;
  }
  .mxzActiveUsersLabel{font-size:11px;display:inline-block !important}
  .mxzActiveUsersNumber{height:auto;font-size:40px;min-width:0}
  .mxzTheaterPlayer,.mxzTheaterPlayer:has(.mxzDriveVideoFrame){width:100% !important;max-width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;margin-left:auto !important;margin-right:auto !important}
  .mxzTheaterPlayer:has(.mxzDriveVideoFrame){aspect-ratio:6/5 !important}
  .videoWrap{min-height:58vh !important;max-height:70vh !important}
  .mxzDriveVideoFrame,.drive-player{width:100%;max-width:2560px;height:auto;border-radius:18px;aspect-ratio:6/5!important}
}
@media (min-width: 901px){
  .resourceInlineWrap.mxzTheaterActive{
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .mxzTheaterView,
  .inlineViewerCard{
    border-color:var(--border-color, var(--card-border, var(--line))) !important;
    background:var(--surface-card, var(--card-bg, var(--bg))) !important;
  }

  .mxzTheaterPlayer{
    border:1px solid var(--border-color, var(--card-border, var(--line))) !important;
    border-radius:20px !important;
    margin:14px 24px 14px 14px !important;
    width:calc(100% - 38px) !important;
    background:var(--surface-card, #000) !important;
    box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent), var(--shadow-soft) !important;
  }

  .mxzTheaterPlayerTopActions{
    padding:14px 24px 0 14px !important;
    background:var(--surface-card, var(--card-bg, var(--bg))) !important;
  }

  .mxzTheaterPlayer.ratio-4-5{
    aspect-ratio:16/9 !important;
    min-height:500px !important;
  }

  .mxzTheaterPlayer.ratio-course,
  .mxzTheaterView.single .mxzTheaterPlayer.ratio-course{
    aspect-ratio:16/9 !important;
    min-height:480px !important;
  }

  .mxzTheaterControls{
    grid-template-columns:auto auto minmax(88px,120px) auto !important;
    gap:8px !important;
    padding:10px 14px !important;
    align-items:center !important;
  }

  .mxzTheaterControls.single{
    grid-template-columns:auto auto minmax(88px,120px) auto !important;
  }

  .mxzTheaterControls button{
    padding:9px 12px !important;
    border-radius:12px !important;
    font-size:12px !important;
    min-height:36px !important;
  }

  .mxzTheaterNavActions{
    flex-wrap:nowrap !important;
    gap:6px !important;
    justify-content:center !important;
  }

  .mxzTheaterNavActions button{
    padding:8px 10px !important;
  }

  .mxzTheaterProgress{
    min-width:88px !important;
  }

  .mxzTheaterProgress span{
    font-size:15px !important;
  }

  .mxzTheaterProgress small{
    font-size:10px !important;
  }

  .videoCard{
    width:min(1080px,94vw) !important;
    max-height:92vh !important;
    overflow:hidden !important;
    padding:14px !important;
    border-radius:22px !important;
  }

  .videoCard .inlineViewerHeader{
    gap:10px !important;
  }

  .mxzVideoModalActions{
    gap:6px !important;
    flex-wrap:nowrap !important;
  }

  .mxzVideoModalActions .btn.small{
    padding:8px 10px !important;
    border-radius:12px !important;
    font-size:12px !important;
  }

  .videoWrap{
    min-height:min(64vh,600px) !important;
    max-height:calc(92vh - 104px) !important;
    border-radius:18px !important;
  }

  .mxzTheaterPlayer:has(.mxzDriveVideoFrame),
  .videoWrap:has(.mxzDriveVideoFrame){
    height:auto !important;
    min-height:500px !important;
    max-height:none !important;
    aspect-ratio:16/9 !important;
    background:var(--surface-card, #000) !important;
  }

  .mxzTheaterPlayer .mxzDriveVideoFrame,
  .mxzTheaterPlayer .drive-player,
  .videoWrap .mxzDriveVideoFrame,
  .videoWrap .drive-player{
    width:100% !important;
    height:100% !important;
    min-height:500px !important;
    margin:0 !important;
    border-radius:20px !important;
    aspect-ratio:16/9 !important;
    background:#000 !important;
  }

  .mxzTheaterPlayer .mxzDriveVideoFrame iframe,
  .mxzTheaterPlayer .drive-player iframe,
  .videoWrap .mxzDriveVideoFrame iframe,
  .videoWrap .drive-player iframe{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    display:block !important;
  }
}

@media (min-width: 901px){
  .mxzTheaterPlayer,
  .mxzTheaterView.single .mxzTheaterPlayer,
  .mxzTheaterPlayer.ratio-4-5,
  .mxzTheaterPlayer.ratio-course,
  .mxzTheaterView.single .mxzTheaterPlayer.ratio-course{
    height:clamp(340px, 42vw, 430px) !important;
    min-height:0 !important;
    max-height:430px !important;
    aspect-ratio:auto !important;
  }

  .mxzTheaterPlayer:has(.mxzDriveVideoFrame),
  .videoWrap:has(.mxzDriveVideoFrame){
    height:clamp(340px, 42vw, 430px) !important;
    min-height:0 !important;
    max-height:430px !important;
    aspect-ratio:auto !important;
  }

  .mxzTheaterPlayer .mxzDriveVideoFrame,
  .mxzTheaterPlayer .drive-player,
  .videoWrap .mxzDriveVideoFrame,
  .videoWrap .drive-player{
    height:100% !important;
    min-height:0 !important;
    max-height:430px !important;
    aspect-ratio:auto !important;
  }

  .downloadMiniBtn,
  .mxzTheaterDownloadBtn{
    width:38px !important;
    height:38px !important;
    padding:0 !important;
    border-radius:12px !important;
    flex:0 0 38px !important;
    font-size:0 !important;
    gap:0 !important;
  }

  .downloadMiniBtn i,
  .mxzTheaterDownloadBtn i{
    font-size:14px !important;
  }

  .mxzTheaterDownloadBtn span{
    display:none !important;
  }
}

.mxzTheaterDownloadBtn{
  border:1px solid var(--border-color, var(--line));
  background:var(--button-bg, var(--accent));
  color:var(--button-text, #fff);
  border-radius:14px;
  padding:10px 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
  white-space:nowrap;
}

.mxzTheaterDownloadBtn:hover{
  filter:brightness(1.08);
  transform:translateY(-1px);
}

.mxzMobileExpandBtn{
  display:none !important;
}

.mxzGooglePagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex-wrap:wrap;
  width:100%;
  padding:8px 0 2px;
}

.mxzGooglePagination button,
.mxzGooglePagination span{
  min-width:36px;
  height:36px;
  border:1px solid var(--border-color, var(--line));
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--surface-card, rgba(255,255,255,.05));
  color:var(--text);
  font-weight:900;
  font-size:13px;
}

.mxzGooglePagination button{
  cursor:pointer;
}

.mxzGooglePagination button.active{
  background:var(--button-bg, var(--accent));
  color:var(--button-text, #fff);
  border-color:var(--button-bg, var(--accent));
  box-shadow:0 0 18px color-mix(in srgb, var(--accent) 28%, transparent);
}

.mxzGooglePagination button:not(.active):hover{
  border-color:var(--accent);
  color:var(--accent);
}

@media (max-width: 900px){
  .downloadMiniBtn{
    width:38px !important;
    height:38px !important;
    padding:0 !important;
    margin-left:6px !important;
    font-size:0 !important;
    border-radius:12px !important;
    flex:0 0 38px !important;
  }

  .downloadMiniBtn i{
    font-size:14px !important;
  }

  .mxzTheaterDownloadBtn{
    width:38px !important;
    height:38px !important;
    padding:0 !important;
    border-radius:12px !important;
    flex:0 0 38px !important;
  }

  .mxzTheaterDownloadBtn span{
    display:none !important;
  }

  .mxzTheaterDownloadBtn i{
    font-size:14px !important;
  }

  .mxzMobileExpandBtn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    max-width:44px !important;
    width:44px !important;
    height:38px !important;
    padding:0 !important;
    flex:0 0 44px !important;
  }

  .mxzMobileExpandBtn span{
    display:none !important;
  }

  .mxzTheaterCurrentActions{
    margin-top:8px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
  }

  .mxzMobileExpandBtn.mxzMobileExpandInline{
    width:auto !important;
    max-width:none !important;
    min-height:34px !important;
    height:34px !important;
    padding:0 11px !important;
    flex:0 0 auto !important;
    gap:7px !important;
    border-radius:12px !important;
    border:1px solid var(--border-color, var(--line)) !important;
    background:var(--button-bg, var(--accent)) !important;
    color:var(--button-text, #fff) !important;
    font-size:12px !important;
    font-weight:950 !important;
  }

  .mxzMobileExpandBtn.mxzMobileExpandInline span{
    display:inline !important;
  }

  .mxzGooglePagination{
    gap:5px;
  }

  .mxzGooglePagination button,
  .mxzGooglePagination span{
    min-width:32px;
    height:32px;
    border-radius:10px;
    font-size:12px;
  }
}

.mxz-premium-modal-card {
          width: min(1080px, 96vw);
          max-height: 94vh;
          overflow-y: auto;
          border-radius: 36px;
          padding: 0;
          background: #06060c;
          border: 1px solid rgba(255, 215, 0, 0.15);
          box-shadow: 0 25px 75px rgba(0, 0, 0, 0.8), 0 0 40px rgba(245, 158, 11, 0.15);
          color: #ffffff;
          font-family: 'Outfit', 'Inter', system-ui, sans-serif;
          position: relative;
          display: flex;
          flex-direction: column;
          scrollbar-width: thin;
          scrollbar-color: rgba(255,255,255,0.1) transparent;
        }

        #codeModal.show {
          display:flex !important;
        }

        .mxz-plans-close-btn {
          position:absolute;
          top:14px;
          right:14px;
          z-index:50;
          display:inline-flex;
          align-items:center;
          gap:6px;
          padding:8px 11px;
          border-radius:999px;
          border:1px solid rgba(255,255,255,.18);
          background:rgba(0,0,0,.68);
          color:#fff;
          font-size:12px;
          font-weight:900;
          cursor:pointer;
          backdrop-filter:blur(10px);
          -webkit-backdrop-filter:blur(10px);
          box-shadow:0 10px 28px rgba(0,0,0,.35);
        }

        .mxz-plans-close-btn:hover {
          border-color:rgba(251,191,36,.55);
          color:#fbbf24;
        }

        #codeModal[data-mxz-plans-mode="catalog"] .mxz-plans-container-wrapper {
          padding:0 48px;
          overflow:hidden;
        }

        #codeModal[data-mxz-plans-mode="catalog"] .mxz-plans-grid {
          display:flex !important;
          flex-direction:row !important;
          grid-template-columns:none !important;
          overflow-x:auto !important;
          scroll-snap-type:x mandatory;
          gap:18px;
          padding:8px 0 20px;
          scrollbar-width:none;
          -webkit-overflow-scrolling:touch;
        }

        #codeModal[data-mxz-plans-mode="catalog"] .mxz-plans-grid::-webkit-scrollbar {
          display:none;
        }

        #codeModal[data-mxz-plans-mode="catalog"] .mxz-plan-card {
          flex:0 0 calc((100% - 36px) / 3);
          min-width:280px;
          scroll-snap-align:start;
        }

        #codeModal[data-mxz-plans-mode="catalog"] .mxz-slider-btn {
          display:flex !important;
          top:46%;
          background:rgba(251,191,36,.88);
          color:#07070a;
          border-color:rgba(255,255,255,.2);
        }

        #codeModal[data-mxz-plans-mode="catalog"] .mxz-slider-btn.mxz-prev { left:4px; }
        #codeModal[data-mxz-plans-mode="catalog"] .mxz-slider-btn.mxz-next { right:4px; }

        #codeModal[data-mxz-plans-mode="catalog"] .mxz-slider-dots {
          display:flex !important;
        }
        
        .mxz-premium-modal-card::-webkit-scrollbar {
          width: 6px;
        }
        .mxz-premium-modal-card::-webkit-scrollbar-thumb {
          background: rgba(255,255,255,0.1);
          border-radius: 3px;
        }

        /* VISTA 1: SPLASH PREMIUM */
        .mxz-expired-splash {
          padding: 60px 40px;
          text-align: center;
          background: radial-gradient(circle at center, rgba(245, 158, 11, 0.12), transparent 60%), 
                      linear-gradient(180deg, #090911 0%, #030306 100%);
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          min-height: 500px;
          transition: all 0.4s ease;
        }
        
        .mxz-expired-splash.mxz-hide {
          display: none !important;
        }

        .mxz-splash-logo-container {
          position: relative;
          margin-bottom: 28px;
        }

        .mxz-splash-logo {
          width: 130px;
          height: 130px;
          border-radius: 38px;
          object-fit: cover;
          background: #ffffff;
          border: 2px solid rgba(255, 215, 0, 0.4);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), 0 0 30px rgba(245, 158, 11, 0.3);
          transform: scale(1);
          transition: transform 0.3s ease;
        }
        
        .mxz-splash-logo:hover {
          transform: scale(1.05) rotate(2deg);
        }

        .mxz-splash-logo-glow {
          position: absolute;
          inset: -15px;
          background: radial-gradient(circle, rgba(245, 158, 11, 0.4) 0%, transparent 70%);
          z-index: -1;
          filter: blur(10px);
          animation: mxzLogoPulse 3s infinite ease-in-out;
        }

        @keyframes mxzLogoPulse {
          0%, 100% { transform: scale(1); opacity: 0.5; }
          50% { transform: scale(1.15); opacity: 0.8; }
        }

        .mxz-splash-title {
          font-size: clamp(24px, 4.5vw, 42px);
          font-weight: 950;
          letter-spacing: 1.5px;
          line-height: 1.2;
          text-transform: uppercase;
          background: linear-gradient(135deg, #ffffff 30%, #f3e5ab 70%, #d4af37 100%);
          -webkit-background-clip: text;background-clip: text;
          -webkit-text-fill-color: transparent;
          text-shadow: 0 15px 30px rgba(0,0,0,0.5);
          margin-bottom: 12px;
          max-width: 800px;
        }

        .mxz-splash-desc {
          font-size: clamp(14px, 2vw, 17px);
          color: rgba(255, 255, 255, 0.75);
          line-height: 1.6;
          margin-bottom: 36px;
          max-width: 650px;
        }

        /* BOTÓN VER PLANES PREMIUM (DORADO / AMARILLO PREMIUM) */
        .mxz-btn-premium {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 12px;
          background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);
          color: #040408 !important;
          font-size: 18px;
          font-weight: 900;
          text-transform: uppercase;
          letter-spacing: 1.5px;
          padding: 18px 44px;
          border-radius: 20px;
          border: 1px solid rgba(255, 255, 255, 0.25);
          cursor: pointer;
          box-shadow: 0 12px 35px rgba(245, 158, 11, 0.35), inset 0 2px 4px rgba(255,255,255,0.4);
          transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
          position: relative;
          overflow: hidden;
          z-index: 1;
        }

        .mxz-btn-premium::before {
          content: '';
          position: absolute;
          inset: 0;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
          transform: translateX(-100%);
          transition: transform 0.6s ease;
          z-index: -1;
        }

        .mxz-btn-premium:hover {
          transform: translateY(-4px) scale(1.02);
          box-shadow: 0 20px 45px rgba(245, 158, 11, 0.55), inset 0 2px 6px rgba(255,255,255,0.5);
          background: linear-gradient(135deg, #fef08a 0%, #fbbf24 50%, #f59e0b 100%);
        }

        .mxz-btn-premium:hover::before {
          transform: translateX(100%);
          transition: transform 0.8s ease-in-out;
        }

        .mxz-btn-premium:active {
          transform: translateY(-1px);
        }

        .mxz-btn-premium i {
          font-size: 18px;
          transition: transform 0.3s ease;
        }

        .mxz-btn-premium:hover i {
          transform: translateX(4px);
        }

        .mxz-splash-alt-link {
          margin-top: 24px;
          font-size: 14px;
          color: rgba(255, 255, 255, 0.5);
          transition: color 0.25s ease;
          cursor: pointer;
          text-decoration: underline;
          font-weight: 700;
        }

        .mxz-splash-alt-link:hover {
          color: #fbbf24;
        }

        #demoBannerMessage:empty {
          display:none;
        }

        /* VISTA 2: LISTA DE PLANES Y ACTIVACIÓN */
        .mxz-expired-plans-view {
          display: none;
          padding: 40px 30px;
          background: linear-gradient(180deg, #090913 0%, #030305 100%);
          flex-direction: column;
          align-items: center;
          transition: all 0.4s ease;
        }
        
        .mxz-expired-plans-view.mxz-show {
          display: flex !important;
          animation: mxzSlideUp 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;
        }

        @keyframes mxzSlideUp {
          from { opacity: 0; transform: translateY(30px); }
          to { opacity: 1; transform: translateY(0); }
        }

        .mxz-plans-header {
          text-align: center;
          margin-bottom: 30px;
          width: 100%;
          position: relative;
        }

        .mxz-plans-back-btn {
          position: absolute;
          left: 0;
          top: 50%;
          transform: translateY(-50%);
          background: rgba(255, 255, 255, 0.05);
          border: 1px solid rgba(255, 255, 255, 0.1);
          color: #ffffff;
          padding: 10px 16px;
          border-radius: 14px;
          font-size: 13px;
          font-weight: 800;
          cursor: pointer;
          transition: all 0.25s ease;
          display: flex;
          align-items: center;
          gap: 8px;
        }

        .mxz-plans-back-btn:hover {
          background: rgba(255, 255, 255, 0.12);
          border-color: rgba(255, 255, 255, 0.2);
          transform: translateY(-50%) translateX(-2px);
        }

        .mxz-plans-title {
          font-size: clamp(20px, 3.5vw, 32px);
          font-weight: 950;
          text-transform: uppercase;
          letter-spacing: 1px;
          margin: 0 0 6px;
          background: linear-gradient(90deg, #ffffff, #fbbf24);
          -webkit-background-clip: text;background-clip: text;
          -webkit-text-fill-color: transparent;
        }

        .mxz-plans-subtitle {
          font-size: 14px;
          color: rgba(255, 255, 255, 0.6);
          margin: 0;
        }

        /* GRID / CONTENEDOR DE CARTAS */
        .mxz-plans-container-wrapper {
          width: 100%;
          position: relative;
          margin-bottom: 30px;
        }

        .mxz-plans-grid {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 20px;
          width: 100%;
          align-items: stretch;
        }

        /* ESTILOS DE CARTA INDIVIDUAL */
        .mxz-plan-card {
          background: rgba(255, 255, 255, 0.02);
          border: 1px solid rgba(255, 255, 255, 0.08);
          border-radius: 28px;
          padding: 32px 24px;
          display: flex;
          flex-direction: column;
          position: relative;
          transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
          overflow: hidden;
        }

        .mxz-plan-card::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          height: 3px;
          background: transparent;
          transition: background 0.3s ease;
        }

        .mxz-plan-card:hover {
          transform: translateY(-8px);
          background: rgba(255, 255, 255, 0.04);
          border-color: rgba(255, 255, 255, 0.16);
          box-shadow: 0 20px 45px rgba(0, 0, 0, 0.4);
        }

        /* CARD ESPECIAL MAX (GOLDEN/GLOW) */
        .mxz-plan-card.mxz-card-max {
          background: radial-gradient(circle at top right, rgba(245, 158, 11, 0.08), transparent 50%), 
                      rgba(255, 255, 255, 0.03);
          border: 1px solid rgba(245, 158, 11, 0.28);
          box-shadow: 0 10px 30px rgba(245, 158, 11, 0.05);
        }

        .mxz-plan-card.mxz-card-max::before {
          background: linear-gradient(90deg, #fbbf24, #d97706);
        }

        .mxz-plan-card.mxz-card-max:hover {
          border-color: #fbbf24;
          box-shadow: 0 25px 55px rgba(0, 0, 0, 0.5), 0 0 25px rgba(245, 158, 11, 0.2);
        }

        /* INSIGNIA "MÁS POPULAR" */
        .mxz-popular-badge {
          position: absolute;
          top: 14px;
          right: 14px;
          background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
          color: #040408;
          padding: 6px 14px;
          border-radius: 12px;
          font-size: 10px;
          font-weight: 900;
          text-transform: uppercase;
          letter-spacing: 1px;
          box-shadow: 0 4px 12px rgba(245, 158, 11, 0.3);
        }

        .mxz-plan-duration {
          font-size: 11px;
          color: #fbbf24;
          font-weight: 900;
          text-transform: uppercase;
          letter-spacing: 2px;
          margin-bottom: 6px;
        }

        .mxz-plan-name {
          font-size: 24px;
          font-weight: 950;
          color: #ffffff;
          margin: 0 0 16px;
          letter-spacing: 0.5px;
        }

        /* PRECIOS Y CONVERSIÓN */
        .mxz-plan-price-block {
          margin-bottom: 24px;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
        }

        .mxz-plan-price {
          font-size: 36px;
          font-weight: 950;
          color: #ffffff;
          line-height: 1;
          display: flex;
          align-items: baseline;
          gap: 4px;
        }

        .mxz-currency-symbol {
          font-size: 22px;
          color: #fbbf24;
          font-weight: 800;
        }

        .mxz-price-num {
          font-size: 38px;
        }

        .mxz-currency-code {
          font-size: 14px;
          color: rgba(255, 255, 255, 0.5);
          font-weight: 700;
          margin-left: 2px;
        }

        .mxz-price-usd-side {
          font-size: 13px;
          color: rgba(255, 255, 255, 0.68);
          font-weight: 900;
          margin-left: 6px;
          white-space: nowrap;
        }

        .mxz-price-info {
          font-size: 12px;
          color: rgba(255, 255, 255, 0.4);
          margin-top: 6px;
          font-weight: 700;
        }

        /* BENEFICIOS AGRUPADOS */
        .mxz-plan-benefits-wrap {
          display: flex;
          flex-direction: column;
          gap: 16px;
          flex-grow: 1;
          border-top: 1px solid rgba(255, 255, 255, 0.06);
          padding-top: 20px;
          margin-bottom: 12px;
        }

        .mxz-benefit-group {
          display: flex;
          flex-direction: column;
          gap: 6px;
        }

        .mxz-benefit-group-title {
          font-size: 11px;
          text-transform: uppercase;
          color: rgba(255, 255, 255, 0.45);
          font-weight: 900;
          letter-spacing: 1px;
          margin-bottom: 4px;
          display: flex;
          align-items: center;
          gap: 6px;
        }

        .mxz-benefit-group-title i {
          color: #fbbf24;
          font-size: 12px;
        }

        .mxz-benefit-item {
          display: flex;
          align-items: flex-start;
          gap: 10px;
          font-size: 13.5px;
          color: rgba(255, 255, 255, 0.85);
          line-height: 1.45;
          text-align: left;
        }

        .mxz-benefit-item i {
          font-size: 13px;
          margin-top: 2px;
          flex-shrink: 0;
        }
        
        .mxz-benefit-item i.fa-check-circle {
          color: #10b981;
          text-shadow: 0 0 10px rgba(16, 185, 129, 0.2);
        }

        .mxz-benefit-item i.fa-circle-chevron-right {
          color: #fbbf24;
        }

        .mxz-benefit-item span {
          word-break: break-word;
        }

        /* CONTROLES DEL DESLIZADOR EN MÓVIL */
        .mxz-slider-btn {
          display: none;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          width: 44px;
          height: 44px;
          border-radius: 50%;
          background: rgba(0, 0, 0, 0.6);
          border: 1px solid rgba(255, 255, 255, 0.15);
          color: #ffffff;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          transition: all 0.25s ease;
          z-index: 5;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        }

        .mxz-slider-btn:hover {
          background: rgba(245, 158, 11, 0.8);
          color: #040408;
          border-color: transparent;
        }

        .mxz-slider-btn.mxz-prev { left: -10px; }
        .mxz-slider-btn.mxz-next { right: -10px; }

        .mxz-slider-dots {
          display: none;
          justify-content: center;
          gap: 8px;
          margin-top: 18px;
        }

        .mxz-dot {
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.25);
          cursor: pointer;
          transition: all 0.25s ease;
        }

        .mxz-dot.mxz-active {
          background: #fbbf24;
          width: 24px;
          border-radius: 4px;
          box-shadow: 0 0 8px rgba(245, 158, 11, 0.4);
        }

        /* SECCIÓN DE ACTIVACIÓN FIJA (ABAJO) */
        .mxz-activation-footer {
          width: 100%;
          border-top: 1px solid rgba(255, 255, 255, 0.08);
          padding-top: 32px;
          margin-top: 10px;
          display: flex;
          flex-direction: column;
          align-items: center;
        }

        .mxz-activation-title {
          font-size: 15px;
          font-weight: 900;
          letter-spacing: 1.5px;
          text-transform: uppercase;
          color: #ffffff;
          margin-bottom: 18px;
          display: flex;
          align-items: center;
          gap: 8px;
        }
        
        .mxz-activation-title i {
          color: #fbbf24;
          animation: mxzKeySpin 4s infinite linear;
        }

        @keyframes mxzKeySpin {
          0% { transform: rotate(0deg); }
          100% { transform: rotate(360deg); }
        }

        .mxz-activation-desc {
          font-size: 13.5px;
          color: rgba(255, 255, 255, 0.5);
          margin-top: -12px;
          margin-bottom: 20px;
          text-align: center;
          max-width: 500px;
        }

        /* OTP MODERNO */
        .mxz-otp-container {
          display: flex;
          gap: 14px;
          justify-content: center;
          margin-bottom: 24px;
        }

        .mxz-otp-container .otpInput {
          width: 48px;
          height: 60px;
          text-align: center;
          font-size: 32px;
          font-weight: 950;
          background: rgba(255, 255, 255, 0.03) !important;
          color: #ffffff !important;
          border: 1px solid rgba(255, 255, 255, 0.12) !important;
          border-radius: 14px !important;
          transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
          outline: none !important;
          box-shadow: inset 0 2px 4px rgba(0,0,0,0.4);
        }

        .mxz-otp-container .otpInput:focus {
          border-color: #fbbf24 !important;
          background: rgba(255, 255, 255, 0.06) !important;
          transform: translateY(-3px) scale(1.05) !important;
          box-shadow: 0 0 15px rgba(245, 158, 11, 0.3), inset 0 2px 4px rgba(0,0,0,0.4) !important;
        }

        .mxz-otp-container .otpInput::placeholder {
          color: rgba(255, 255, 255, 0.15) !important;
        }

        /* ACTIVAR BTN */
        .mxz-btn-activate {
          background: linear-gradient(135deg, #10b981 0%, #059669 100%);
          color: #ffffff !important;
          font-size: 16px;
          font-weight: 900;
          text-transform: uppercase;
          letter-spacing: 1px;
          padding: 16px 40px;
          border-radius: 18px;
          border: 1px solid rgba(255, 255, 255, 0.15);
          cursor: pointer;
          box-shadow: 0 8px 25px rgba(16, 185, 129, 0.2);
          transition: all 0.25s ease;
          display: flex;
          align-items: center;
          gap: 10px;
        }

        .mxz-btn-activate:hover {
          transform: translateY(-2px);
          box-shadow: 0 12px 30px rgba(16, 185, 129, 0.35);
          background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
        }

        .mxz-btn-activate:active {
          transform: translateY(0);
        }

        /* DINAMIC LOCAL ACCOUNTS SECTION */
        .mxz-local-accounts-section {
          width: 100%;
          max-width: 650px;
          margin-top: 24px;
          background: rgba(255, 255, 255, 0.02);
          border: 1px solid rgba(255, 255, 255, 0.06);
          border-radius: 20px;
          overflow: hidden;
          transition: all 0.3s ease;
        }

        .mxz-accounts-header {
          width: 100%;
          padding: 16px 20px;
          border: none;
          background: transparent;
          color: #ffffff;
          font-weight: 900;
          font-size: 13.5px;
          text-transform: uppercase;
          letter-spacing: 1px;
          cursor: pointer;
          display: flex;
          align-items: center;
          justify-content: space-between;
          transition: background 0.25s ease;
        }

        /* === RESPONSIVE SPLASH SCREEN MOBILE OPTIMIZATION === */
        @media (max-width: 768px) {
          .mxzSplash {
            padding: 0;
          }
          
          .mxzSplashLogo {
            width: 100%;
            height: 100%;
            border-radius: 0;
            animation: mxzLogoZoomFullscreen 3.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          }
        }

        @media (max-width: 480px) {
          .mxzSplash {
            padding: 0;
          }
          
          .mxzSplashLogo {
            width: 100%;
            height: 100%;
            border-radius: 0;
            animation: mxzLogoZoomFullscreen 3.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
          }
        }

        .mxz-accounts-header:hover {
          background: rgba(255, 255, 255, 0.04);
        }

        .mxz-accounts-header span {
          display: flex;
          align-items: center;
          gap: 10px;
        }

        .mxz-accounts-header span i {
          color: #fbbf24;
        }

        .mxz-accounts-header .chevron-icon {
          transition: transform 0.25s ease;
        }

        .mxz-local-accounts-section.mxz-open .mxz-accounts-header .chevron-icon {
          transform: rotate(180deg);
        }

        .mxz-accounts-content-box {
          display: none;
          padding: 20px;
          border-top: 1px solid rgba(255, 255, 255, 0.06);
          background: rgba(0, 0, 0, 0.2);
          max-height: 280px;
          overflow-y: auto;
          font-size: 13.5px;
          line-height: 1.6;
        }

        .mxz-local-accounts-section.mxz-open .mxz-accounts-content-box {
          display: block;
          animation: mxzSlideDown 0.3s ease both;
        }

        @keyframes mxzSlideDown {
          from { opacity: 0; transform: translateY(-10px); }
          to { opacity: 1; transform: translateY(0); }
        }

        /* RESPONSIVE DESIGN FOR PLANS */
        @media (max-width: 990px) {
          .mxz-plans-grid {
            grid-template-columns: 1fr;
            gap: 24px;
          }
          #codeModal[data-mxz-plans-mode="catalog"] .mxz-plans-container-wrapper {
            padding:0 42px;
          }
          #codeModal[data-mxz-plans-mode="catalog"] .mxz-plan-card {
            flex-basis:calc((100% - 18px) / 2);
            min-width:260px;
          }
          
          .mxz-premium-modal-card {
            width: 96vw;
            max-height: 96vh;
            border-radius: 28px;
          }
        }

        /* MOBILE SLIDER CON SNAP SWIPE (ESPECÍFICO DE MÓVIL) */
        @media (max-width: 768px) {
          .mxz-plans-grid {
            display: flex !important;
            flex-direction: row !important;
            overflow-x: auto !important;
            scroll-snap-type: x mandatory !important;
            gap: 16px !important;
            width: 100% !important;
            padding: 10px 0 20px !important;
            -webkit-overflow-scrolling: touch !important;
            scrollbar-width: none !important;
          }

          .mxz-plans-grid::-webkit-scrollbar {
            display: none !important;
          }

          .mxz-plan-card {
            flex: 0 0 82% !important;
            min-width: 0 !important;
            scroll-snap-align: center !important;
            padding: 28px 20px !important;
            border-radius: 24px !important;
          }

          #codeModal[data-mxz-plans-mode="catalog"] .mxz-plans-container-wrapper {
            padding:0 34px !important;
          }

          #codeModal[data-mxz-plans-mode="catalog"] .mxz-plan-card {
            flex:0 0 86% !important;
          }

          /* Hace visible un trocito de la siguiente/anterior tarjeta */
          .mxz-plans-container-wrapper {
            padding: 0 6px !important;
          }

          .mxz-slider-btn {
            display: flex !important;
          }

          .mxz-slider-dots {
            display: flex !important;
          }
          
          .mxz-plans-back-btn {
            padding: 8px 12px;
            font-size: 11px;
            border-radius: 10px;
          }
          
          .mxz-expired-splash {
            padding: 40px 20px;
          }
          
          .mxz-splash-logo {
            width: 100px;
            height: 100px;
            border-radius: 28px;
          }
          
          .mxz-otp-container {
            gap: 8px;
          }
          
          .mxz-otp-container .otpInput {
            width: 38px;
            height: 50px;
            font-size: 24px;
            border-radius: 10px !important;
          }
        }

        /* ESTILOS DE PLANES ACTUALIZADOS CON NÚMEROS RESALTADOS Y COLLAPSE */
        .mxz-benefit-item-numbered {
          display: flex;
          align-items: center;
          gap: 12px;
          font-size: 13.5px;
          color: rgba(255, 255, 255, 0.9);
          line-height: 1.45;
          text-align: left;
          margin-bottom: 8px;
        }

        .mxz-benefit-number {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 26px;
          height: 26px;
          border-radius: 50%;
          background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);
          color: #040408;
          font-size: 12px;
          font-weight: 950;
          flex-shrink: 0;
          box-shadow: 0 3px 8px rgba(245, 158, 11, 0.25);
        }

        .mxz-btn-show-more {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 6px;
          background: rgba(255, 255, 255, 0.05);
          border: 1px solid rgba(255, 255, 255, 0.1);
          color: #fbbf24;
          padding: 8px 16px;
          border-radius: 12px;
          font-size: 12px;
          font-weight: 800;
          cursor: pointer;
          transition: all 0.2s ease;
          width: fit-content;
          align-self: center;
          margin: 10px 0;
        }

        .mxz-btn-show-more:hover {
          background: rgba(245, 158, 11, 0.1);
          border-color: rgba(245, 158, 11, 0.3);
          transform: translateY(-1px);
        }

        .mxz-btn-show-more i {
          font-size: 10px;
          transition: transform 0.25s ease;
        }

        .mxz-more-items {
          display: none;
          flex-direction: column;
          gap: 2px;
        }

        .mxz-plan-section-title {
          display:flex;
          align-items:center;
          justify-content:center;
          gap:8px;
          margin:0 0 14px;
          padding:10px 12px;
          border-radius:14px;
          color:#fef3c7;
          background:linear-gradient(135deg, rgba(251,191,36,.18), rgba(239,68,68,.08));
          border:1px solid rgba(251,191,36,.25);
          font-size:12px;
          font-weight:950;
          text-transform:uppercase;
          letter-spacing:.8px;
          text-align:center;
        }

        .mxz-plan-section-title i,
        .mxz-plan-animated-icon {
          color:#fbbf24;
          animation:mxzPlanIconPulse 1.8s ease-in-out infinite;
          filter:drop-shadow(0 0 8px rgba(251,191,36,.35));
        }

        .mxz-benefit-crown-animated {
          animation:mxzBenefitCrown 1.7s ease-in-out infinite;
          transform-origin:center;
          filter:drop-shadow(0 0 10px rgba(251,191,36,.55));
        }

        .mxz-benefit-group-benefits {
          margin-top:22px;
          border-top:1px dashed rgba(255,255,255,.1);
          padding-top:18px;
        }

        .mxz-benefit-group-benefits .mxz-benefit-group-title {
          justify-content:center;
          text-align:center;
          margin:0 0 14px;
          font-size:13px;
          letter-spacing:1.2px;
          color:#ffffff;
        }

        .mxz-plan-standard-tone .mxz-plan-animated-icon,
        .mxz-plan-standard-tone .mxz-plan-section-title i,
        .mxz-plan-standard-tone .mxz-benefit-group-title i {
          color:#22c55e;
          filter:drop-shadow(0 0 9px rgba(34,197,94,.45));
        }

        .mxz-plan-vip-tone .mxz-plan-animated-icon,
        .mxz-plan-vip-tone .mxz-plan-section-title i,
        .mxz-plan-vip-tone .mxz-benefit-group-title i {
          color:#ef4444;
          filter:drop-shadow(0 0 9px rgba(239,68,68,.48));
        }

        .mxz-plan-max-tone .mxz-plan-animated-icon,
        .mxz-plan-max-tone .mxz-plan-section-title i,
        .mxz-plan-max-tone .mxz-benefit-group-title i {
          color:#fbbf24;
          filter:drop-shadow(0 0 9px rgba(251,191,36,.45));
        }

        .mxz-plan-standard-tone .mxz-plan-section-title {
          color:#dcfce7;
          background:linear-gradient(135deg, rgba(34,197,94,.18), rgba(34,197,94,.06));
          border-color:rgba(34,197,94,.26);
        }

        .mxz-plan-max-tone .mxz-plan-section-title {
          color:#fef3c7;
          background:linear-gradient(135deg, rgba(251,191,36,.18), rgba(239,68,68,.08));
          border-color:rgba(251,191,36,.25);
        }

        .mxz-plan-admin-tone .mxz-plan-animated-icon,
        .mxz-plan-admin-tone .mxz-plan-section-title i,
        .mxz-plan-admin-tone .mxz-benefit-group-title i {
          color:#fbbf24;
          filter:drop-shadow(0 0 10px rgba(251,191,36,.55));
        }

        .mxz-card-admin {
          border-color:rgba(251,191,36,.36) !important;
          box-shadow:0 18px 42px rgba(251,191,36,.16);
        }

        .mxz-admin-plan-callout {
          display:flex;
          align-items:center;
          justify-content:center;
          gap:10px;
          margin:0 0 16px;
          padding:14px 14px;
          border-radius:18px;
          text-align:center;
          color:#fff7ed;
          font-size:14px;
          line-height:1.25;
          font-weight:950;
          text-transform:uppercase;
          background:linear-gradient(135deg, rgba(239,68,68,.24), rgba(251,191,36,.20));
          border:1px solid rgba(251,191,36,.34);
          box-shadow:0 12px 30px rgba(239,68,68,.16);
        }

        .mxz-admin-plan-callout i {
          color:#fbbf24;
          animation:mxzBenefitCrown 1.7s ease-in-out infinite;
          filter:drop-shadow(0 0 12px rgba(251,191,36,.6));
        }

        .mxz-catalog-advisor-notice {
          width:min(760px, 100%);
          display:flex;
          align-items:center;
          justify-content:center;
          gap:10px;
          margin:6px auto 18px;
          padding:14px 16px;
          border-radius:18px;
          text-align:center;
          color:#fef3c7;
          background:linear-gradient(135deg, rgba(251,191,36,.16), rgba(239,68,68,.10));
          border:1px solid rgba(251,191,36,.28);
          box-shadow:0 12px 30px rgba(0,0,0,.22);
          font-size:13px;
          font-weight:950;
          line-height:1.35;
          text-transform:uppercase;
        }

        .mxz-catalog-advisor-notice i {
          color:#fbbf24;
          font-size:17px;
          animation:mxzPlanIconPulse 1.8s ease-in-out infinite;
        }

        .mxz-current-plan-badge {
          display:inline-flex;
          align-items:center;
          gap:6px;
          width:max-content;
          max-width:100%;
          margin:0 0 10px;
          padding:7px 10px;
          border-radius:999px;
          color:#052e16;
          background:linear-gradient(135deg, #bbf7d0, #22c55e);
          border:1px solid rgba(255,255,255,.35);
          box-shadow:0 10px 22px rgba(34,197,94,.25);
          font-size:11px;
          font-weight:950;
          text-transform:uppercase;
          letter-spacing:.4px;
          white-space:nowrap;
        }

        .mxz-current-plan-badge i {
          color:#052e16;
        }

        @keyframes mxzPlanIconPulse {
          0%,100%{transform:translateY(0) scale(1);opacity:.9}
          50%{transform:translateY(-2px) scale(1.12);opacity:1}
        }

        @keyframes mxzBenefitCrown {
          0%,100%{transform:rotate(0deg) scale(1)}
          35%{transform:rotate(-8deg) scale(1.18)}
          70%{transform:rotate(8deg) scale(1.08)}
        }

        /* BANNER DE ASESOR DE VENTAS */
        .mxz-advisor-notice-section {
          width: 100%;
          max-width: 650px;
          margin-top: 24px;
          margin-bottom: 12px;
          background: linear-gradient(135deg, rgba(245, 158, 11, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
          border: 1px solid rgba(245, 158, 11, 0.25);
          border-radius: 20px;
          padding: 20px;
          text-align: center;
          box-shadow: 0 10px 30px rgba(245, 158, 11, 0.08);
        }

        .mxz-advisor-notice-content {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 12px;
          font-size: 14px;
          font-weight: 900;
          color: #fbbf24;
          text-transform: uppercase;
          letter-spacing: 1px;
          line-height: 1.4;
        }

        .mxz-advisor-notice-content i {
          font-size: 20px;
          color: #fbbf24;
          animation: pulse 1.5s infinite;
        }

/* =========================================================
   MAXZIMEDIA PREMIUM HOVER BOOST - RGB suave + reflejo
   Capa aditiva: conserva los estilos existentes y solo actua en hover/active.
========================================================= */
:root{
  --mxz-rgb-a:rgba(229,9,20,.60);
  --mxz-rgb-b:rgba(34,211,238,.34);
  --mxz-rgb-c:rgba(168,85,247,.32);
  --mxz-rgb-d:rgba(255,255,255,.24);
}

@supports (color: color-mix(in srgb, red 50%, transparent)){
  :root{
    --mxz-rgb-a:color-mix(in srgb, var(--accent) 62%, transparent);
    --mxz-rgb-b:color-mix(in srgb, var(--accent2, #22d3ee) 44%, #22d3ee 22%);
    --mxz-rgb-c:color-mix(in srgb, var(--accent) 34%, #a855f7 36%);
    --mxz-rgb-d:color-mix(in srgb, var(--text) 22%, transparent);
  }
}

@keyframes mxzPremiumRgbHalo{
  0%{
    box-shadow:
      0 0 0 1px var(--mxz-rgb-a),
      0 0 18px var(--mxz-rgb-a),
      0 0 26px var(--mxz-rgb-b),
      0 18px 44px rgba(0,0,0,.42),
      inset 0 0 18px rgba(255,255,255,.055);
  }
  50%{
    box-shadow:
      0 0 0 1px var(--mxz-rgb-b),
      0 0 20px var(--mxz-rgb-c),
      0 0 30px var(--mxz-rgb-a),
      0 24px 58px rgba(0,0,0,.50),
      inset 0 0 22px rgba(255,255,255,.07);
  }
  100%{
    box-shadow:
      0 0 0 1px var(--mxz-rgb-c),
      0 0 18px var(--mxz-rgb-a),
      0 0 26px var(--mxz-rgb-b),
      0 18px 44px rgba(0,0,0,.42),
      inset 0 0 18px rgba(255,255,255,.055);
  }
}

@keyframes mxzPremiumGlassSweep{
  from{opacity:0;transform:translateX(-145%) skewX(-18deg)}
  18%{opacity:.72}
  to{opacity:0;transform:translateX(245%) skewX(-18deg)}
}

.mxz-led-hover,
.mxz-category-app-card,
.mxz-home-banner-card,
.homeAdCard,
.card,
.folderExplorerCard,
.panelBox,
.infoBox,
.miniCard,
.statBox,
.mxz-plan-card,
.btn,
.menuBtn,
.hamburger,
.collapseBtn,
.tinyAction,
.subcategoryOption,
.historyTag,
.notificationCard,
.sectionAccordionItem{
  position:relative;
  isolation:isolate;
  transform-style:preserve-3d;
  will-change:transform, box-shadow, filter;
  transition:
    transform .34s cubic-bezier(.16,1,.3,1),
    box-shadow .34s cubic-bezier(.16,1,.3,1),
    border-color .34s ease,
    filter .34s ease !important;
}

.mxz-led-hover::after,
.mxz-category-app-card::after,
.mxz-home-banner-card::after,
.homeAdCard::after,
.card::after,
.folderExplorerCard::after,
.panelBox::after,
.infoBox::after,
.miniCard::after,
.statBox::after,
.mxz-plan-card::after,
.btn::after,
.menuBtn::after,
.hamburger::after,
.collapseBtn::after,
.tinyAction::after,
.subcategoryOption::after,
.historyTag::after,
.notificationCard::after,
.sectionAccordionItem::after{
  content:"";
  position:absolute;
  top:-35%;
  bottom:-35%;
  left:-45%;
  width:42%;
  pointer-events:none;
  opacity:0;
  z-index:4;
  background:
    linear-gradient(105deg,
      transparent 0%,
      rgba(255,255,255,.08) 35%,
      rgba(255,255,255,.42) 50%,
      rgba(255,255,255,.10) 64%,
      transparent 100%);
  mix-blend-mode:screen;
}

.mxz-led-hover:hover,
.mxz-category-app-card:hover,
.mxz-home-banner-card:hover,
.homeAdCard:hover,
.card:hover,
.folderExplorerCard:hover,
.panelBox:hover,
.infoBox:hover,
.miniCard:hover,
.statBox:hover,
.mxz-plan-card:hover,
.btn:hover,
.hamburger:hover,
.collapseBtn:hover,
.tinyAction:hover,
.subcategoryOption:hover,
.historyTag:hover,
.notificationCard:hover,
.sectionAccordionItem:hover,
.mxz-category-app-card.active,
.mxz-category-app-card.touchZoom,
.menuBtn.active,
.card.active,
.selected{
  border-color:transparent !important;
  outline:1px solid var(--mxz-rgb-a);
  outline-offset:0;
  filter:brightness(1.12) saturate(1.06);
  animation:mxzPremiumRgbHalo 2.8s linear infinite;
}

.mxz-led-hover:hover::after,
.mxz-category-app-card:hover::after,
.mxz-home-banner-card:hover::after,
.homeAdCard:hover::after,
.card:hover::after,
.folderExplorerCard:hover::after,
.panelBox:hover::after,
.infoBox:hover::after,
.miniCard:hover::after,
.statBox:hover::after,
.mxz-plan-card:hover::after,
.btn:hover::after,
.menuBtn:hover::after,
.hamburger:hover::after,
.collapseBtn:hover::after,
.tinyAction:hover::after,
.subcategoryOption:hover::after,
.historyTag:hover::after,
.notificationCard:hover::after,
.sectionAccordionItem:hover::after,
.mxz-category-app-card.active::after,
.mxz-category-app-card.touchZoom::after,
.menuBtn.active::after,
.card.active::after,
.selected::after{
  animation:mxzPremiumGlassSweep .9s cubic-bezier(.16,1,.3,1) forwards;
}

.card:hover,
.folderExplorerCard:hover,
.mxz-home-banner-card:hover,
.homeAdCard:hover{
  transform:translateY(-10px) translateZ(0) scale(1.035) !important;
}

.mxz-category-app-card:hover,
.mxz-category-app-card.active,
.mxz-category-app-card.touchZoom{
  transform:translateY(-4px) translateZ(0) scale(1.028) !important;
}

.panelBox:hover,
.infoBox:hover,
.miniCard:hover,
.statBox:hover,
.mxz-plan-card:hover,
.notificationCard:hover,
.sectionAccordionItem:hover{
  transform:translateY(-7px) translateZ(0) scale(1.024) !important;
}

.btn:hover,
.hamburger:hover,
.collapseBtn:hover,
.tinyAction:hover,
.subcategoryOption:hover,
.historyTag:hover{
  transform:translateY(-4px) translateZ(0) scale(1.028) !important;
}

.sidebar .menuBtn:hover,
.menuBtn:hover{
  transform:translateX(6px) translateY(-2px) translateZ(0) scale(1.018) !important;
  border-color:transparent !important;
  outline:1px solid var(--mxz-rgb-a);
  filter:brightness(1.13) saturate(1.08);
  animation:mxzPremiumRgbHalo 2.8s linear infinite;
}

.menuBtn.active{
  transform:translateX(3px) translateZ(0) scale(1.01);
}

.mxz-category-app-card:hover i,
.mxz-category-app-card.active i,
.mxz-category-app-card.touchZoom i,
.menuBtn:hover i,
.menuBtn.active i,
.btn:hover i,
.tinyAction:hover i,
.hamburger:hover i,
.collapseBtn:hover i{
  transform:translateZ(20px) scale(1.08);
  filter:drop-shadow(0 0 10px var(--mxz-rgb-a)) drop-shadow(0 0 14px var(--mxz-rgb-b));
  transition:transform .34s cubic-bezier(.16,1,.3,1), filter .34s ease;
}

.card:hover .cover img,
.folderExplorerCard:hover img,
.homeAdCard:hover img{
  transform:scale(1.085) !important;
  filter:brightness(1.08) saturate(1.08);
}

.mxz-home-banner-card:hover img{
  transform:none !important;
  filter:brightness(1.04) saturate(1.04);
}

@media (prefers-reduced-motion: reduce){
  .mxz-led-hover:hover,
  .mxz-category-app-card:hover,
  .mxz-home-banner-card:hover,
  .homeAdCard:hover,
  .card:hover,
  .folderExplorerCard:hover,
  .panelBox:hover,
  .infoBox:hover,
  .miniCard:hover,
  .statBox:hover,
  .mxz-plan-card:hover,
  .btn:hover,
  .menuBtn:hover,
  .hamburger:hover,
  .collapseBtn:hover,
  .tinyAction:hover,
  .subcategoryOption:hover,
  .historyTag:hover,
  .notificationCard:hover,
  .sectionAccordionItem:hover{
    animation:none;
  }

  .mxz-led-hover:hover::after,
  .mxz-category-app-card:hover::after,
  .mxz-home-banner-card:hover::after,
  .homeAdCard:hover::after,
  .card:hover::after,
  .folderExplorerCard:hover::after,
  .panelBox:hover::after,
  .infoBox:hover::after,
  .miniCard:hover::after,
  .statBox:hover::after,
  .mxz-plan-card:hover::after,
  .btn:hover::after,
  .menuBtn:hover::after,
  .hamburger:hover::after,
  .collapseBtn:hover::after,
  .tinyAction:hover::after,
  .subcategoryOption:hover::after,
  .historyTag:hover::after,
  .notificationCard:hover::after,
  .sectionAccordionItem:hover::after{
    animation:none;
  }
}

/* === Ajustes compactos de planes + navegación móvil inferior === */
.mxzMobileBottomNav{
  position:fixed;
  left:50%;
  bottom:12px;
  z-index:155;
  width:calc(100vw - 16px);
  transform:translate(-50%, 130%);
  opacity:0;
  pointer-events:none;
  display:none;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:7px;
  padding:7px;
  border:1px solid var(--border-color, var(--line));
  border-radius:20px;
  background:color-mix(in srgb, var(--surface-card, #111827) 88%, transparent);
  color:var(--text);
  box-shadow:0 18px 48px rgba(0,0,0,.42), 0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  transition:transform .24s ease, opacity .24s ease;
}

.mxzMobileBottomNav.show{
  transform:translate(-50%, 0);
  opacity:1;
  pointer-events:auto;
}

.mxzMobileBottomNav button{
  min-width:0;
  width:100%;
  min-height:52px;
  border:0;
  border-radius:15px;
  background:color-mix(in srgb, var(--accent) 8%, transparent);
  color:var(--text);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  font-weight:950;
  font-size:10px;
  cursor:pointer;
}

.mxzMobileBottomNav button i{
  color:var(--accent);
  font-size:18px;
  filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent) 35%, transparent));
}

.mxzMobileBottomNav button:active{
  background:color-mix(in srgb, var(--accent) 14%, transparent);
  transform:translateY(-1px);
}

.mxzUserAvatarIcon{
  width:22px;
  height:22px;
  border-radius:50%;
  object-fit:cover;
  display:inline-block;
  flex:0 0 auto;
  border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border-color, var(--line)));
  box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 10%, transparent);
}

.mxzSidebarAccountAvatar{
  width:24px;
  height:24px;
}

.mxzBottomAccountAvatar{
  width:22px;
  height:22px;
}

.mxzAccountProfileEditor{
  display:grid;
  grid-template-columns:128px minmax(0, 1fr);
  gap:18px;
  align-items:center;
  padding:16px;
  margin-bottom:16px;
  border:1px solid var(--border-color, var(--line));
  border-radius:22px;
  background:color-mix(in srgb, var(--surface-card, #111827) 82%, transparent);
}

.mxzAccountAvatarPreview{
  width:116px;
  height:116px;
  border-radius:50%;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:color-mix(in srgb, var(--accent) 10%, var(--surface-card, #111827));
  border:2px solid color-mix(in srgb, var(--accent) 45%, var(--border-color, var(--line)));
  box-shadow:0 14px 36px color-mix(in srgb, var(--accent) 18%, transparent);
  color:var(--accent);
  font-size:48px;
}

.mxzAccountAvatarPreview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.mxzAccountProfileFields{
  min-width:0;
  display:grid;
  gap:9px;
}

.mxzAvatarUploadBtn{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 14px;
  border-radius:14px;
  border:1px solid var(--border-color, var(--line));
  background:var(--surface-card, rgba(255,255,255,.05));
  color:var(--text);
  font-weight:950;
  cursor:pointer;
}

.mxzAvatarUploadBtn:hover{
  border-color:var(--accent);
  color:var(--accent);
}

.mxzAccountProfileActions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

#codeModal .mxz-premium-modal-card{
  width:min(1180px, 96vw) !important;
}

#codeModal .mxz-expired-plans-view{
  padding:26px 22px !important;
}

#codeModal .mxz-plans-header{
  margin-bottom:16px !important;
}

#codeModal .mxz-plans-title{
  font-size:clamp(20px, 2.6vw, 28px) !important;
}

#codeModal .mxz-plans-subtitle{
  max-width:720px;
  margin:0 auto !important;
  line-height:1.35 !important;
}

#codeModal .mxz-plans-grid{
  align-items:stretch !important;
  gap:14px !important;
}

#codeModal .mxz-plan-card{
  min-height:0 !important;
  max-height:none !important;
  padding:20px 18px !important;
  border-radius:22px !important;
  overflow:visible !important;
}

#codeModal .mxz-plan-duration{
  margin-bottom:4px !important;
}

#codeModal .mxz-plan-name{
  font-size:21px !important;
  margin-bottom:10px !important;
}

#codeModal .mxz-plan-price-block{
  margin-bottom:12px !important;
}

#codeModal .mxz-plan-price{
  font-size:30px !important;
}

#codeModal .mxz-price-num{
  font-size:32px !important;
}

#codeModal .mxz-plan-benefits-wrap{
  gap:4px !important;
  padding-top:8px !important;
  margin-bottom:0 !important;
  max-height:none !important;
  overflow:visible !important;
  position:relative;
}

#codeModal .mxz-benefit-group-numbered{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:3px 6px !important;
}

#codeModal .mxz-benefit-group-benefits{
  margin-top:3px !important;
  padding-top:6px !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:3px 6px !important;
}

#codeModal .mxz-benefit-group-benefits .mxz-benefit-group-title,
#codeModal .mxz-plan-section-title{
  margin-bottom:3px !important;
  padding:6px 8px !important;
  font-size:11px !important;
}

#codeModal .mxz-benefit-group-benefits .mxz-benefit-group-title{
  grid-column:1 / -1;
}

#codeModal .mxz-benefit-item-numbered,
#codeModal .mxz-benefit-item{
  gap:5px !important;
  margin-bottom:0 !important;
  font-size:11.5px !important;
  line-height:1.16 !important;
}

#codeModal .mxz-benefit-item-numbered i,
#codeModal .mxz-benefit-item i{
  font-size:12px !important;
  margin-right:0 !important;
}

#codeModal[data-mxz-plans-mode="catalog"] .mxz-plans-container-wrapper{
  padding:0 44px !important;
}

#codeModal[data-mxz-plans-mode="catalog"] .mxz-plan-card{
  flex:0 0 calc((100% - 28px) / 3) !important;
  min-width:250px !important;
}

#codeModal .mxz-plan-country-selector{
  width:min(100%, 360px);
  margin:14px auto 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:rgba(255,255,255,.055);
}

#codeModal .mxz-plan-country-selector label{
  color:rgba(255,255,255,.72);
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

#codeModal .mxz-plan-country-selector select{
  min-height:38px;
  min-width:180px;
  max-width:220px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:rgba(0,0,0,.46);
  color:#ffffff;
  font-size:12px;
  font-weight:900;
  outline:none;
}

#codeModal .mxz-plan-feature-excluded{
  opacity:.62;
  color:rgba(255,255,255,.54) !important;
}

#codeModal .mxz-plan-feature-excluded i{
  color:#ef4444 !important;
}

#codeModal .mxz-plan-feature-excluded span{
  text-decoration:line-through;
  text-decoration-thickness:2px;
  text-decoration-color:rgba(239,68,68,.9);
}

#codeModal .mxz-plan-sales-highlight{
  border-color:rgba(251,191,36,.42);
  background:linear-gradient(135deg, rgba(0,0,0,.78), rgba(251,191,36,.16), color-mix(in srgb, var(--accent) 22%, #111827));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 16px 34px rgba(0,0,0,.18);
}

#codeModal .mxz-plan-sales-highlight span{
  color:#fbbf24;
}

#codeModal .mxz-plan-sales-highlight strong{
  font-size:15px;
}

@media (max-width:900px){
  .mxzMobileBottomNav{
    display:grid;
  }

  body.mxzMobileBottomNavShown #waFab{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(10px) scale(.92) !important;
  }

  body.mxzMobileBottomNavShown .mxzIaFab,
  body.mxzMobileBottomNavShown .mxzIaPanel{
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  body.mxzMobileBottomNavShown .toTopBtn{
    bottom:112px !important;
  }

  .mxzAccountProfileEditor{
    grid-template-columns:1fr !important;
    justify-items:center;
    text-align:left;
    padding:14px !important;
  }

  .mxzAccountProfileFields{
    width:100%;
  }

  .mxzAccountAvatarPreview{
    width:104px;
    height:104px;
    font-size:42px;
  }

  .mxzAvatarUploadBtn,
  .mxzAccountProfileActions .btn{
    width:100%;
  }

  #codeModal .mxz-premium-modal-card{
    width:98vw !important;
    max-height:94vh !important;
    border-radius:22px !important;
  }

  #codeModal .mxz-expired-plans-view{
    padding:18px 8px !important;
  }

  #codeModal .mxz-plans-back-btn{
    position:static !important;
    transform:none !important;
    margin:0 auto 10px !important;
    width:max-content;
  }

  #codeModal .mxz-plans-container-wrapper,
  #codeModal[data-mxz-plans-mode="catalog"] .mxz-plans-container-wrapper{
    padding:0 4px !important;
  }

  #codeModal .mxz-plans-grid{
    gap:10px !important;
    scroll-padding-inline:4px !important;
  }

  #codeModal .mxz-plan-country-selector{
    flex-direction:column;
    align-items:stretch;
    gap:7px;
    margin-top:10px;
  }

  #codeModal .mxz-plan-country-selector select{
    width:100%;
    max-width:none;
  }

  #codeModal .mxz-plan-card,
  #codeModal[data-mxz-plans-mode="catalog"] .mxz-plan-card{
    flex:0 0 calc(100% - 8px) !important;
    min-width:0 !important;
    min-height:0 !important;
    max-height:none !important;
    padding:18px 16px !important;
    border-radius:20px !important;
    overflow:visible !important;
  }

  #codeModal .mxz-plan-name{
    font-size:19px !important;
  }

  #codeModal .mxz-plan-price{
    font-size:26px !important;
  }

  #codeModal .mxz-price-num{
    font-size:28px !important;
  }

  #codeModal .mxz-plan-benefits-wrap{
    max-height:none !important;
    overflow:visible !important;
    gap:3px !important;
  }

  #codeModal .mxz-benefit-group-numbered{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:2px 5px !important;
  }

  #codeModal .mxz-benefit-group-benefits{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    margin-top:2px !important;
    padding-top:5px !important;
    gap:2px 5px !important;
  }

  #codeModal .mxz-benefit-group-benefits .mxz-benefit-group-title{
    grid-column:1 / -1;
  }

  #codeModal .mxz-benefit-item-numbered,
  #codeModal .mxz-benefit-item{
    font-size:10.7px !important;
    line-height:1.12 !important;
    gap:4px !important;
  }

  #codeModal .mxz-benefit-item-numbered i,
  #codeModal .mxz-benefit-item i{
    font-size:10px !important;
  }

  #codeModal .mxz-plan-section-title{
    padding:6px 8px !important;
    margin-bottom:2px !important;
    font-size:10px !important;
  }

  #codeModal .mxz-benefit-group-benefits .mxz-benefit-group-title{
    padding:6px 8px !important;
    margin-bottom:2px !important;
    font-size:10px !important;
  }


  #codeModal .mxz-slider-btn{
    width:36px !important;
    height:36px !important;
  }

  #codeModal .mxz-slider-btn.mxz-prev{
    left:0 !important;
  }

  #codeModal .mxz-slider-btn.mxz-next{
    right:0 !important;
  }
}

@media (max-width:900px){
  #codeModal .mxz-plans-close-btn{
    display:inline-flex !important;
    position:fixed;
    top:max(10px, env(safe-area-inset-top));
    right:10px;
    min-height:42px;
    padding:10px 13px;
    z-index:10020;
  }

  #videoModal{
    align-items:center !important;
    justify-content:center !important;
    padding:12px !important;
  }

  #videoModal .videoCard{
    width:min(94vw, 520px) !important;
    height:auto !important;
    max-height:86vh !important;
    padding:12px !important;
    border-radius:20px !important;
    overflow:auto !important;
  }

  #videoModal .videoCard > div:first-child{
    gap:8px !important;
    margin-bottom:10px !important;
  }

  #videoModal .videoCard h3{
    font-size:18px !important;
    margin-bottom:4px !important;
  }

  #videoModal .videoCard p{
    font-size:12px !important;
    line-height:1.25 !important;
    margin-bottom:0 !important;
  }

  #videoModal .mxzVideoModalActions{
    width:100%;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
  }

  #videoModal .mxzVideoModalActions .btn.small{
    min-width:0 !important;
    padding:8px 9px !important;
    font-size:11px !important;
  }

  #videoModal .mxzVideoModalProgress{
    min-width:48px !important;
    font-size:12px !important;
  }

  #videoModal .videoWrap{
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    aspect-ratio:16 / 9 !important;
    border-radius:15px !important;
  }

  #videoModal .videoWrap iframe,
  #videoModal .videoWrap video,
  #videoModal .videoWrap .mxzDriveVideoFrame,
  #videoModal .videoWrap .drive-player{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:16 / 9 !important;
    border-radius:15px !important;
    object-fit:contain !important;
  }

  #videoModal .videoWrap .mxzDriveVideoFrame iframe,
  #videoModal .videoWrap .drive-player iframe{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
  }
}

@media (max-width:760px){
  body.mxzTheaterMobileOpen{
    overflow:hidden !important;
    height:100dvh !important;
  }

  .resourceInlineWrap.mxzTheaterActive,
  #modularDetailMount.mxzTheaterActive{
    position:fixed !important;
    inset:0 !important;
    z-index:9999 !important;
    width:100vw !important;
    max-width:100vw !important;
    height:100vh !important;
    height:100dvh !important;
    margin:0 !important;
    padding:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    background:var(--bg, #050505) !important;
    overscroll-behavior:contain !important;
    touch-action:pan-y !important;
    -webkit-overflow-scrolling:touch;
  }

  #videoModal{
    align-items:stretch !important;
    justify-content:flex-start !important;
    padding:0 !important;
    background:rgba(0,0,0,.92) !important;
  }

  #videoModal .videoCard{
    width:100vw !important;
    height:100dvh !important;
    max-height:none !important;
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    padding:10px !important;
    border-radius:0 !important;
    overflow:auto !important;
    background:#050505 !important;
  }

  #videoModal .videoWrap{
    order:1 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:16 / 9 !important;
    border-radius:14px !important;
    border:0 !important;
    background:#000 !important;
    overflow:hidden !important;
    flex:0 0 auto !important;
  }

  #videoModal .videoCard > div:first-child{
    order:2 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
    margin:0 !important;
    padding:0 2px 8px !important;
  }

  #videoModal .videoCard > div:first-child > div:first-child{
    min-width:0 !important;
  }

  #videoModal .videoCard h3{
    font-size:17px !important;
    line-height:1.2 !important;
    margin:0 !important;
    color:#fff !important;
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
  }

  #videoModal .videoCard p{
    font-size:12px !important;
    line-height:1.35 !important;
    margin:4px 0 0 !important;
    color:rgba(255,255,255,.68) !important;
  }

  #videoModal .mxzVideoModalActions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr auto 1fr auto !important;
    align-items:center !important;
    gap:8px !important;
  }

  #videoModal .mxzVideoModalActions .btn.small{
    min-width:0 !important;
    min-height:40px !important;
    padding:9px 8px !important;
    border-radius:12px !important;
    font-size:11px !important;
    justify-content:center !important;
    white-space:nowrap !important;
  }

  #videoModal .mxzVideoModalProgress{
    min-width:52px !important;
    font-size:12px !important;
    text-align:center !important;
    color:#fff !important;
  }

  #videoModal .videoWrap iframe,
  #videoModal .videoWrap video,
  #videoModal .videoWrap .mxzDriveVideoFrame,
  #videoModal .videoWrap .drive-player,
  #videoModal .videoWrap .mxzDriveCompactFrame{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    padding-bottom:0 !important;
    aspect-ratio:16 / 9 !important;
    border-radius:14px !important;
    margin:0 !important;
    background:#000 !important;
  }

  #videoModal .videoWrap .mxzDriveCompactFrame iframe,
  #videoModal .videoWrap .mxzDriveVideoFrame iframe,
  #videoModal .videoWrap .drive-player iframe{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    border:0 !important;
  }

  .mxzTheaterView{
    display:flex !important;
    flex-direction:column !important;
    min-height:100vh !important;
    min-height:100dvh !important;
    width:100% !important;
    border-radius:0 !important;
    border:0 !important;
    margin:0 !important;
    overflow:visible !important;
  }

  .mxzTheaterPlayer,
  .mxzTheaterPlayer:has(.mxzDriveVideoFrame),
  .mxzTheaterPlayer:has(.mxzDriveCompactFrame){
    order:1 !important;
    position:relative !important;
    top:auto !important;
    z-index:1 !important;
    width:100% !important;
    height:min(74vw, 340px) !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    border-radius:0 !important;
    margin:0 !important;
    background:#000 !important;
    border:0 !important;
    flex:0 0 auto !important;
  }

  .mxzTheaterPlayerTopActions{
    order:0 !important;
    padding:8px 10px !important;
    background:#050505 !important;
  }

  .mxzTheaterTopbar{
    order:2 !important;
    position:relative !important;
    top:auto !important;
    z-index:1 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:12px 14px !important;
    background:#050505 !important;
    color:#fff !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
  }

  .mxzTheaterTitle{
    text-align:center !important;
    align-items:center !important;
  }

  .mxzTheaterTitle strong{
    white-space:normal !important;
    line-height:1.2 !important;
    color:#fff !important;
    font-size:16px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
  }

  .mxzTheaterTitle span{
    color:rgba(255,255,255,.66) !important;
    white-space:normal !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    max-width:100% !important;
    line-height:1.25 !important;
  }

  .mxzTheaterBack,
  .mxzTheaterClose{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    padding:0 !important;
    border-radius:12px !important;
    background:#fff !important;
    color:#050505 !important;
    border:0 !important;
  }

  .mxzTheaterBack span{
    display:none !important;
  }

  .mxzTheaterTopbar > .mxzTheaterBack,
  .mxzTheaterTopbar > .mxzTheaterClose{
    display:none !important;
  }

  .mxzTheaterCurrentActions{
    display:none !important;
  }

  .mxzMobileExpandBtn.mxzMobileExpandInline{
    margin:0 auto !important;
    min-width:170px !important;
    justify-content:center !important;
  }

  .mxzTheaterControls{
    order:3 !important;
    position:relative !important;
    display:grid !important;
    grid-template-columns:1fr auto 1fr !important;
    gap:8px !important;
    padding:10px 12px 12px !important;
    background:#050505 !important;
    border-bottom:1px solid rgba(255,255,255,.12) !important;
  }

  .mxzTheaterControls.single{
    grid-template-columns:1fr auto 1fr !important;
  }

  .mxzTheaterNavActions{
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    align-items:center !important;
    justify-items:center !important;
    gap:8px !important;
  }

  .mxzTheaterControls button{
    min-height:34px !important;
    padding:7px 9px !important;
    border-radius:12px !important;
    background:#151515 !important;
    border:1px solid rgba(255,255,255,.16) !important;
    color:#fff !important;
    font-size:11px !important;
  }

  .mxzTheaterNavActions > button:not(.mxzMobileExpandNav){
    max-width:128px !important;
    justify-self:center !important;
    width:100% !important;
  }

  .mxzMobileExpandBtn.mxzMobileExpandNav{
    display:inline-flex !important;
    width:42px !important;
    min-width:42px !important;
    max-width:42px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 !important;
    justify-self:center !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:12px !important;
    background:var(--button-bg, var(--accent)) !important;
    color:var(--button-text, #fff) !important;
  }

  .mxzMobileExpandBtn.mxzMobileExpandNav span{
    display:none !important;
  }

  .mxzTheaterProgress{
    min-width:52px !important;
    color:#fff !important;
  }

  .mxzTheaterProgress span{
    font-size:18px !important;
  }

  .mxzTheaterContent{
    order:4 !important;
    flex:0 0 auto !important;
    min-height:calc(100dvh - min(74vw, 340px) - 150px) !important;
    padding:14px 10px 20px !important;
    background:#050505 !important;
    overflow:visible !important;
  }

  .mxzTheaterRows{
    padding-bottom:24px !important;
  }

  .mxzTheaterPlayer .mxzDriveVideoFrame,
  .mxzTheaterPlayer .drive-player,
  .mxzTheaterPlayer .mxzDriveCompactFrame,
  .mxzTheaterPlayer iframe,
  .mxzTheaterPlayer video{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    padding-bottom:0 !important;
    aspect-ratio:auto !important;
    border-radius:0 !important;
    margin:0 !important;
  }

  .mxzTheaterContentHead h4,
  .mxzTheaterContentHead span{
    color:#fff !important;
  }

  .mxzTheaterRow{
    background:#fff !important;
    color:#111 !important;
    border-color:rgba(255,255,255,.18) !important;
  }

  .mxzTheaterRowText strong{
    color:#111 !important;
  }

  .mxzTheaterRowText small{
    color:#666 !important;
  }
}

@media (min-width:901px){
  body.mxzTheaterMobileOpen{
    overflow:hidden !important;
    height:100vh !important;
  }

  body.mxzTheaterMobileOpen .sidebar,
  body.mxzTheaterMobileOpen .topbar,
  body.mxzTheaterMobileOpen .hamburger,
  body.mxzTheaterMobileOpen .collapseBtn,
  body.mxzTheaterMobileOpen .sidebarOverlay,
  body.mxzTheaterMobileOpen .fab,
  body.mxzTheaterMobileOpen .mxzIaFab,
  body.mxzTheaterMobileOpen .mxzIaPanel,
  body.mxzTheaterMobileOpen #waFab,
  body.mxzTheaterMobileOpen #backTop{
    display:none !important;
  }

  body:has(.resourceInlineWrap.mxzTheaterActive) .sidebar,
  body:has(.resourceInlineWrap.mxzTheaterActive) .topbar,
  body:has(.resourceInlineWrap.mxzTheaterActive) .hamburger,
  body:has(.resourceInlineWrap.mxzTheaterActive) .collapseBtn,
  body:has(.resourceInlineWrap.mxzTheaterActive) .sidebarOverlay,
  body:has(.resourceInlineWrap.mxzTheaterActive) .fab,
  body:has(.resourceInlineWrap.mxzTheaterActive) .mxzIaFab,
  body:has(.resourceInlineWrap.mxzTheaterActive) .mxzIaPanel,
  body:has(.resourceInlineWrap.mxzTheaterActive) #waFab,
  body:has(.resourceInlineWrap.mxzTheaterActive) #backTop{
    display:none !important;
  }

  body.mxzTheaterMobileOpen .main{
    margin-left:0 !important;
    width:100vw !important;
    max-width:100vw !important;
    padding:0 !important;
  }

  .resourceInlineWrap.mxzTheaterActive,
  #modularDetailMount.mxzTheaterActive{
    position:fixed !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    z-index:2147483000 !important;
    width:100vw !important;
    max-width:100vw !important;
    height:100vh !important;
    height:100dvh !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    background:var(--bg, #050505) !important;
  }

  .mxzTheaterView{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) clamp(360px, 29vw, 470px) !important;
    grid-template-areas:
      "playerActions content"
      "player content"
      "topbar content"
      "controls content" !important;
    grid-template-rows:min-content minmax(0,1fr) min-content min-content !important;
    gap:10px !important;
    align-items:stretch !important;
    width:100vw !important;
    height:100vh !important;
    height:100dvh !important;
    min-height:100vh !important;
    min-height:100dvh !important;
    padding:8px !important;
    border-radius:0 !important;
    background:var(--bg, #050505) !important;
    border:0 !important;
    overflow:hidden !important;
  }

  .mxzTheaterPlayer,
  .mxzTheaterView.single .mxzTheaterPlayer,
  .mxzTheaterPlayer.ratio-4-5,
  .mxzTheaterPlayer.ratio-course,
  .mxzTheaterView.single .mxzTheaterPlayer.ratio-course,
  .mxzTheaterPlayer:has(.mxzDriveVideoFrame){
    grid-area:player !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    aspect-ratio:auto !important;
    margin:0 !important;
    border-radius:12px !important;
    border:0 !important;
    background:#000 !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  .mxzTheaterPlayer .mxzDriveVideoFrame,
  .mxzTheaterPlayer .drive-player,
  .mxzTheaterPlayer .mxzDriveCompactFrame{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    margin:0 !important;
    border-radius:12px !important;
    aspect-ratio:auto !important;
  }

  .mxzTheaterPlayerTopActions{
    grid-area:playerActions !important;
    padding:0 !important;
    background:transparent !important;
  }

  .resourceInlineWrap.mxzTheaterActive:has(.mxzRadioFmPlayerView){
    position:fixed !important;
    inset:0 !important;
    z-index:2147483000 !important;
    width:100vw !important;
    max-width:100vw !important;
    height:100vh !important;
    height:100dvh !important;
    margin:0 !important;
    padding:10px !important;
    overflow:hidden !important;
    background:var(--bg, #050505) !important;
  }

  .mxzRadioFmPlayerView{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    display:block !important;
  }

  .mxzRadioFmPlayerView > .mxzTheaterTopbar{
    display:none !important;
  }

  .mxzRadioFmShell{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) clamp(320px, 30vw, 430px) !important;
    gap:12px !important;
  }

  .mxzRadioFmNow,
  .mxzRadioFmQueue{
    min-height:0 !important;
    height:100% !important;
  }

  .mxzRadioFmQueueList{
    min-height:0 !important;
    overflow:auto !important;
  }

  .mxzTheaterTopbar{
    grid-area:topbar !important;
    grid-template-columns:1fr !important;
    margin:0 !important;
    padding:0 2px !important;
    border:0 !important;
    background:transparent !important;
  }

  .mxzTheaterTopbar > .mxzTheaterBack,
  .mxzTheaterTopbar > .mxzTheaterClose{
    display:none !important;
  }

  .mxzTheaterTitle{
    text-align:left !important;
    align-items:flex-start !important;
  }

  .mxzTheaterTitle strong{
    font-size:18px !important;
    white-space:normal !important;
    line-height:1.2 !important;
  }

  .mxzTheaterTitle span{
    max-width:100% !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  .mxzTheaterControls{
    grid-area:controls !important;
    display:grid !important;
    grid-template-columns:auto minmax(88px,120px) auto !important;
    gap:6px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }

  .mxzTheaterNavActions{
    grid-column:1 / -1 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    justify-content:center !important;
  }

  .mxzTheaterControls button{
    min-height:34px !important;
    padding:7px 10px !important;
    border-radius:10px !important;
    font-size:12px !important;
  }

  .mxzMobileExpandNav{
    display:none !important;
  }

  .mxzTheaterContent{
    grid-area:content !important;
    height:calc(100vh - 16px) !important;
    height:calc(100dvh - 16px) !important;
    max-height:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:16px 14px !important;
    border-radius:12px !important;
    border:1px solid var(--border-color, var(--line)) !important;
    background:var(--surface-card, #fff) !important;
    scrollbar-width:thin;
  }

  .mxzTheaterContentHead{
    position:sticky;
    top:0;
    z-index:2;
    margin:-16px -14px 12px !important;
    padding:16px 14px 12px !important;
    background:var(--surface-card, #fff) !important;
    border-bottom:1px solid var(--border-color, var(--line)) !important;
  }

  .mxzTheaterContentHead h4{
    font-size:18px !important;
    text-transform:none !important;
  }

  .mxzTheaterRows{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  .mxzTheaterRow{
    grid-template-columns:120px minmax(0,1fr) auto !important;
    gap:10px !important;
    min-height:74px !important;
    padding:8px !important;
    border-radius:12px !important;
    box-shadow:none !important;
  }

  .mxzTheaterRow.folder{
    grid-template-columns:58px minmax(0,1fr) auto !important;
  }

  .mxzTheaterRowThumb{
    width:120px !important;
    height:68px !important;
    border-radius:8px !important;
  }

  .mxzTheaterRow.folder .mxzTheaterRowThumb{
    width:58px !important;
    height:46px !important;
  }

  .mxzTheaterRowText strong{
    white-space:normal !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    font-size:13px !important;
    line-height:1.2 !important;
  }

  .mxzTheaterDownloadBtn{
    width:38px !important;
    height:38px !important;
    padding:0 !important;
    border-radius:12px !important;
  }
}

html{
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb, var(--accent) 48%, #8b8b8b) color-mix(in srgb, var(--surface-card, #111827) 48%, transparent);
}

*{
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb, var(--accent) 46%, #777) color-mix(in srgb, var(--surface-card, #111827) 34%, transparent);
}

*::-webkit-scrollbar{
  width:10px;
  height:10px;
}

*::-webkit-scrollbar-track{
  background:color-mix(in srgb, var(--surface-card, #111827) 42%, transparent);
  border-radius:999px;
}

*::-webkit-scrollbar-thumb{
  min-height:44px;
  border:2px solid transparent;
  border-radius:999px;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--accent) 72%, #a3a3a3),
      color-mix(in srgb, var(--accent2, var(--accent)) 50%, #666));
  background-clip:padding-box;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, #fff 18%, transparent),
    0 0 12px color-mix(in srgb, var(--accent) 36%, transparent);
}

*::-webkit-scrollbar-thumb:hover{
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--accent) 84%, #f5f5f5),
      color-mix(in srgb, var(--accent2, var(--accent)) 62%, #8b8b8b));
  background-clip:padding-box;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, #fff 28%, transparent),
    0 0 18px color-mix(in srgb, var(--accent) 54%, transparent);
}

*::-webkit-scrollbar-corner{
  background:transparent;
}

body.lightModeFix,
body.lightModeFix *{
  scrollbar-color:color-mix(in srgb, var(--accent) 28%, #8f8f8f) color-mix(in srgb, #e5e7eb 70%, transparent);
}

body.lightModeFix *::-webkit-scrollbar-track{
  background:color-mix(in srgb, #e5e7eb 68%, transparent);
}

body.lightModeFix *::-webkit-scrollbar-thumb{
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--accent) 34%, #bdbdbd),
      color-mix(in srgb, var(--accent2, var(--accent)) 22%, #8d8d8d));
  background-clip:padding-box;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.72),
    0 0 10px color-mix(in srgb, var(--accent) 18%, transparent);
}

body.lightModeFix *::-webkit-scrollbar-thumb:hover{
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--accent) 42%, #d5d5d5),
      color-mix(in srgb, var(--accent2, var(--accent)) 30%, #777));
  background-clip:padding-box;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.84),
    0 0 14px color-mix(in srgb, var(--accent) 24%, transparent);
}

.mxz-category-apps-track,
#codeModal[data-mxz-plans-mode="catalog"] .mxz-plans-grid{
  scrollbar-width:none !important;
}

.mxz-category-apps-track::-webkit-scrollbar,
#codeModal[data-mxz-plans-mode="catalog"] .mxz-plans-grid::-webkit-scrollbar{
  display:none !important;
}

/* TV en vivo: los logos se muestran completos, sin recorte ni zoom de portada. */
.mxzLiveTvCard .cover{
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 34%),
    linear-gradient(145deg, color-mix(in srgb, var(--surface-card) 86%, #ffffff 14%), var(--surface-card));
}

.mxzLiveTvCard .cover::before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:18px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}

.mxzLiveTvCard .cover img{
  position:relative;
  z-index:1;
  width:calc(100% - 48px) !important;
  height:calc(100% - 44px) !important;
  object-fit:contain !important;
  padding:4px;
  transform:none !important;
  filter:none !important;
}

.mxzLiveTvCard:hover .cover img{
  transform:none !important;
  filter:none !important;
}

.mxzTheaterRow.liveTv{
  grid-template-columns:72px minmax(0,1fr) auto;
}

.mxzTheaterRow.liveTv .mxzTheaterRowThumb{
  width:72px;
  height:46px;
  background:rgba(255,255,255,.94);
  border-color:rgba(0,0,0,.08);
}

.mxzTheaterRow.liveTv .mxzTheaterRowThumb img{
  width:100%;
  height:100%;
  object-fit:contain !important;
  padding:7px;
  transform:none !important;
  filter:none !important;
}

.mxzLiveTvLogoFallbackBox{
  display:flex;
  align-items:center;
  justify-content:center;
}

.mxzLiveTvLogoFallback{
  position:relative;
  z-index:1;
  width:calc(100% - 48px);
  height:calc(100% - 44px);
  min-width:0;
  border-radius:16px;
  background:rgba(255,255,255,.94);
  color:color-mix(in srgb, var(--accent) 82%, #111);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-weight:950;
  text-align:center;
  line-height:1;
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}

.mxzLiveTvLogoFallback i{
  font-size:26px;
}

.mxzLiveTvLogoFallback strong{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:18px;
  letter-spacing:0;
}

.mxzTheaterRow.liveTv .mxzTheaterRowThumb.mxzLiveTvLogoFallbackThumb{
  padding:0;
  background:rgba(255,255,255,.94);
}

.mxzTheaterRow.liveTv .mxzTheaterRowThumb.mxzLiveTvLogoFallbackThumb .mxzLiveTvLogoFallback{
  width:100%;
  height:100%;
  border-radius:0;
  box-shadow:none;
  gap:3px;
}

.mxzTheaterRow.liveTv .mxzTheaterRowThumb.mxzLiveTvLogoFallbackThumb .mxzLiveTvLogoFallback i{
  font-size:15px;
}

.mxzTheaterRow.liveTv .mxzTheaterRowThumb.mxzLiveTvLogoFallbackThumb .mxzLiveTvLogoFallback strong{
  font-size:13px;
}

/* NOVELAS */
.mxzNovelasHero{
  width:min(1180px,100%);
  padding:24px;
  border-radius:28px;
  margin-bottom:18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  background:
    radial-gradient(circle at 16% 12%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 34%),
    linear-gradient(135deg, color-mix(in srgb, var(--surface-card) 78%, #6d0039 22%), var(--surface-card));
  overflow:hidden;
}

.mxzNovelasHero h3{
  margin:8px 0 6px;
  font-size:clamp(24px,3vw,40px);
  line-height:1.04;
  font-weight:950;
}

.mxzNovelasHero p{
  margin:0;
  max-width:720px;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
  font-weight:750;
}

.mxzNovelasKicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  border:1px solid color-mix(in srgb, var(--accent) 46%, transparent);
  border-radius:999px;
  padding:7px 11px;
  color:var(--accent);
  background:color-mix(in srgb, var(--accent) 10%, transparent);
  font-size:12px;
  font-weight:950;
}

.mxzNovelasBadge{
  width:118px;
  aspect-ratio:1;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#fff;
  font-weight:950;
  box-shadow:0 24px 70px rgba(0,0,0,.22);
}

.mxzNovelasBadge i{
  color:var(--accent);
  font-size:34px;
  filter:drop-shadow(0 0 18px color-mix(in srgb, var(--accent) 48%, transparent));
}

.mxzNovelCard{
  border-color:color-mix(in srgb, var(--accent) 18%, var(--line));
}

.mxzNovelCard .cover{
  background:#050505;
}

.mxzNovelCard .cover img{
  object-fit:cover !important;
  opacity:1;
}

.mxzNovelCard:hover .cover img{
  transform:scale(1.035) !important;
  filter:saturate(1.08) brightness(1.04);
}

.mxzNovelCard .status{
  background:color-mix(in srgb, var(--accent) 92%, #111);
  color:#fff;
}

.mxzNovelCard .ribbon{
  background:rgba(0,0,0,.62);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
}

.mxzNovelasSources button.active{
  background:color-mix(in srgb, var(--accent) 20%, var(--secondary-button-bg, rgba(255,255,255,.06)));
}

@media (max-width:760px){
  .mxzNovelasHero{
    grid-template-columns:1fr;
    padding:18px;
  }
  .mxzNovelasBadge{
    width:92px;
    border-radius:22px;
  }
}

/* DOCUMENTALES */
.mxzDocumentalesHero{
  width:min(1180px,100%);
  padding:24px;
  border-radius:28px;
  margin-bottom:18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  background:
    radial-gradient(circle at 14% 16%, rgba(34,197,94,.22), transparent 34%),
    radial-gradient(circle at 82% 10%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 34%),
    linear-gradient(135deg, color-mix(in srgb, var(--surface-card) 82%, #064e3b 18%), var(--surface-card));
  overflow:hidden;
}

.mxzDocumentalesHero h3{
  margin:8px 0 6px;
  font-size:clamp(24px,3vw,40px);
  line-height:1.04;
  font-weight:950;
}

.mxzDocumentalesHero p{
  margin:0;
  max-width:720px;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
  font-weight:750;
}

.mxzDocumentalesKicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(34,197,94,.42);
  border-radius:999px;
  padding:7px 11px;
  color:#4ade80;
  background:rgba(34,197,94,.10);
  font-size:12px;
  font-weight:950;
}

.mxzDocumentalesBadge{
  width:118px;
  aspect-ratio:1;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#fff;
  font-weight:950;
  box-shadow:0 24px 70px rgba(0,0,0,.22);
}

.mxzDocumentalesBadge i{
  color:#4ade80;
  font-size:34px;
  filter:drop-shadow(0 0 18px rgba(74,222,128,.36));
}

.mxzDocumentaryCard{
  border-color:color-mix(in srgb, #22c55e 18%, var(--line));
}

.mxzDocumentaryCard .cover{
  background:#020617;
}

.mxzDocumentaryCard .cover img{
  object-fit:cover !important;
  opacity:1;
}

.mxzDocumentaryCard:hover .cover img{
  transform:scale(1.035) !important;
  filter:saturate(1.08) brightness(1.04);
}

.mxzDocumentaryCard .status{
  background:linear-gradient(135deg,#16a34a,#0ea5e9);
  color:#fff;
}

.mxzDocumentaryCard .ribbon{
  background:rgba(0,0,0,.62);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
}

.mxzDocumentalesTopics button.active{
  background:rgba(34,197,94,.16);
  border-color:#22c55e;
  color:#4ade80;
}

@media (max-width:760px){
  .mxzDocumentalesHero{
    grid-template-columns:1fr;
    padding:18px;
  }
  .mxzDocumentalesBadge{
    width:92px;
    border-radius:22px;
  }
}

/* KARAOKE */
.mxzKaraokeHero{
  width:min(1180px,100%);
  padding:24px;
  border-radius:28px;
  margin-bottom:18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  background:
    radial-gradient(circle at 18% 18%, rgba(236,72,153,.24), transparent 34%),
    radial-gradient(circle at 82% 12%, rgba(59,130,246,.20), transparent 34%),
    linear-gradient(135deg, color-mix(in srgb, var(--surface-card) 78%, #831843 22%), var(--surface-card));
  overflow:hidden;
}

.mxzKaraokeHero h3{
  margin:8px 0 6px;
  font-size:clamp(24px,3vw,40px);
  line-height:1.04;
  font-weight:950;
}

.mxzKaraokeHero p{
  margin:0;
  max-width:720px;
  color:var(--muted);
  font-size:14px;
  line-height:1.5;
  font-weight:750;
}

.mxzKaraokeKicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  border:1px solid rgba(236,72,153,.44);
  border-radius:999px;
  padding:7px 11px;
  color:#f9a8d4;
  background:rgba(236,72,153,.10);
  font-size:12px;
  font-weight:950;
}

.mxzKaraokeBadge{
  width:118px;
  aspect-ratio:1;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#fff;
  font-weight:950;
  box-shadow:0 24px 70px rgba(0,0,0,.22);
}

.mxzKaraokeBadge i{
  color:#f9a8d4;
  font-size:34px;
  filter:drop-shadow(0 0 18px rgba(236,72,153,.40));
}

.mxzKaraokeCard{
  border-color:color-mix(in srgb, #ec4899 20%, var(--line));
}

.mxzKaraokeCard .cover{
  background:#111827;
}

.mxzKaraokeCard .cover img{
  object-fit:cover !important;
  opacity:1;
}

.mxzKaraokeCard:hover .cover img{
  transform:scale(1.035) !important;
  filter:saturate(1.10) brightness(1.05);
}

.mxzKaraokeCard .status{
  background:linear-gradient(135deg,#ec4899,#6366f1);
  color:#fff;
}

.mxzKaraokeCard .ribbon{
  background:rgba(0,0,0,.62);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
}

.mxzKaraokeGenres button.active{
  background:rgba(236,72,153,.16);
  border-color:#ec4899;
  color:#f9a8d4;
}

@media (max-width:760px){
  .mxzKaraokeHero{
    grid-template-columns:1fr;
    padding:18px;
  }
  .mxzKaraokeBadge{
    width:92px;
    border-radius:22px;
  }
}

/* Mobile theater theme fix */
@media (max-width:760px){
  .resourceInlineWrap.mxzTheaterActive,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterView,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterTopbar,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterPlayerTopActions,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterControls,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterContent{
    background:var(--surface-card, var(--card-bg, var(--bg))) !important;
    color:var(--text) !important;
    border-color:var(--border-color, var(--card-border, var(--line))) !important;
  }

  .resourceInlineWrap.mxzTheaterActive .mxzTheaterPlayer{
    background:#000 !important;
    border:1px solid var(--border-color, var(--card-border, var(--line))) !important;
  }

  .resourceInlineWrap.mxzTheaterActive .mxzTheaterBack,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterClose,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterControls button,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterPlayerTopActions button{
    background:var(--input-bg, color-mix(in srgb, var(--surface-card) 88%, var(--text) 12%)) !important;
    color:var(--text) !important;
    border:1px solid var(--border-color, var(--card-border, var(--line))) !important;
  }

  .resourceInlineWrap.mxzTheaterActive .mxzTheaterBack:hover,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterClose:hover,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterControls button:not(:disabled):hover,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterPlayerTopActions button:hover{
    background:var(--accent) !important;
    color:var(--button-text, #fff) !important;
    border-color:var(--accent) !important;
  }

  .resourceInlineWrap.mxzTheaterActive .mxzTheaterTitle strong,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterContentHead h4,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterProgress,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterProgress span{
    color:var(--text) !important;
  }

  .resourceInlineWrap.mxzTheaterActive .mxzTheaterTitle span,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterContentHead span,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterProgress small,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterRowText small{
    color:var(--muted) !important;
  }

  .resourceInlineWrap.mxzTheaterActive .mxzTheaterRow,
  .resourceInlineWrap.mxzTheaterActive .subcategoryPanel,
  .resourceInlineWrap.mxzTheaterActive .subcategoryOption{
    background:var(--input-bg, color-mix(in srgb, var(--surface-card) 88%, var(--text) 10%)) !important;
    color:var(--text) !important;
    border-color:var(--border-color, var(--card-border, var(--line))) !important;
  }

  .resourceInlineWrap.mxzTheaterActive .mxzTheaterRow.active,
  .resourceInlineWrap.mxzTheaterActive .mxzTheaterRow:hover,
  .resourceInlineWrap.mxzTheaterActive .subcategoryOption.active,
  .resourceInlineWrap.mxzTheaterActive .subcategoryOption:hover{
    background:color-mix(in srgb, var(--accent) 18%, var(--surface-card)) !important;
    color:var(--text) !important;
    border-color:color-mix(in srgb, var(--accent) 55%, var(--line)) !important;
  }

  .resourceInlineWrap.mxzTheaterActive .mxzTheaterRowText strong{
    color:var(--text) !important;
  }

  .resourceInlineWrap.mxzTheaterActive .mxzTheaterRowThumb{
    background:color-mix(in srgb, var(--surface-card) 78%, #000 22%) !important;
    border-color:var(--border-color, var(--card-border, var(--line))) !important;
  }
}

/* === MAXZIMEDIA performance reset: keep UI light and responsive === */
#contentArea > *,
.grid .card,
.folderExplorerGrid .folderExplorerCard,
.modularSeriesGrid .modularSeriesCard,
.mxz-home-premium-header,
.mxz-home-banners,
.sectionHead,
.subcategoryPanel,
.categoryBgArea,
.hero,
.topbar{
  animation:none !important;
  filter:none !important;
}

.mxz-led-hover,
.mxz-category-app-card,
.mxz-home-banner-card,
.homeAdCard,
.card,
.folderExplorerCard,
.panelBox,
.infoBox,
.miniCard,
.statBox,
.mxz-plan-card,
.btn,
.menuBtn,
.hamburger,
.collapseBtn,
.tinyAction,
.subcategoryOption,
.historyTag,
.notificationCard,
.sectionAccordionItem{
  will-change:auto !important;
  transform-style:flat !important;
  backface-visibility:visible !important;
  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    filter .16s ease !important;
}

.mxz-led-hover:hover,
.mxz-category-app-card:hover,
.mxz-home-banner-card:hover,
.homeAdCard:hover,
.card:hover,
.folderExplorerCard:hover,
.panelBox:hover,
.infoBox:hover,
.miniCard:hover,
.statBox:hover,
.mxz-plan-card:hover,
.btn:hover,
.menuBtn:hover,
.hamburger:hover,
.collapseBtn:hover,
.tinyAction:hover,
.subcategoryOption:hover,
.historyTag:hover,
.notificationCard:hover,
.sectionAccordionItem:hover,
.mxz-category-app-card.active,
.mxz-category-app-card.touchZoom,
.menuBtn.active,
.card.active,
.selected{
  animation:none !important;
  outline:none !important;
  filter:none !important;
}

.mxz-led-hover::after,
.mxz-category-app-card::after,
.mxz-home-banner-card::after,
.homeAdCard::after,
.card::after,
.folderExplorerCard::after,
.panelBox::after,
.infoBox::after,
.miniCard::after,
.statBox::after,
.mxz-plan-card::after,
.btn::after,
.menuBtn::after,
.hamburger::after,
.collapseBtn::after,
.tinyAction::after,
.subcategoryOption::after,
.historyTag::after,
.notificationCard::after,
.sectionAccordionItem::after,
.cover::before,
.folderExplorerThumb::before,
.mxz-home-banner-card::before{
  display:none !important;
  animation:none !important;
}

.card:hover,
.folderExplorerCard:hover,
.mxz-home-banner-card:hover,
.homeAdCard:hover{
  transform:translateY(-3px) !important;
}

.mxz-category-app-card:hover,
.mxz-category-app-card.active,
.mxz-category-app-card.touchZoom{
  transform:translateY(-2px) !important;
}

.sidebar .menuBtn:hover,
.menuBtn:hover{
  transform:translateX(2px) !important;
}

.cover img,
.folderExplorerThumb img,
.mxz-home-banner-card img,
.homeAdCard img{
  transition:opacity .18s ease !important;
  filter:none !important;
}

.card:hover .cover img,
.folderExplorerCard:hover .folderExplorerThumb img,
.mxz-home-banner-card:hover img,
.homeAdCard:hover img,
.mxzLiveTvCard:hover .cover img,
.mxzRadioFmCard:hover .cover img,
.mxzFullMp3Card:hover .cover img,
.mxzNovelCard:hover .cover img,
.mxzDocumentaryCard:hover .cover img,
.mxzKaraokeCard:hover .cover img{
  transform:none !important;
  filter:none !important;
}

.mxzLoadingBrand,
.mxzActiveUsersPill,
.mxzHomeLogo,
.mxz-home-logo-badge,
.mxz-plan-animated-icon,
.mxz-benefit-crown-animated{
  animation:none !important;
}

/* === MAXZIMEDIA motion polish priority layer === */
.cover,
.folderExplorerThumb,
.mxz-home-banner-card,
.homeAdFrame{
  position:relative;
}

#contentArea > *,
.grid .card,
.folderExplorerGrid .folderExplorerCard,
.modularSeriesGrid .modularSeriesCard,
.mxz-home-premium-header,
.mxz-home-banners,
.sectionHead,
.subcategoryPanel,
.categoryBgArea{
  animation-name:mxzContentRise;
  animation-duration:.62s;
  animation-timing-function:var(--mxz-ease-premium, cubic-bezier(.16,1,.3,1));
  animation-fill-mode:both;
}

.grid .card,
.folderExplorerGrid .folderExplorerCard,
.modularSeriesGrid .modularSeriesCard{
  animation-name:mxzCardCascade;
  animation-delay:calc(min(var(--mxz-stagger-index, 0), 18) * 38ms);
}

.sidebar{
  transition:
    width .42s var(--mxz-ease-premium, cubic-bezier(.16,1,.3,1)),
    transform .42s var(--mxz-ease-premium, cubic-bezier(.16,1,.3,1)),
    box-shadow .42s ease !important;
}

.sidebar.open{
  box-shadow:32px 0 80px rgba(0,0,0,.44) !important;
}

.sidebar .menuBtn:hover,
.menuBtn:hover{
  transform:translateX(6px) translateY(-2px) translateZ(0) scale(1.018) !important;
}

.sidebar .menuBtn:hover i,
.sidebar .menuBtn.active i,
.mxz-category-app-card:hover i,
.mxz-category-app-card.active i,
.mxz-category-app-card.touchZoom i{
  animation:mxzIconPop .44s var(--mxz-ease-premium, cubic-bezier(.16,1,.3,1)) both;
}

.mxz-category-apps-track,
#codeModal[data-mxz-plans-mode="catalog"] .mxz-plans-grid,
.mxz-plans-grid{
  scroll-snap-type:x proximity;
  scroll-padding-inline:16px;
}

.mxz-category-app-card,
.mxz-plan-card{
  scroll-snap-align:center;
}

.mxz-category-app-card:hover,
.mxz-category-app-card.active,
.mxz-category-app-card.touchZoom{
  transform:translateY(-7px) translateZ(0) scale(1.05) !important;
}

.mxz-category-arrow:hover,
.mxz-slider-btn:hover{
  transform:translateY(-2px) scale(1.1) !important;
}

.mxz-home-banner-card:hover img{
  transform:scale(1.045) !important;
  filter:brightness(1.07) saturate(1.08) contrast(1.03) !important;
}

.card:hover .cover img,
.folderExplorerCard:hover .folderExplorerThumb img,
.homeAdCard:hover img,
.mxzLiveTvCard:hover .cover img,
.mxzRadioFmCard:hover .cover img,
.mxzFullMp3Card:hover .cover img,
.mxzNovelCard:hover .cover img,
.mxzDocumentaryCard:hover .cover img,
.mxzKaraokeCard:hover .cover img{
  transform:scale(1.105) rotate(.35deg) !important;
  filter:brightness(1.08) saturate(1.10) contrast(1.03) !important;
}

.topbar:hover,
.hero:hover,
.mxz-home-premium-header:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 22px 54px rgba(0,0,0,.30), 0 0 28px color-mix(in srgb, var(--accent) 12%, transparent) !important;
}

.btn:active,
.tinyAction:active,
.mxz-category-arrow:active,
.mxz-slider-btn:active,
.subcategoryOption:active{
  transform:scale(.965) !important;
}

@media (hover:none){
  .topbar:hover,
  .hero:hover,
  .mxz-home-premium-header:hover,
  .card:hover,
  .folderExplorerCard:hover,
  .mxz-home-banner-card:hover,
  .homeAdCard:hover{
    transform:none !important;
  }
}

@media (prefers-reduced-motion:reduce){
  #contentArea > *,
  .grid .card,
  .folderExplorerGrid .folderExplorerCard,
  .modularSeriesGrid .modularSeriesCard,
  .mxz-home-premium-header,
  .mxz-home-banners,
  .sectionHead,
  .subcategoryPanel,
  .categoryBgArea{
    animation:none !important;
  }
}

/* === FINAL OVERRIDE: keep runtime light and TV controls usable === */
#contentArea > *,
.grid .card,
.folderExplorerGrid .folderExplorerCard,
.modularSeriesGrid .modularSeriesCard,
.mxz-home-premium-header,
.mxz-home-banners,
.sectionHead,
.subcategoryPanel,
.categoryBgArea{
  animation:none !important;
}

.sidebar,
.card,
.folderExplorerCard,
.mxz-home-banner-card,
.homeAdCard,
.mxzLiveTvCard,
.mxzRadioFmCard,
.mxzFullMp3Card,
.mxzNovelCard,
.mxzDocumentaryCard,
.mxzKaraokeCard,
.mxz-category-app-card,
.mxz-plan-card,
.topbar,
.hero,
.mxz-home-premium-header,
.btn,
.tinyAction,
.mxz-category-arrow,
.mxz-slider-btn,
.subcategoryOption{
  transform:none !important;
  transition:none !important;
}

.card:hover .cover img,
.folderExplorerCard:hover .folderExplorerThumb img,
.mxz-home-banner-card:hover img,
.homeAdCard:hover img,
.mxzLiveTvCard:hover .cover img,
.mxzRadioFmCard:hover .cover img,
.mxzFullMp3Card:hover .cover img,
.mxzNovelCard:hover .cover img,
.mxzDocumentaryCard:hover .cover img,
.mxzKaraokeCard:hover .cover img{
  transform:none !important;
  filter:none !important;
}

@media (min-width:901px){
  .mxzTheaterPlayer:has(.mxzLiveTvPlayer),
  .mxzTheaterPlayer:has(video[data-hls-src]){
    overflow:visible !important;
  }

  .mxzTheaterPlayer .mxzLiveTvPlayer{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    height:100% !important;
    min-height:360px !important;
    overflow:visible !important;
    background:#000 !important;
    border-radius:12px !important;
  }

  .mxzTheaterPlayer .mxzLiveTvPlayer video,
  .mxzTheaterPlayer video[data-hls-src]{
    position:relative !important;
    z-index:3 !important;
    width:100% !important;
    height:100% !important;
    min-height:360px !important;
    object-fit:contain !important;
    pointer-events:auto !important;
  }
}

@media (max-width:900px){
  .sidebar{
    transform:translateX(-100%) !important;
    transition:transform .22s ease !important;
  }

  .sidebar.open{
    transform:translateX(0) !important;
  }

  body.mxzSidebarMobileOpen .mxzMobileBottomNav,
  body.mxzSidebarMobileOpen .mxzMobileBottomNav.show{
    transform:translate(-50%, 130%) !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  .card .cover .mxzReportContentBtn{
    display:none !important;
  }

  .card .cover .cardActions{
    display:flex !important;
    right:6px !important;
    bottom:6px !important;
    gap:5px !important;
  }

  .card .tinyAction.play{
    display:none !important;
  }

  .card .cover .cardActions .tinyAction:not(.play){
    display:grid !important;
    width:28px !important;
    height:28px !important;
    border-radius:9px !important;
    font-size:12px !important;
    padding:0 !important;
  }

  .card .ribbon,
  .card .status{
    top:8px !important;
    max-width:46% !important;
    padding:5px 8px !important;
    border-radius:999px !important;
    font-size:9px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
  }

  .card .ribbon{
    left:8px !important;
  }

  .card .status{
    right:8px !important;
  }

  .cardBody{
    padding:10px !important;
  }

  .cardBody h5{
    min-height:0 !important;
    font-size:13px !important;
    line-height:1.25 !important;
    margin-bottom:5px !important;
  }

  .cardBody p{
    min-height:0 !important;
    font-size:11px !important;
    line-height:1.25 !important;
    -webkit-line-clamp:2 !important;
    line-clamp:2 !important;
  }

  .mxzMobileCardActions{
    display:grid !important;
    grid-template-columns:repeat(auto-fit, minmax(76px, 1fr));
    gap:6px;
    margin-top:9px;
  }

  .mxzMobileCardActions .tinyAction{
    position:static !important;
    width:100% !important;
    height:34px !important;
    min-width:0 !important;
    border-radius:12px !important;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 8px;
    font-size:10px;
    font-weight:900;
    background:color-mix(in srgb, var(--surface-card, #111827) 76%, var(--accent) 8%) !important;
    color:var(--text) !important;
    border:1px solid var(--border-color, var(--line)) !important;
    box-shadow:none !important;
  }

  .mxzMobileCardActions .tinyAction span{
    display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .mxzMobileCardActions .tinyAction.favorite.active{
    background:color-mix(in srgb, var(--accent) 22%, var(--surface-card, #111827)) !important;
    color:var(--accent) !important;
  }

  .mxzTheaterTitle span{
    display:none !important;
  }

  .mxzTheaterTitle{
    justify-content:center !important;
  }

  .mxzTheaterTitle strong{
    white-space:normal !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
}

/* === MAXZIMEDIA light runtime final override === */
.panelBox:hover,
.infoBox:hover,
.miniCard:hover,
.statBox:hover,
.notificationCard:hover,
.sectionAccordionItem:hover,
.topbar:hover,
.hero:hover,
.mxz-home-premium-header:hover{
  transform:none !important;
  animation:none !important;
  filter:none !important;
}

.panelBox,
.infoBox,
.miniCard,
.statBox,
.notificationCard,
.sectionAccordionItem,
.topbar,
.hero,
.mxz-home-premium-header{
  will-change:auto !important;
  transform-style:flat !important;
  transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}

.grid .card,
.folderExplorerGrid .folderExplorerCard,
.mxz-category-app-card{
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.grid .card:hover,
.folderExplorerGrid .folderExplorerCard:hover{
  transform:translateY(-2px) !important;
}

.mxz-category-app-card:hover,
.mxz-category-app-card.active,
.mxz-category-app-card.touchZoom{
  transform:translateY(-2px) !important;
}

/* Inicio escritorio: cinco categorías por fila, todas visibles. */
@media (min-width:769px){
  .mxz-category-apps-shell{
    display:block !important;
    width:100% !important;
  }

  .mxz-category-apps-track{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    width:100% !important;
    gap:14px !important;
    overflow:visible !important;
    padding:8px 0 18px !important;
    scroll-padding:0 !important;
    scroll-snap-type:none !important;
  }

  .mxz-category-apps-track::after{
    display:none !important;
    content:none !important;
  }

  .mxz-category-app-card{
    width:100% !important;
    min-width:0 !important;
    min-height:128px !important;
    flex:none !important;
    scroll-snap-align:none !important;
  }

  .mxz-category-app-card .mxz-app-name{
    max-width:100% !important;
  }

  .mxz-category-arrow{
    display:none !important;
  }
}

/* Inicio móvil: categorías visibles en dos columnas, sin carrusel horizontal. */
@media (max-width:768px){
  .mxz-category-apps-shell{
    display:block !important;
    width:100% !important;
  }

  .mxz-category-apps-track{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:100% !important;
    gap:10px !important;
    overflow-x:hidden !important;
    overflow-y:visible !important;
    padding:6px 0 12px !important;
    scroll-padding:0 !important;
    scroll-snap-type:none !important;
    touch-action:pan-y !important;
  }

  .mxz-category-apps-track::after{
    display:none !important;
    content:none !important;
  }

  .mxz-category-app-card{
    width:100% !important;
    min-width:0 !important;
    min-height:112px !important;
    flex:none !important;
    scroll-snap-align:none !important;
    border-radius:18px !important;
    padding:12px 8px !important;
  }

  .mxz-category-app-card .mxz-app-name{
    max-width:100% !important;
    font-size:11px !important;
    line-height:1.25 !important;
    overflow-wrap:anywhere !important;
  }

  .mxz-category-arrow{
    display:none !important;
  }
}

.grid .card:hover .cover img,
.folderExplorerCard:hover .folderExplorerThumb img,
.mxzLiveTvCard:hover .cover img,
.mxzRadioFmCard:hover .cover img,
.mxzFullMp3Card:hover .cover img,
.mxzNovelCard:hover .cover img,
.mxzDocumentaryCard:hover .cover img,
.mxzKaraokeCard:hover .cover img{
  transform:scale(1.025) !important;
  filter:brightness(1.03) saturate(1.03) !important;
}

/* === MAXZIMEDIA inicio: solo proporcion visual de anuncios === */
.homeAdGrid .homeAdFrame{
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:4 / 3 !important;
  background:#050505 !important;
}

.homeAdGrid .homeAdFrame img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  background:#050505 !important;
  transform:none !important;
}

.homeAdGrid .homeAdCard:hover img{
  transform:scale(1.025) !important;
  filter:brightness(1.04) saturate(1.05) !important;
}

.mxz-ad-banner-container.mxz-ad-banner-has-image{
  height:auto !important;
  aspect-ratio:4 / 3 !important;
}

.mxz-ad-banner-link,
.mxz-ad-banner-image{
  width:100% !important;
  height:100% !important;
  display:block !important;
}

.mxz-ad-banner-image{
  object-fit:contain !important;
  object-position:center !important;
  background:#050505 !important;
}

@media (max-width: 760px){
  .homeAdGrid .homeAdFrame{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:4 / 3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:rgba(0,0,0,.18) !important;
  }

  .homeAdGrid .homeAdFrame img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
  }
}
#codeModal.mxz-code-only .mxz-plans-header,
#codeModal.mxz-code-only .mxz-plans-container-wrapper,
#codeModal.mxz-code-only .mxz-plan-country-selector,
#codeModal.mxz-code-only .mxz-plans-contact-notice,
#codeModal.mxz-code-only .mxz-advisor-notice-section {
  display: none !important;
}

#codeModal.mxz-code-only .mxz-expired-plans-view.mxz-show {
  align-items: center;
  justify-content: center;
}

#codeModal.mxz-code-only .mxz-activation-footer {
  width: min(100%, 560px);
  margin: 0 auto;
}

/* Cronometro demo: visible sin desplazar ni tapar los controles del topbar. */
.topbarSubPill{
  min-width:clamp(176px,16vw,230px);
  min-height:72px;
  padding:8px 16px !important;
  border-radius:18px !important;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px !important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 20%,var(--surface-card)),var(--surface-card)) !important;
  border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line)) !important;
  box-shadow:0 10px 26px rgba(0,0,0,.22),0 0 22px color-mix(in srgb,var(--accent) 14%,transparent);
}
.topbarSubPill.hide,
.topbarSubPill[hidden]{display:none !important}
.demoClockLabel{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  color:var(--muted);
  font-size:clamp(10px,1vw,12px);
  font-weight:900;
  letter-spacing:.7px;
  line-height:1.1;
  white-space:nowrap;
}
.demoClockLabel i{color:var(--accent)}
.demoClockValue{
  color:var(--text);
  font-family:"Space Grotesk","Inter",sans-serif;
  font-size:clamp(25px,2.3vw,36px);
  font-weight:950;
  font-variant-numeric:tabular-nums;
  letter-spacing:1.2px;
  line-height:1;
  white-space:nowrap;
  text-shadow:0 0 18px color-mix(in srgb,var(--accent) 30%,transparent);
}
.demoClockValue.isStatusText{font-size:clamp(14px,1.35vw,20px);letter-spacing:0;text-align:center;white-space:normal;line-height:1.15}

@media (max-width:760px){
  .leftTop{grid-template-columns:auto minmax(0,1fr) !important}
  .topbarSubPill{
    grid-column:1 / -1;
    width:100% !important;
    min-height:76px;
    padding:9px 12px !important;
  }
  .demoClockValue{font-size:clamp(30px,10vw,42px) !important}
  .demoClockValue.isStatusText{font-size:18px !important}
  .demoClockLabel{font-size:11px !important}
}

@media (max-width:380px){
  .demoClockValue{font-size:30px !important;letter-spacing:.6px}
  .topbarSubPill{min-width:0}
}