/* Mimi Play - CSS separado desde HTML original */

/* ===== mimi-play-clean-css ===== */

/* ===== BASE_GENERAL ===== */
:root{
      --bg:#020617;
      --panel:#0f172a;
      --panel2:#111c31;
      --text:#f8fafc;
      --muted:#94a3b8;
      --soft:#cbd5e1;
      --line:rgba(255,255,255,.12);
      --line2:rgba(255,255,255,.18);
      --blue:#00b4ff;
      --blue2:#2563eb;
      --green:#22c55e;
      --red:#ef4444;
      --yellow:#facc15;
      --orange:#fb923c;
      --shadow:0 28px 90px rgba(0,0,0,.42);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:var(--bg);
      color:var(--text);
      font-family:Arial, Helvetica, sans-serif;
    }
    button,input,select,textarea{font-family:inherit}

    .mp-page{
      min-height:100vh;
      padding:18px 14px 96px;
      background:
        radial-gradient(circle at 12% 0%, rgba(37,99,235,.35), transparent 28%),
        radial-gradient(circle at 92% 6%, rgba(0,180,255,.24), transparent 30%),
        radial-gradient(circle at 60% 100%, rgba(34,197,94,.10), transparent 35%),
        linear-gradient(180deg,#020617,#071126 45%,#020617);
    }

    .mp-shell{max-width:1360px;margin:0 auto}

    /* HERO CORTO */

    .hero{
      position:relative;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.12);
      border-radius:34px;
      padding:24px;
      box-shadow:0 28px 90px rgba(0,0,0,.42);
      background:
        radial-gradient(circle at 0% 0%, rgba(15, 53, 122, .92), transparent 32%),
        radial-gradient(circle at 100% 0%, rgba(0, 180, 255, .12), transparent 30%),
        linear-gradient(135deg, rgba(4,15,39,.98) 0%, rgba(7,26,63,.96) 45%, rgba(8,38,88,.94) 100%);
      margin-bottom:18px;
      isolation:isolate;
    }
    .hero:before{
      content:"";
      position:absolute;inset:0;
      background:
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px);
      background-size:48px 48px;
      mask-image:linear-gradient(to bottom, rgba(0,0,0,.9), transparent 95%);
      pointer-events:none;
    }
    .hero:after{
      content:"";
      position:absolute;
      width:520px;height:520px;
      right:-140px;top:-140px;
      background:radial-gradient(circle, rgba(56,189,248,.20), rgba(37,99,235,.05) 45%, transparent 70%);
      filter:blur(22px);
      pointer-events:none;
      z-index:0;
    }

    .hero-top{
      position:relative;z-index:2;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:14px;
      margin-bottom:22px;
    }

    .hero-main{
      position:relative;z-index:2;
      display:grid;
      grid-template-columns:1.15fr .85fr;
      gap:18px;
      align-items:stretch;
    }

    .hero-copy{
      display:flex;
      flex-direction:column;
      justify-content:center;
    }

    .hero-copy h1{
      margin:0;
      max-width:700px;
      font-size:clamp(34px,5vw,64px);
      line-height:.94;
      letter-spacing:-1.9px;
      font-weight:1000;
      background:linear-gradient(90deg,#ffffff,#ecfeff 38%,#7dd3fc 72%,#bae6fd);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
      text-wrap:balance;
    }
    .hero-copy p{
      margin:12px 0 0;
      max-width:620px;
      color:#dbe7f5;
      line-height:1.5;
      font-size:15px;
    }

    .hero-categories{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:14px;
    }
    .hero-badge{
      display:inline-flex;
      align-items:center;
      gap:7px;
      padding:9px 12px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.05);
      color:#dbeafe;
      font-size:12px;
      font-weight:1000;
      letter-spacing:.1px;
      backdrop-filter:blur(10px);
    }

    .hero-cta{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      justify-content:flex-start;
      margin-top:16px;
    }

    .hero-side{
      border:1px solid rgba(255,255,255,.10);
      background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
      border-radius:28px;
      padding:18px;
      backdrop-filter:blur(16px);
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      min-height:100%;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    }
    .hero-side-label{
      display:inline-flex;
      align-self:flex-start;
      padding:8px 12px;
      border-radius:999px;
      border:1px solid rgba(125,211,252,.18);
      background:rgba(125,211,252,.09);
      color:#bae6fd;
      font-size:12px;
      font-weight:1000;
      margin-bottom:12px;
    }
    .hero-side h3{
      margin:0;
      font-size:26px;
      line-height:1.05;
      letter-spacing:-.8px;
      font-weight:1000;
      color:#fff;
    }
    .hero-side p{
      margin:10px 0 0;
      color:#cbd5e1;
      font-size:14px;
      line-height:1.45;
    }
    .hero-points{
      display:grid;
      gap:10px;
      margin-top:16px;
    }
    .hero-point{
      border:1px solid rgba(255,255,255,.08);
      background:rgba(2,6,23,.26);
      border-radius:18px;
      padding:12px;
    }
    .hero-point strong{
      display:block;
      font-size:14px;
      margin-bottom:4px;
    }
    .hero-point span{
      display:block;
      font-size:12px;
      color:#94a3b8;
      line-height:1.35;
    }

    .mini-trust{
      position:relative;z-index:2;
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
      margin-top:18px;
    }
    .mini-trust-card{
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.04);
      border-radius:20px;
      padding:13px 14px;
      backdrop-filter:blur(8px);
    }
    .mini-trust-card strong{display:block;font-size:14px}
    .mini-trust-card span{display:block;color:#a7b6cb;font-size:12px;margin-top:4px;line-height:1.35}


    /* BLOQUES PRINCIPALES */
    .block{
      margin:16px 0;
      border:1px solid var(--line);
      background:rgba(2,6,23,.46);
      border-radius:28px;
      padding:16px;
      backdrop-filter:blur(14px);
      box-shadow:0 18px 50px rgba(0,0,0,.18);
    }
    .block-head{
      display:flex;
      justify-content:space-between;
      align-items:end;
      gap:12px;
      margin:0 4px 14px;
    }
    .block-head h2{
      margin:0;
      font-size:24px;
      font-weight:1000;
      letter-spacing:-.4px;
    }
    .block-head span{color:var(--muted);font-size:13px}

    /* MAS VENDIDOS */
    .featured-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
      gap:12px;
    }
    .featured-card{
      border:1px solid rgba(255,255,255,.10);
      border-radius:22px;
      background:linear-gradient(180deg,rgba(30,41,59,.82),rgba(15,23,42,.92));
      padding:12px;
      display:grid;
      grid-template-columns:70px 1fr;
      gap:12px;
      align-items:center;
      cursor:pointer;
      transition:.2s;
      min-height:98px;
    }
    .featured-card:hover{
      transform:translateY(-3px);
      border-color:rgba(0,180,255,.45);
      box-shadow:0 18px 40px rgba(0,0,0,.22);
    }
    .featured-logo{
      width:70px;
      height:70px;
      border-radius:20px;
      display:grid;
      place-items:center;
      overflow:hidden;
      padding:11px;
      font-weight:1000;
      font-size:12px;
      text-align:center;
      color:#fff;
    }
    .featured-logo img{width:100%;height:100%;object-fit:contain}
    .featured-info strong{display:block;font-size:16px;line-height:1.15}
    .featured-info small{display:block;color:#94a3b8;margin-top:4px}
    .featured-info b{display:block;color:#86efac;margin-top:5px;font-size:17px}


    /* ARMA TU COMBO */
    .combo-builder{
      display:grid;
      grid-template-columns:1.3fr .7fr;
      gap:16px;
      align-items:start;
    }
    .builder-products{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
      gap:10px;
    }
    .builder-item{
      border:1px solid rgba(255,255,255,.10);
      background:linear-gradient(180deg,rgba(30,41,59,.78),rgba(15,23,42,.92));
      border-radius:20px;
      padding:11px;
      display:grid;
      grid-template-columns:54px 1fr;
      gap:10px;
      align-items:center;
      cursor:pointer;
      transition:.18s ease;
      position:relative;
      overflow:hidden;
    }
    .builder-item:hover{
      transform:translateY(-2px);
      border-color:rgba(0,180,255,.42);
      box-shadow:0 14px 30px rgba(0,0,0,.22);
    }
    .builder-item.selected{
      border-color:rgba(34,197,94,.55);
      background:
        radial-gradient(circle at top right,rgba(34,197,94,.18),transparent 32%),
        linear-gradient(180deg,rgba(30,41,59,.86),rgba(15,23,42,.96));
    }
    .builder-item.selected:after{
      content:"OK";
      position:absolute;
      top:8px;
      right:8px;
      background:#22c55e;
      color:#fff;
      border-radius:999px;
      padding:4px 7px;
      font-size:10px;
      font-weight:1000;
    }
    .builder-logo{
      width:54px;
      height:54px;
      border-radius:16px;
      display:grid;
      place-items:center;
      overflow:hidden;
      padding:8px;
      color:#fff;
      font-size:10px;
      font-weight:1000;
      text-align:center;
    }
    .builder-logo img{width:100%;height:100%;object-fit:contain}
    .builder-info strong{
      display:block;
      font-size:14px;
      line-height:1.12;
      padding-right:28px;
    }
    .builder-info small{
      display:block;
      color:#94a3b8;
      margin-top:4px;
      font-size:12px;
    }
    .builder-info b{
      display:block;
      color:#86efac;
      margin-top:4px;
      font-size:13px;
    }
    .builder-summary{
      border:1px solid rgba(255,255,255,.10);
      background:
        radial-gradient(circle at top right,rgba(34,197,94,.14),transparent 32%),
        linear-gradient(180deg,rgba(30,41,59,.88),rgba(15,23,42,.96));
      border-radius:24px;
      padding:16px;
      position:sticky;
      top:14px;
    }
    .builder-summary h3{
      margin:0 0 8px;
      font-size:22px;
      font-weight:1000;
    }
    .builder-summary p{
      margin:0 0 12px;
      color:#94a3b8;
      font-size:13px;
      line-height:1.4;
    }
    .selected-list{
      display:grid;
      gap:7px;
      min-height:44px;
      margin-bottom:12px;
    }
    .selected-pill{
      display:flex;
      justify-content:space-between;
      gap:8px;
      align-items:center;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.055);
      border-radius:14px;
      padding:9px 10px;
      color:#e2e8f0;
      font-size:13px;
      font-weight:900;
    }
    .selected-pill button{
      border:0;
      background:rgba(239,68,68,.18);
      color:#fecaca;
      border-radius:10px;
      width:26px;
      height:26px;
      cursor:pointer;
      font-weight:1000;
    }
    .builder-count{
      border:1px solid rgba(34,197,94,.20);
      background:rgba(34,197,94,.08);
      border-radius:16px;
      padding:12px;
      margin-bottom:11px;
      display:flex;
      justify-content:space-between;
      color:#cbd5e1;
      font-weight:900;
    }
    .builder-count strong{color:#86efac}
    .builder-actions{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:9px;
    }
    .builder-btn{
      border:0;
      border-radius:16px;
      padding:13px 10px;
      color:#fff;
      cursor:pointer;
      font-weight:1000;
    }
    .builder-btn.green{background:linear-gradient(135deg,#16a34a,#22c55e)}
    .builder-btn.dark{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
    .builder-search{
      width:100%;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(15,23,42,.86);
      color:#fff;
      outline:0;
      border-radius:16px;
      padding:13px 14px;
      margin-bottom:12px;
    }


    /* COMBOS */
    .combos-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(285px,1fr));
      gap:14px;
    }
    .combo-card{
      border:1px solid rgba(255,255,255,.11);
      background:
        radial-gradient(circle at 85% 10%, rgba(250,204,21,.16), transparent 30%),
        linear-gradient(180deg,rgba(30,41,59,.90),rgba(15,23,42,.96));
      border-radius:28px;
      padding:16px;
      position:relative;
      overflow:hidden;
      box-shadow:0 18px 50px rgba(0,0,0,.20);
    }
    .combo-card:before{
      content:"";
      position:absolute;inset:0;
      background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.08),transparent 62%);
      pointer-events:none;
    }
    .combo-top{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
    .combo-card h3{margin:0;font-size:22px;font-weight:1000;line-height:1.08}
    .combo-badge{background:rgba(250,204,21,.16);color:#fde68a;border:1px solid rgba(250,204,21,.32);border-radius:999px;padding:7px 9px;font-size:11px;font-weight:1000;white-space:nowrap}
    .combo-platforms{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
    .combo-chip{
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.06);
      color:#e2e8f0;
      border-radius:999px;
      padding:8px 10px;
      font-size:12px;
      font-weight:900;
    }
    .combo-desc{position:relative;z-index:2;color:#cbd5e1;font-size:13px;line-height:1.45;min-height:38px}
    .combo-price{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:13px}
    .combo-price small{display:block;color:#94a3b8;text-decoration:line-through;font-weight:800}
    .combo-price strong{display:block;color:#86efac;font-size:28px;font-weight:1000;line-height:1}
    .combo-actions{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}
    .combo-btn{border:0;border-radius:16px;padding:12px 10px;color:#fff;font-weight:1000;cursor:pointer}
    .combo-btn.cart{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
    .combo-btn.buy{background:linear-gradient(135deg,#16a34a,#22c55e)}

    /* TOOLBAR */
    .toolbar{
      margin:16px 0;
      border:1px solid var(--line);
      background:rgba(2,6,23,.54);
      border-radius:26px;
      padding:14px;
      backdrop-filter:blur(14px);
      box-shadow:0 18px 50px rgba(0,0,0,.20);
    }
    .search{
      width:100%;
      border:1px solid var(--line2);
      background:rgba(15,23,42,.88);
      color:#fff;
      outline:none;
      padding:15px 18px;
      border-radius:18px;
      font-size:16px;
      margin-bottom:12px;
    }
    .search:focus{border-color:rgba(0,180,255,.65);box-shadow:0 0 0 4px rgba(0,180,255,.14)}
    .tabs{display:flex;gap:9px;overflow-x:auto;padding-bottom:3px}
    .tab{
      border:1px solid var(--line2);
      background:rgba(15,23,42,.84);
      color:#e2e8f0;
      border-radius:999px;
      padding:12px 18px;
      font-size:14px;
      font-weight:1000;
      white-space:nowrap;
      cursor:pointer;
      transition:.22s ease;
    }
    .tab.active,.tab:hover{background:linear-gradient(135deg,var(--blue2),var(--blue));border-color:transparent;color:#fff;transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,180,255,.18)}

    .section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:18px 4px 14px}
    .section-head h2{margin:0;font-size:27px;font-weight:1000;letter-spacing:-.5px}
    .section-head span{color:var(--muted);font-size:13px}

    /* PRODUCTOS */
    .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:20px}
    .product-card{
      min-height:560px;
      border:1px solid var(--line);
      border-radius:32px;
      background:linear-gradient(180deg,rgba(30,41,59,.88),rgba(15,23,42,.96));
      box-shadow:0 18px 54px rgba(0,0,0,.24);
      position:relative;overflow:hidden;
      display:flex;flex-direction:column;
      transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
    }
    .product-card:hover{transform:translateY(-8px);border-color:rgba(56,189,248,.48);box-shadow:0 32px 92px rgba(0,0,0,.40),0 0 34px rgba(0,180,255,.16)}

    .product-visual{
      height:215px;
      margin:14px 14px 0;
      border-radius:26px;
      position:relative;
      overflow:hidden;
      display:flex;
      align-items:center;
      justify-content:center;
      border:1px solid rgba(255,255,255,.15);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 38px rgba(0,0,0,.20);
      background:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.18), transparent 28%),
        radial-gradient(circle at 80% 10%, rgba(255,255,255,.14), transparent 24%),
        linear-gradient(145deg,#1e293b,#0f172a);
    }
    .product-visual:before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(120deg, transparent 30%, rgba(255,255,255,.16), transparent 62%),
        radial-gradient(circle at bottom right, rgba(0,0,0,.20), transparent 40%);
      pointer-events:none;
    }
    .product-visual.has-image{background-size:cover!important;background-position:center!important}
    .product-visual.has-image:after{
      content:"";
      position:absolute;inset:0;
      background:linear-gradient(180deg,rgba(2,6,23,.18),rgba(2,6,23,.58));
      pointer-events:none;
    }
    .visual-logo{
      position:relative;z-index:2;
      width:150px;
      height:150px;
      border-radius:38px;
      display:grid;
      place-items:center;
      padding:22px;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.20);
      backdrop-filter:blur(10px);
      color:#fff;
      font-size:24px;
      font-weight:1000;
      line-height:1;
      text-align:center;
      text-transform:uppercase;
      box-shadow:0 18px 40px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.22);
    }
    .visual-logo img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 8px 10px rgba(0,0,0,.25))}

    .badge-row{
      position:absolute;top:12px;left:12px;right:12px;z-index:3;
      display:flex;justify-content:space-between;align-items:flex-start;gap:10px;
    }
    .tags{display:flex;flex-wrap:wrap;gap:7px}
    .tag{
      border:1px solid rgba(255,255,255,.14);
      border-radius:999px;
      background:rgba(34,197,94,.18);
      color:#bbf7d0;
      padding:7px 9px;
      font-size:11px;
      font-weight:1000;
      letter-spacing:.18px;
      white-space:nowrap;
      backdrop-filter:blur(10px);
    }
    .tag.oferta{background:rgba(250,204,21,.20);color:#fde68a;border-color:rgba(250,204,21,.42)}
    .tag.nuevo{background:rgba(56,189,248,.18);color:#bae6fd;border-color:rgba(56,189,248,.42)}
    .tag.poco{background:rgba(249,115,22,.20);color:#fed7aa;border-color:rgba(249,115,22,.42)}
    .tag.agotado{background:rgba(239,68,68,.18);color:#fecaca;border-color:rgba(239,68,68,.42)}

    .from-price{
      position:absolute;right:12px;bottom:12px;z-index:3;
      background:rgba(2,6,23,.78);
      border:1px solid rgba(255,255,255,.16);
      border-radius:18px;
      padding:10px 12px;
      text-align:right;
      backdrop-filter:blur(12px);
      box-shadow:0 14px 30px rgba(0,0,0,.25);
    }
    .from-price small{display:block;color:#cbd5e1;font-size:10px;font-weight:900;text-transform:uppercase;margin-bottom:2px}
    .from-price strong{font-size:21px;color:#86efac;font-weight:1000}

    .product-info{padding:17px 18px 18px;display:flex;flex-direction:column;gap:12px;flex:1}
    .product-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
    .product-card h3{margin:0;font-size:24px;font-weight:1000;letter-spacing:-.4px;line-height:1.06}
    .category-pill{color:#93c5fd;background:rgba(37,99,235,.14);border:1px solid rgba(147,197,253,.22);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:1000;white-space:nowrap}
    .desc{color:#cbd5e1;font-size:14px;line-height:1.45;min-height:40px}
    .price-list{display:grid;gap:9px}
    .price-btn{
      width:100%;border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.055);
      color:#fff;border-radius:17px;padding:12px 13px;
      display:flex;justify-content:space-between;gap:12px;align-items:center;
      text-align:left;cursor:pointer;transition:.18s ease;
    }
    .price-btn:hover{background:rgba(0,180,255,.13);border-color:rgba(0,180,255,.45);transform:translateX(2px)}
    .price-btn small{color:#dbeafe;font-size:13px;line-height:1.25;font-weight:900}
    .price-btn strong{font-size:19px;color:#fff;white-space:nowrap;font-weight:1000}
    .card-actions{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:9px}
    .product-action{border:0;border-radius:16px;padding:12px 10px;color:#fff;cursor:pointer;font-weight:1000}
    .product-action.cart{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
    .product-action.buy{background:linear-gradient(135deg,#16a34a,#22c55e)}
    .buy-hint{color:#94a3b8;font-size:12px;line-height:1.35;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}

    .how-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}
    .info-panel{border:1px solid var(--line);background:rgba(2,6,23,.48);border-radius:28px;padding:20px;box-shadow:0 18px 50px rgba(0,0,0,.18)}
    .info-panel h2{margin:0 0 12px;font-size:24px;font-weight:1000}
    .steps{display:grid;gap:10px}
    .step{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:18px;padding:12px}
    .step-num{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#00b4ff);font-weight:1000}
    .step strong{display:block}
    .step span{display:block;color:#94a3b8;font-size:13px;margin-top:3px;line-height:1.35}
    .trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
    .trust-card{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:18px;padding:14px;min-height:100px}
    .trust-card strong{display:block;font-size:18px;margin-bottom:6px}
    .trust-card span{display:block;color:#94a3b8;font-size:13px;line-height:1.38}
    .reference-btn{margin-top:12px;width:100%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;border-radius:16px;padding:13px;font-weight:1000;cursor:pointer}

    .empty{display:none;text-align:center;color:#94a3b8;background:rgba(15,23,42,.78);border:1px solid var(--line);border-radius:24px;padding:55px 20px;margin-top:16px;font-size:17px}

    .floating-wa{position:fixed;right:18px;bottom:18px;z-index:9990;width:64px;height:64px;border-radius:999px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;text-decoration:none;display:grid;place-items:center;font-weight:1000;box-shadow:0 18px 44px rgba(34,197,94,.35);border:1px solid rgba(255,255,255,.13)}
    .floating-wa span{position:absolute;right:74px;white-space:nowrap;background:#0f172a;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 12px;color:#fff;font-size:12px;box-shadow:0 12px 28px rgba(0,0,0,.28)}

    .mobile-bar{
      position:fixed;left:10px;right:10px;bottom:10px;z-index:9988;
      display:none;grid-template-columns:repeat(4,1fr);gap:8px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(15,23,42,.92);backdrop-filter:blur(14px);
      padding:8px;border-radius:22px;box-shadow:0 18px 42px rgba(0,0,0,.35);
    }
    .mobile-bar button,.mobile-bar a{border:0;background:rgba(255,255,255,.07);color:#fff;text-decoration:none;border-radius:16px;padding:11px 6px;font-size:12px;font-weight:1000;text-align:center}
    .mobile-bar .green{background:linear-gradient(135deg,#16a34a,#22c55e)}

    /* CARRITO */
    .cart-modal{position:fixed;inset:0;display:none;z-index:10000;background:rgba(2,6,23,.72);backdrop-filter:blur(9px)}
    .cart-modal.active{display:block}
    .cart-drawer{position:absolute;top:0;right:0;width:min(500px,100%);height:100%;background:linear-gradient(180deg,#0f172a,#111c31);border-left:1px solid rgba(255,255,255,.10);box-shadow:-24px 0 70px rgba(0,0,0,.42);display:flex;flex-direction:column}
    .cart-header{padding:22px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;gap:12px}
    .cart-header h3{margin:0;font-size:24px;font-weight:1000}
    .cart-sub{color:var(--muted);font-size:13px;margin-top:3px}
    .close-btn{width:42px;height:42px;border:0;border-radius:14px;background:rgba(255,255,255,.08);color:#fff;font-size:25px;cursor:pointer}
    .cart-body{flex:1;overflow:auto;padding:18px 22px}
    .cart-item{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:20px;padding:14px;margin-bottom:12px}
    .cart-item-top{display:flex;justify-content:space-between;gap:12px}
    .cart-item strong{font-weight:1000}
    .cart-item small{display:block;color:#94a3b8;margin-top:4px;line-height:1.35}
    .qty-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:12px}
    .qty{display:flex;gap:8px;align-items:center}
    .qty button{width:34px;height:34px;border:0;border-radius:11px;background:#334155;color:#fff;font-size:17px;cursor:pointer;font-weight:1000}
    .remove-btn{border:0;background:rgba(239,68,68,.11);color:#fecaca;border-radius:12px;padding:9px 11px;cursor:pointer;font-weight:900}
    .cart-footer{border-top:1px solid rgba(255,255,255,.08);background:rgba(2,6,23,.38);padding:18px 22px 22px}
    .summary{border:1px solid rgba(34,197,94,.20);background:rgba(34,197,94,.08);border-radius:18px;padding:14px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}
    .summary span{color:#cbd5e1}.summary strong{font-size:25px;color:#86efac}
    .input,.textarea{width:100%;border:1px solid rgba(255,255,255,.10);background:#0b1220;color:#fff;border-radius:15px;padding:12px 13px;margin-bottom:10px;outline:0;font-size:14px}
    .textarea{min-height:74px;resize:vertical}
    .checkout{width:100%;border:0;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;border-radius:17px;padding:15px;font-weight:1000;font-size:16px;cursor:pointer;box-shadow:0 16px 34px rgba(34,197,94,.20)}
    .clear-cart{width:100%;border:0;background:transparent;color:#fca5a5;padding:12px;font-weight:900;cursor:pointer;margin-top:4px}

    /* ADMIN */
    .admin-modal{position:fixed;inset:0;display:none;z-index:11000;background:rgba(2,6,23,.82);backdrop-filter:blur(10px);padding:18px;overflow:auto}
    .admin-modal.active{display:block}
    .admin-panel{width:min(1240px,100%);margin:0 auto;background:linear-gradient(180deg,#111c31,#0f172a);border:1px solid rgba(255,255,255,.12);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}
    .admin-head{padding:20px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
    .admin-head h2{margin:0;font-size:25px;font-weight:1000}.admin-head p{margin:5px 0 0;color:#94a3b8;font-size:13px}
    .admin-actions{display:flex;gap:8px;flex-wrap:wrap}
    .admin-action{border:0;border-radius:14px;padding:11px 13px;color:#fff;font-weight:1000;cursor:pointer;background:#334155}
    .admin-action.primary{background:linear-gradient(135deg,#2563eb,#00b4ff)}
    .admin-action.green{background:#16a34a}
    .admin-action.red{background:#dc2626}
    .admin-action.yellow{background:#ca8a04}
    .admin-tabs{display:flex;gap:8px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.08);overflow:auto}
    .admin-tab{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;border-radius:999px;padding:10px 14px;cursor:pointer;font-weight:1000;white-space:nowrap}
    .admin-tab.active{background:linear-gradient(135deg,#2563eb,#00b4ff);border-color:transparent}
    .admin-content{padding:20px}.admin-section{display:none}.admin-section.active{display:block}
    .admin-grid{display:grid;gap:14px}
    .admin-card{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:20px;padding:15px}
    .form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}
    .field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:#cbd5e1;font-weight:1000}
    .field input,.field select,.field textarea{width:100%;border:1px solid rgba(255,255,255,.10);background:#0b1220;color:#fff;border-radius:12px;padding:10px 11px;outline:0}
    .field textarea{min-height:72px;resize:vertical}
    .col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}
    .plan-row,.tab-row,.combo-platform-row{display:grid;grid-template-columns:1fr 120px 42px;gap:8px;margin-top:8px;align-items:center}
    .tab-row{grid-template-columns:1fr 160px 120px 42px}
    .combo-platform-row{grid-template-columns:1fr 42px}
    .mini-del{width:42px;height:42px;border:0;border-radius:12px;background:#dc2626;color:#fff;cursor:pointer;font-weight:1000}
    .preview-logo{width:74px;height:74px;border-radius:22px;display:grid;place-items:center;color:#fff;font-weight:1000;overflow:hidden;border:1px solid rgba(255,255,255,.12);padding:9px}
    .preview-logo img{width:100%;height:100%;object-fit:contain}

    .toast{position:fixed;right:18px;bottom:94px;z-index:12000;display:none;background:#16a34a;color:#fff;border-radius:999px;padding:13px 17px;font-weight:1000;box-shadow:0 14px 35px rgba(22,163,74,.32)}
    .toast.show{display:block}

    @media(max-width:920px){
      .hero-main{grid-template-columns:1fr}
      .hero-cta{justify-content:flex-start}
      .mini-trust{grid-template-columns:1fr}
      .hero-top{align-items:flex-start;flex-direction:column}
      .how-trust-grid{grid-template-columns:1fr}
      .combo-builder{grid-template-columns:1fr}
      .builder-summary{position:relative;top:auto}
      .section-head{flex-direction:column;align-items:flex-start}
      .form-grid{grid-template-columns:1fr}
      .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-8,.col-12{grid-column:span 1}
      .tab-row,.plan-row,.combo-platform-row{grid-template-columns:1fr}
      .mini-del{width:100%}
    }
    @media(max-width:560px){
      .mp-page{padding:10px 10px 96px}
      .hero{padding:15px;border-radius:24px}
      .brand-logo{width:230px}
      .hero-copy h1{font-size:30px}
      .grid{grid-template-columns:1fr}
      .featured-grid{grid-template-columns:1fr}
      .combos-grid{grid-template-columns:1fr}
      .builder-products{grid-template-columns:1fr}
      .product-card{min-height:auto}
      .product-visual{height:205px}
      .visual-logo{width:140px;height:140px}
      .card-actions,.combo-actions{grid-template-columns:1fr}
      .admin-btn-text,.cart-label{display:none}
      .floating-wa{display:none}
      .mobile-bar{display:grid}
      .trust-grid{grid-template-columns:1fr}
    }
    /* BLOQUE ELIMINADO: HERO LIMPIO V2 - MIMI PLAY — reemplazado por estilos consolidados seguros. */
    /* BLOQUE ELIMINADO: HERO CARRUSEL — reemplazado por estilos consolidados seguros. */
    /* BLOQUE ELIMINADO: FIX CARRUSEL GRANDE + LOGO — reemplazado por estilos consolidados seguros. */


  
    /* ===== NAVBAR + TRUST BAR INTEGRADOS ===== */
    .navbar-pro{
      position:sticky;
      top:0;
      z-index:9999;
      background:rgba(2,6,23,.92);
      border-bottom:1px solid rgba(255,255,255,.08);
      backdrop-filter:blur(18px);
    }
    .nav-pro-container{
      max-width:1360px;
      margin:0 auto;
      padding:12px 16px;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:16px;
    }
    .nav-pro-logo{
      display:flex;
      align-items:center;
      min-width:0;
    }
    .nav-pro-logo img{
      width:min(210px,46vw);
      height:auto;
      display:block;
      filter:drop-shadow(0 8px 18px rgba(0,0,0,.28));
    }
    .nav-pro-menu{
      display:flex;
      gap:22px;
      align-items:center;
      font-size:14px;
      font-weight:900;
    }
    .nav-pro-menu a{
      color:#e2e8f0;
      text-decoration:none;
      transition:.2s ease;
      white-space:nowrap;
    }
    .nav-pro-menu a:hover{color:#7dd3fc}
    .nav-pro-actions{
      display:flex;
      align-items:center;
      gap:10px;
    }
    .nav-pro-btn{
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.07);
      color:#fff;
      height:42px;
      padding:0 14px;
      border-radius:999px;
      font-weight:1000;
      cursor:pointer;
      text-decoration:none;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      white-space:nowrap;
    }
    .nav-pro-btn.green{
      border:none;
      background:linear-gradient(135deg,#16a34a,#22c55e);
      box-shadow:0 12px 28px rgba(34,197,94,.18);
    }
    .nav-cart-wrap{position:relative}
    .nav-cart-count{
      position:absolute;
      top:-7px;
      right:-6px;
      width:21px;
      height:21px;
      border-radius:999px;
      background:#ef4444;
      color:#fff;
      font-size:11px;
      font-weight:1000;
      display:grid;
      place-items:center;
      border:2px solid #020617;
    }

    .trust-bar-pro{
      background:linear-gradient(90deg,rgba(15,23,42,.96),rgba(15,38,77,.92),rgba(15,23,42,.96));
      border-bottom:1px solid rgba(255,255,255,.07);
      color:#cbd5e1;
      font-size:12px;
      font-weight:800;
    }
    .trust-pro-container{
      max-width:1360px;
      margin:0 auto;
      padding:9px 16px;
      display:flex;
      justify-content:center;
      flex-wrap:wrap;
      gap:18px;
      line-height:1.2;
    }

    .mp-page{
      padding-top:16px!important;
    }

    /* Mejoras para armador de combo con precio total */
    .builder-total{
      margin:12px 0;
      padding:14px;
      border:1px solid rgba(34,197,94,.18);
      background:rgba(34,197,94,.08);
      border-radius:18px;
    }
    .builder-total-row{
      display:flex;
      justify-content:space-between;
      gap:10px;
      align-items:end;
    }
    .builder-total small{
      display:block;
      color:#94a3b8;
      font-size:11px;
      font-weight:900;
      letter-spacing:.4px;
      text-transform:uppercase;
    }
    .builder-total strong{
      display:block;
      color:#86efac;
      font-size:34px;
      line-height:1;
      font-weight:1000;
      margin-top:4px;
    }
    .builder-confirm{
      border:none;
      background:linear-gradient(135deg,#16a34a,#22c55e);
      color:#fff;
      border-radius:999px;
      padding:13px 18px;
      font-size:14px;
      font-weight:1000;
      cursor:pointer;
      white-space:nowrap;
    }
    .selected-pill .pill-price{
      color:#86efac;
      font-weight:1000;
      margin-left:auto;
      padding-left:8px;
      white-space:nowrap;
    }

    @media(max-width:980px){
      .nav-pro-menu{
        display:none;
      }
      .nav-pro-btn.green{
        display:none;
      }
    }
    @media(max-width:560px){
      .nav-pro-container{
        padding:10px 12px;
      }
      .nav-pro-logo img{
        width:178px;
      }
      .nav-pro-btn{
        height:40px;
        padding:0 12px;
        font-size:12px;
      }
      .trust-pro-container{
        justify-content:flex-start;
        overflow-x:auto;
        flex-wrap:nowrap;
        gap:14px;
      }
      .trust-pro-container span{
        white-space:nowrap;
      }
      .builder-total-row{
        display:grid;
        gap:12px;
      }
      .builder-confirm{
        width:100%;
      }
    }

    /* ===== DISCORD: bloque anterior eliminado. Nuevo estilo consolidado al final. ===== */


  
    /* ===== ADMIN ARMA TU COMBO ===== */
    .combo-admin-toolbar{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
      margin-bottom:14px;
    }
    .combo-admin-toolbar strong{
      display:block;
      font-size:18px;
      margin-bottom:4px;
    }
    .combo-admin-toolbar span{
      display:block;
      color:#94a3b8;
      font-size:13px;
      line-height:1.35;
    }
    .combo-admin-actions{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
    }
    .combo-admin-search{
      width:100%;
      border:1px solid rgba(255,255,255,.10);
      background:#0b1220;
      color:#fff;
      border-radius:15px;
      padding:13px 14px;
      outline:0;
      margin-bottom:14px;
      font-size:14px;
    }
    .combo-admin-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
      gap:12px;
    }
    .combo-admin-item{
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.045);
      border-radius:20px;
      padding:13px;
      display:grid;
      grid-template-columns:58px 1fr auto;
      gap:12px;
      align-items:center;
    }
    .combo-admin-item.active{
      border-color:rgba(34,197,94,.35);
      background:
        radial-gradient(circle at top right,rgba(34,197,94,.12),transparent 36%),
        rgba(255,255,255,.045);
    }
    .combo-admin-logo{
      width:58px;
      height:58px;
      border-radius:18px;
      display:grid;
      place-items:center;
      overflow:hidden;
      padding:8px;
      color:#fff;
      font-size:10px;
      font-weight:1000;
      text-align:center;
    }
    .combo-admin-logo img{
      width:100%;
      height:100%;
      object-fit:contain;
    }
    .combo-admin-info strong{
      display:block;
      font-size:15px;
      line-height:1.15;
    }
    .combo-admin-info small{
      display:block;
      color:#94a3b8;
      font-size:12px;
      margin-top:4px;
    }
    .combo-admin-info b{
      display:block;
      color:#86efac;
      margin-top:4px;
      font-size:13px;
    }
    .combo-switch{
      position:relative;
      width:54px;
      height:30px;
      border:none;
      border-radius:999px;
      background:#334155;
      cursor:pointer;
      transition:.2s ease;
    }
    .combo-switch:before{
      content:"";
      position:absolute;
      width:24px;
      height:24px;
      border-radius:50%;
      left:3px;
      top:3px;
      background:#fff;
      transition:.2s ease;
      box-shadow:0 4px 10px rgba(0,0,0,.25);
    }
    .combo-switch.active{
      background:#22c55e;
    }
    .combo-switch.active:before{
      transform:translateX(24px);
    }
    .combo-admin-counter{
      border:1px solid rgba(34,197,94,.18);
      background:rgba(34,197,94,.08);
      color:#bbf7d0;
      border-radius:999px;
      padding:9px 12px;
      font-size:13px;
      font-weight:1000;
      white-space:nowrap;
    }

  
    /* FIX ADMIN ARMA TU COMBO */
    #comboProductsAdmin{
      display:none;
    }
    #comboProductsAdmin.active{
      display:block;
    }
    .combo-admin-item{
      min-height:92px;
    }
    .combo-switch{
      flex:0 0 auto;
    }

  
    /* ===== PANEL ADMIN PRO AUTOMATIZADO ===== */
    .admin-panel{
      width:min(1320px,100%)!important;
    }
    .admin-head{
      background:
        radial-gradient(circle at top right,rgba(56,189,248,.12),transparent 32%),
        linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
    }
    .admin-head h2{
      display:flex;
      align-items:center;
      gap:10px;
    }
    .admin-head h2:before{
      content:"";
      width:12px;
      height:12px;
      border-radius:999px;
      background:#22c55e;
      box-shadow:0 0 0 6px rgba(34,197,94,.12);
    }
    .admin-status-pill{
      border:1px solid rgba(34,197,94,.22);
      background:rgba(34,197,94,.10);
      color:#bbf7d0;
      border-radius:999px;
      padding:8px 12px;
      font-size:12px;
      font-weight:1000;
      display:inline-flex;
      align-items:center;
      gap:7px;
    }
    .admin-status-pill:before{
      content:"";
      width:8px;
      height:8px;
      border-radius:999px;
      background:#22c55e;
    }
    .admin-dashboard-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:12px;
      margin-bottom:16px;
    }
    .admin-stat-card{
      border:1px solid rgba(255,255,255,.10);
      background:
        radial-gradient(circle at top right,rgba(56,189,248,.10),transparent 34%),
        rgba(255,255,255,.045);
      border-radius:22px;
      padding:16px;
      min-height:112px;
    }
    .admin-stat-card small{
      display:block;
      color:#94a3b8;
      font-size:12px;
      font-weight:1000;
      text-transform:uppercase;
      letter-spacing:.45px;
      margin-bottom:8px;
    }
    .admin-stat-card strong{
      display:block;
      font-size:34px;
      line-height:1;
      font-weight:1000;
      color:#fff;
    }
    .admin-stat-card span{
      display:block;
      margin-top:8px;
      color:#cbd5e1;
      font-size:13px;
      line-height:1.35;
    }
    .admin-quick-panel{
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.045);
      border-radius:24px;
      padding:16px;
      margin-bottom:16px;
    }
    .admin-quick-panel h3{
      margin:0 0 10px;
      font-size:20px;
      font-weight:1000;
    }
    .admin-quick-actions{
      display:flex;
      flex-wrap:wrap;
      gap:9px;
    }
    .admin-toolbox{
      border:1px solid rgba(255,255,255,.10);
      background:
        radial-gradient(circle at top right,rgba(37,99,235,.10),transparent 36%),
        rgba(255,255,255,.045);
      border-radius:24px;
      padding:14px;
      margin-bottom:14px;
    }
    .admin-toolbox-head{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
      margin-bottom:12px;
    }
    .admin-toolbox-head strong{
      font-size:18px;
      font-weight:1000;
    }
    .admin-toolbox-head span{
      color:#94a3b8;
      font-size:13px;
    }
    .admin-filters{
      display:grid;
      grid-template-columns:2fr 1fr 1fr 1fr;
      gap:10px;
      margin-bottom:12px;
    }
    .admin-filters input,
    .admin-filters select{
      width:100%;
      border:1px solid rgba(255,255,255,.10);
      background:#0b1220;
      color:#fff;
      border-radius:14px;
      padding:12px 12px;
      outline:0;
    }
    .admin-bulk-actions{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }
    .admin-mini-count{
      border:1px solid rgba(56,189,248,.20);
      background:rgba(56,189,248,.09);
      color:#bae6fd;
      border-radius:999px;
      padding:8px 12px;
      font-size:12px;
      font-weight:1000;
      white-space:nowrap;
    }
    .admin-card{
      transition:.18s ease;
    }
    .admin-card:hover{
      border-color:rgba(56,189,248,.26);
      box-shadow:0 12px 35px rgba(0,0,0,.18);
    }
    .admin-card-muted{
      opacity:.62;
      filter:saturate(.65);
    }
    .auto-save-note{
      color:#94a3b8;
      font-size:12px;
      margin-top:6px;
    }
    @media(max-width:980px){
      .admin-dashboard-grid{
        grid-template-columns:repeat(2,1fr);
      }
      .admin-filters{
        grid-template-columns:1fr 1fr;
      }
    }
    @media(max-width:560px){
      .admin-dashboard-grid{
        grid-template-columns:1fr;
      }
      .admin-filters{
        grid-template-columns:1fr;
      }
      .admin-quick-actions,
      .admin-bulk-actions{
        display:grid;
        grid-template-columns:1fr;
      }
    }

  
    /* ===== CONVERSION PLUS ===== */
    .advanced-toolbar{
      display:grid;
      grid-template-columns:1.3fr .9fr .8fr .8fr .8fr .8fr;
      gap:10px;
      margin-top:12px;
    }
    .advanced-toolbar select,
    .advanced-toolbar input{
      width:100%;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(15,23,42,.88);
      color:#fff;
      outline:none;
      padding:12px 13px;
      border-radius:16px;
      font-size:14px;
      font-weight:800;
    }
    .filter-toggle{
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.055);
      color:#dbeafe;
      border-radius:16px;
      padding:12px 13px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      font-size:13px;
      font-weight:1000;
      cursor:pointer;
      user-select:none;
    }
    .filter-toggle input{
      width:auto;
      accent-color:#22c55e;
    }
    .combo-savings-box{
      margin:12px 0;
      border:1px solid rgba(250,204,21,.20);
      background:
        radial-gradient(circle at top right,rgba(250,204,21,.13),transparent 35%),
        rgba(250,204,21,.055);
      border-radius:18px;
      padding:13px;
    }
    .combo-savings-line{
      display:flex;
      justify-content:space-between;
      gap:10px;
      color:#cbd5e1;
      font-size:13px;
      font-weight:900;
      margin-bottom:7px;
    }
    .combo-savings-line:last-child{
      margin-bottom:0;
      padding-top:8px;
      border-top:1px solid rgba(255,255,255,.08);
    }
    .combo-savings-line strong{
      color:#86efac;
      font-size:18px;
    }
    .combo-savings-badge{
      display:inline-flex;
      align-items:center;
      gap:7px;
      background:rgba(34,197,94,.12);
      border:1px solid rgba(34,197,94,.20);
      color:#bbf7d0;
      border-radius:999px;
      padding:7px 10px;
      font-size:12px;
      font-weight:1000;
      margin-bottom:9px;
    }
    .coupon-row{
      display:grid;
      grid-template-columns:1fr auto;
      gap:8px;
      margin-bottom:10px;
    }
    .coupon-row input{
      margin-bottom:0!important;
    }
    .coupon-apply-btn{
      border:0;
      background:linear-gradient(135deg,#2563eb,#00b4ff);
      color:#fff;
      border-radius:15px;
      padding:0 14px;
      font-weight:1000;
      cursor:pointer;
      min-width:98px;
    }
    .coupon-status{
      color:#94a3b8;
      font-size:12px;
      margin:-4px 0 10px;
      min-height:15px;
    }
    .coupon-status.ok{color:#86efac}
    .coupon-status.bad{color:#fecaca}
    .summary-details{
      display:grid;
      gap:6px;
      margin-bottom:12px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.035);
      border-radius:16px;
      padding:11px;
    }
    .summary-row{
      display:flex;
      justify-content:space-between;
      gap:10px;
      color:#cbd5e1;
      font-size:13px;
      font-weight:900;
    }
    .summary-row.discount span:last-child{color:#86efac}
    .summary-row.total{
      padding-top:7px;
      border-top:1px solid rgba(255,255,255,.08);
      font-size:15px;
      color:#fff;
    }
    .product-card{
      transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease!important;
    }
    .product-card:hover{
      transform:translateY(-8px) scale(1.012)!important;
      box-shadow:0 34px 95px rgba(0,0,0,.44),0 0 44px rgba(0,180,255,.18)!important;
    }
    .toast{
      background:linear-gradient(135deg,#0f172a,#133056)!important;
      border:1px solid rgba(56,189,248,.22)!important;
      border-radius:18px!important;
      padding:13px 16px!important;
      box-shadow:0 18px 45px rgba(0,0,0,.32),0 0 22px rgba(56,189,248,.14)!important;
    }
    .toast:before{
      content:"\2713";
      display:inline-grid;
      place-items:center;
      width:22px;
      height:22px;
      border-radius:999px;
      background:#22c55e;
      color:#fff;
      margin-right:8px;
      font-weight:1000;
    }
    .cart-bump{
      animation:cartBump .5s ease;
    }
    @keyframes cartBump{
      0%{transform:scale(1)}
      35%{transform:scale(1.18)}
      100%{transform:scale(1)}
    }
    details.step{
      display:block!important;
    }
    details.step summary{
      cursor:pointer;
      list-style:none;
    }
    details.step summary::-webkit-details-marker{display:none}
    details.step span{
      display:block;
      margin-top:8px;
      color:#94a3b8;
      font-size:13px;
      line-height:1.38;
    }
    @media(max-width:900px){
      .advanced-toolbar{
        grid-template-columns:1fr 1fr;
      }
    }
    @media(max-width:560px){
      .advanced-toolbar{
        grid-template-columns:1fr;
      }
      .coupon-row{
        grid-template-columns:1fr;
      }
      .coupon-apply-btn{
        min-height:44px;
      }
    }

  
    /* ===== ADMIN DESCUENTOS COMBO ===== */
    .discount-admin-box{
      margin-top:14px;
      border:1px solid rgba(34,197,94,.18);
      background:
        radial-gradient(circle at top right,rgba(34,197,94,.10),transparent 34%),
        rgba(255,255,255,.045);
      border-radius:22px;
      padding:16px;
    }
    .discount-admin-title{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:12px;
      flex-wrap:wrap;
      margin-bottom:12px;
    }
    .discount-admin-title strong{
      display:block;
      font-size:18px;
      margin-bottom:5px;
    }
    .discount-admin-title span{
      display:block;
      color:#94a3b8;
      font-size:13px;
      line-height:1.35;
    }
    .discount-reco{
      border:1px solid rgba(250,204,21,.20);
      background:rgba(250,204,21,.08);
      color:#fde68a;
      border-radius:999px;
      padding:8px 12px;
      font-size:12px;
      font-weight:1000;
      white-space:nowrap;
    }
    .discount-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:12px;
    }
    .discount-card{
      border:1px solid rgba(255,255,255,.10);
      background:rgba(2,6,23,.28);
      border-radius:18px;
      padding:13px;
    }
    .discount-card h4{
      margin:0 0 10px;
      font-size:15px;
      color:#fff;
    }
    .discount-card label{
      display:block;
      color:#cbd5e1;
      font-size:12px;
      font-weight:1000;
      margin:8px 0 6px;
    }
    .discount-card input{
      width:100%;
      border:1px solid rgba(255,255,255,.10);
      background:#0b1220;
      color:#fff;
      border-radius:12px;
      padding:10px 11px;
      outline:0;
    }
    @media(max-width:820px){
      .discount-grid{
        grid-template-columns:1fr;
      }
      .discount-reco{
        white-space:normal;
      }
    }

  
    /* ===== SPEED + WISHLIST + PWA ===== */
    .wishlist-btn{
      position:absolute;
      right:12px;
      top:12px;
      z-index:5;
      width:42px;
      height:42px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(2,6,23,.55);
      color:#fff;
      display:grid;
      place-items:center;
      cursor:pointer;
      backdrop-filter:blur(12px);
      font-size:20px;
      transition:.2s ease;
    }
    .wishlist-btn:hover{
      transform:scale(1.08);
      border-color:rgba(248,113,113,.42);
      box-shadow:0 12px 28px rgba(0,0,0,.24);
    }
    .wishlist-btn.active{
      background:rgba(239,68,68,.20);
      border-color:rgba(248,113,113,.42);
      color:#fecaca;
    }
    .wishlist-btn.active span{
      animation:heartPop .32s ease;
    }
    @keyframes heartPop{
      0%{transform:scale(.8)}
      50%{transform:scale(1.35)}
      100%{transform:scale(1)}
    }
    .wishlist-section{
      display:none;
      margin:16px 0;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(2,6,23,.44);
      border-radius:28px;
      padding:16px;
      backdrop-filter:blur(14px);
      box-shadow:0 18px 50px rgba(0,0,0,.18);
    }
    .wishlist-section.active{
      display:block;
    }
    .wishlist-mini-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
      gap:10px;
    }
    .wishlist-mini-card{
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.045);
      border-radius:20px;
      padding:12px;
      display:flex;
      justify-content:space-between;
      gap:12px;
      align-items:center;
    }
    .wishlist-mini-card strong{
      display:block;
      font-size:14px;
    }
    .wishlist-mini-card span{
      display:block;
      color:#86efac;
      font-size:13px;
      font-weight:1000;
      margin-top:3px;
    }
    .wishlist-mini-card button{
      border:0;
      background:linear-gradient(135deg,#16a34a,#22c55e);
      color:#fff;
      border-radius:14px;
      padding:10px 12px;
      font-weight:1000;
      cursor:pointer;
      white-space:nowrap;
    }

    .skeleton-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(310px,1fr));
      gap:20px;
    }
    .skeleton-card{
      min-height:540px;
      border-radius:32px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(30,41,59,.55);
      overflow:hidden;
      position:relative;
    }
    .skeleton-card:before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
      transform:translateX(-100%);
      animation:skeletonSweep 1.05s infinite;
    }
    .skeleton-card:after{
      content:"";
      position:absolute;
      left:14px;
      right:14px;
      top:14px;
      height:210px;
      border-radius:26px;
      background:rgba(255,255,255,.055);
      box-shadow:
        0 245px 0 -84px rgba(255,255,255,.055),
        0 305px 0 -94px rgba(255,255,255,.045),
        0 365px 0 -94px rgba(255,255,255,.045);
    }
    @keyframes skeletonSweep{
      100%{transform:translateX(100%)}
    }

    .pwa-install-card{
      position:fixed;
      left:16px;
      bottom:92px;
      z-index:9992;
      max-width:360px;
      border:1px solid rgba(56,189,248,.22);
      background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(19,48,86,.96));
      color:#fff;
      border-radius:24px;
      padding:15px;
      box-shadow:0 20px 52px rgba(0,0,0,.35);
      display:none;
    }
    .pwa-install-card.active{
      display:block;
      animation:pwaIn .25s ease;
    }
    @keyframes pwaIn{
      from{opacity:0;transform:translateY(12px)}
      to{opacity:1;transform:translateY(0)}
    }
    .pwa-install-card strong{
      display:block;
      font-size:16px;
      margin-bottom:4px;
    }
    .pwa-install-card span{
      display:block;
      color:#cbd5e1;
      font-size:13px;
      line-height:1.35;
      margin-bottom:12px;
    }
    .pwa-install-actions{
      display:flex;
      gap:8px;
    }
    .pwa-install-actions button{
      flex:1;
      border:0;
      border-radius:14px;
      padding:11px 10px;
      font-weight:1000;
      cursor:pointer;
      color:#fff;
    }
    .pwa-install-actions .install{
      background:linear-gradient(135deg,#16a34a,#22c55e);
    }
    .pwa-install-actions .later{
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.10);
    }
    @media(max-width:560px){
      .pwa-install-card{
        left:10px;
        right:10px;
        bottom:84px;
        max-width:none;
      }
    }

  
    /* ===== FIREBASE REALTIME STATUS ===== */
    .realtime-status{
      display:inline-flex;
      align-items:center;
      gap:7px;
      border:1px solid rgba(34,197,94,.22);
      background:rgba(34,197,94,.10);
      color:#bbf7d0;
      border-radius:999px;
      padding:8px 12px;
      font-size:12px;
      font-weight:1000;
      white-space:nowrap;
    }
    .realtime-status:before{
      content:"";
      width:8px;
      height:8px;
      border-radius:999px;
      background:#22c55e;
      box-shadow:0 0 0 5px rgba(34,197,94,.12);
    }
    .realtime-status.off{
      border-color:rgba(250,204,21,.22);
      background:rgba(250,204,21,.10);
      color:#fde68a;
    }
    .realtime-status.off:before{
      background:#facc15;
      box-shadow:0 0 0 5px rgba(250,204,21,.12);
    }
    .realtime-status.error{
      border-color:rgba(239,68,68,.24);
      background:rgba(239,68,68,.12);
      color:#fecaca;
    }
    .realtime-status.error:before{
      background:#ef4444;
      box-shadow:0 0 0 5px rgba(239,68,68,.12);
    }
    .firebase-help{
      margin-top:12px;
      border:1px solid rgba(56,189,248,.18);
      background:rgba(56,189,248,.06);
      border-radius:18px;
      padding:13px;
      color:#cbd5e1;
      font-size:13px;
      line-height:1.45;
    }
    .firebase-help strong{
      color:#fff;
    }

  
    .firebase-help b{
      color:#fff;
    }
    #firebaseDebugBox.ok{
      color:#86efac!important;
    }
    #firebaseDebugBox.bad{
      color:#fecaca!important;
    }

  
    /* ===== CONVERSION CART + HERO PRO V24 ===== */
    .hero-brand-strip{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
    .hero-brand-pill{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#e2e8f0;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:1000;backdrop-filter:blur(10px)}
    .hero-urgency{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:#fde68a;background:rgba(250,204,21,.10);border:1px solid rgba(250,204,21,.18);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:1000}
    .hero-urgency:before{content:"";width:8px;height:8px;border-radius:999px;background:#facc15;box-shadow:0 0 0 5px rgba(250,204,21,.12)}
    .slide-btn.primary{font-size:15px!important;padding:15px 18px!important;border-radius:18px!important;box-shadow:0 16px 34px rgba(34,197,94,.26)!important}
    .slide-btn.primary .cta-badge{display:inline-flex;margin-left:8px;background:rgba(255,255,255,.18);border-radius:999px;padding:4px 8px;font-size:11px;vertical-align:middle}
    .payment-confirm-note{border:1px solid rgba(34,197,94,.20);background:radial-gradient(circle at top right,rgba(34,197,94,.12),transparent 36%),rgba(34,197,94,.07);color:#bbf7d0;border-radius:18px;padding:12px 13px;margin:10px 0;font-size:13px;font-weight:1000;line-height:1.35}
    .cart-upsell{border:1px solid rgba(56,189,248,.18);background:radial-gradient(circle at top right,rgba(56,189,248,.12),transparent 36%),rgba(255,255,255,.04);border-radius:20px;padding:13px;margin:12px 0}
    .cart-upsell-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
    .cart-upsell-head strong{font-size:14px;color:#fff}
    .cart-upsell-head span{color:#94a3b8;font-size:12px;font-weight:800}
    .cart-upsell-grid{display:grid;gap:8px}
    .upsell-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:16px;padding:10px}
    .upsell-item strong{display:block;font-size:13px;line-height:1.2}
    .upsell-item small{color:#86efac;font-size:12px;font-weight:1000}
    .upsell-item button{border:0;background:linear-gradient(135deg,#2563eb,#00b4ff);color:#fff;border-radius:13px;padding:9px 11px;font-weight:1000;cursor:pointer;white-space:nowrap}
    .checkout{font-size:17px!important;padding:17px 14px!important;border-radius:20px!important;box-shadow:0 18px 40px rgba(34,197,94,.28)!important;animation:checkoutGlow 2.2s ease-in-out infinite}
    @keyframes checkoutGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.12)}}
    .pwa-floating-install{position:fixed;left:16px;bottom:16px;z-index:9991;border:1px solid rgba(56,189,248,.26);background:linear-gradient(135deg,#2563eb,#00b4ff);color:#fff;border-radius:999px;padding:13px 16px;font-weight:1000;cursor:pointer;box-shadow:0 16px 38px rgba(37,99,235,.28);display:flex;align-items:center;gap:8px}
    .pwa-floating-install:before{content:"⬇";font-size:15px}
    @media(max-width:560px){.pwa-floating-install{left:10px;bottom:76px;padding:12px 14px;font-size:12px}.hero-brand-strip{gap:6px}.hero-brand-pill{font-size:11px;padding:7px 9px}}

  

    /* =========================================================
       FIX RESPONSIVE CELULAR - MIMI PLAY
       Mejora visual para Android/iPhone: cards compactas,
       navbar limpia, hero más corto, carrito tipo bottom sheet.
       ========================================================= */
    html, body{
      width:100%;
      max-width:100%;
      overflow-x:hidden;
      -webkit-text-size-adjust:100%;
    }

    img, video, iframe{
      max-width:100%;
      height:auto;
    }

    button, a, input, select, textarea{
      -webkit-tap-highlight-color:transparent;
    }

    .tabs,
    .trust-pro-container,
    .admin-tabs{
      scrollbar-width:none;
    }
    .tabs::-webkit-scrollbar,
    .trust-pro-container::-webkit-scrollbar,
    .admin-tabs::-webkit-scrollbar{
      display:none;
    }

    @media(max-width:760px){
      body{
        background:#020617;
      }

      .navbar-pro{
        top:0;
        box-shadow:0 10px 28px rgba(0,0,0,.28);
      }

      .nav-pro-container{
        padding:9px 10px!important;
        gap:8px!important;
      }

      .nav-pro-logo img{
        width:150px!important;
        max-width:46vw!important;
      }

      .nav-pro-actions{
        gap:7px!important;
      }

      .nav-pro-btn{
        height:38px!important;
        min-width:38px!important;
        padding:0 11px!important;
        border-radius:14px!important;
        font-size:12px!important;
      }

      .nav-pro-btn .admin-btn-text,
      .nav-pro-btn .cart-label,
      .cart-label,
      .admin-btn-text{
        display:none!important;
      }

      .nav-cart-count{
        width:19px!important;
        height:19px!important;
        top:-6px!important;
        right:-6px!important;
        font-size:10px!important;
      }

      .trust-bar-pro{
        font-size:11px!important;
      }

      .trust-pro-container{
        justify-content:flex-start!important;
        flex-wrap:nowrap!important;
        overflow-x:auto!important;
        gap:10px!important;
        padding:7px 10px!important;
      }

      .trust-pro-container span{
        flex:0 0 auto;
        white-space:nowrap;
      }

      .mp-page{
        padding:10px 9px calc(108px + env(safe-area-inset-bottom))!important;
      }

      .mp-shell{
        width:100%;
      }

      .hero{
        min-height:285px!important;
        border-radius:22px!important;
        margin-bottom:12px!important;
      }

      .mp-hero-carousel{
        min-height:285px!important;
        padding:9px!important;
      }

      .carousel-stage{
        min-height:267px!important;
        border-radius:19px!important;
      }

      .carousel-brand{
        width:150px!important;
        left:14px!important;
        top:14px!important;
      }

      .carousel-slide{
        min-height:267px!important;
        padding:68px 14px 66px!important;
        display:block!important;
      }

      .slide-badge{
        font-size:10.5px!important;
        padding:6px 9px!important;
        margin-bottom:9px!important;
      }

      .slide-title{
        font-size:29px!important;
        line-height:1!important;
        letter-spacing:-1px!important;
        max-width:92%!important;
      }

      .slide-sub{
        font-size:13px!important;
        line-height:1.32!important;
        max-width:94%!important;
        margin-top:8px!important;
      }

      .slide-cta-row{
        margin-top:12px!important;
        gap:7px!important;
      }

      .slide-btn{
        padding:11px 10px!important;
        border-radius:14px!important;
        font-size:12px!important;
        flex:1 1 130px!important;
      }

      .carousel-nav{
        left:12px!important;
        right:12px!important;
        bottom:12px!important;
        justify-content:space-between!important;
      }

      .carousel-arrow{
        width:38px!important;
        height:38px!important;
        font-size:17px!important;
      }

      .carousel-dots{
        padding:7px 9px!important;
        gap:6px!important;
      }

      .carousel-dot{
        width:8px!important;
        height:8px!important;
      }

      .block,
      .toolbar,
      .info-panel{
        border-radius:20px!important;
        padding:12px!important;
        margin:12px 0!important;
      }

      .block-head,
      .section-head{
        display:block!important;
        margin:0 0 10px!important;
      }

      .block-head h2,
      .section-head h2{
        font-size:20px!important;
        line-height:1.12!important;
      }

      .block-head span,
      .section-head span{
        display:block!important;
        margin-top:5px!important;
        font-size:12px!important;
      }

      .search,
      .builder-search,
      .input,
      .textarea{
        min-height:46px!important;
        font-size:16px!important;
        border-radius:14px!important;
      }

      .tabs{
        gap:7px!important;
        overflow-x:auto!important;
        padding:2px 0 4px!important;
        margin:0 -2px!important;
      }

      .tab{
        padding:10px 13px!important;
        font-size:12px!important;
        flex:0 0 auto;
      }

      .grid,
      .featured-grid,
      .combos-grid,
      .builder-products,
      .how-trust-grid,
      .trust-grid{
        grid-template-columns:1fr!important;
        gap:11px!important;
      }

      .featured-card{
        min-height:82px!important;
        grid-template-columns:58px 1fr!important;
        border-radius:18px!important;
        padding:10px!important;
      }

      .featured-logo{
        width:58px!important;
        height:58px!important;
        border-radius:16px!important;
      }

      .featured-info strong{
        font-size:15px!important;
      }

      .featured-info b{
        font-size:16px!important;
      }

      .combo-builder{
        grid-template-columns:1fr!important;
        gap:12px!important;
      }

      .builder-item{
        grid-template-columns:50px 1fr!important;
        padding:10px!important;
        border-radius:17px!important;
      }

      .builder-logo{
        width:50px!important;
        height:50px!important;
        border-radius:14px!important;
      }

      .builder-summary{
        position:relative!important;
        top:auto!important;
        border-radius:20px!important;
        padding:13px!important;
      }

      .builder-actions,
      .builder-total-row,
      .combo-actions,
      .card-actions{
        grid-template-columns:1fr!important;
      }

      .builder-confirm,
      .builder-btn,
      .combo-btn,
      .product-action,
      .checkout{
        min-height:46px!important;
        border-radius:14px!important;
      }

      .product-card{
        min-height:auto!important;
        border-radius:22px!important;
        box-shadow:0 14px 36px rgba(0,0,0,.24)!important;
      }

      .product-card:hover{
        transform:none!important;
      }

      .product-visual{
        height:155px!important;
        margin:10px 10px 0!important;
        border-radius:18px!important;
      }

      .visual-logo{
        width:100px!important;
        height:100px!important;
        border-radius:25px!important;
        padding:15px!important;
        font-size:18px!important;
      }

      .badge-row{
        top:9px!important;
        left:9px!important;
        right:9px!important;
      }

      .tag{
        padding:5px 7px!important;
        font-size:9.5px!important;
      }

      .from-price{
        right:9px!important;
        bottom:9px!important;
        padding:7px 9px!important;
        border-radius:14px!important;
      }

      .from-price strong{
        font-size:18px!important;
      }

      .product-info{
        padding:13px!important;
        gap:10px!important;
      }

      .product-title-row{
        display:block!important;
      }

      .product-card h3{
        font-size:20px!important;
        line-height:1.1!important;
      }

      .category-pill{
        display:inline-flex!important;
        margin-top:7px!important;
      }

      .desc{
        min-height:auto!important;
        font-size:13px!important;
      }

      .price-list{
        gap:7px!important;
      }

      .price-btn{
        padding:11px!important;
        border-radius:14px!important;
      }

      .price-btn small{
        font-size:12.5px!important;
      }

      .price-btn strong{
        font-size:17px!important;
      }

      .combo-card{
        border-radius:22px!important;
        padding:13px!important;
      }

      .combo-card h3{
        font-size:19px!important;
      }

      .combo-top{
        align-items:flex-start!important;
      }

      .combo-platforms{
        gap:6px!important;
        margin:11px 0!important;
      }

      .combo-chip{
        padding:7px 9px!important;
        font-size:11.5px!important;
      }

      .combo-price strong{
        font-size:24px!important;
      }

      .step{
        grid-template-columns:34px 1fr!important;
        padding:10px!important;
        border-radius:16px!important;
      }

      .step-num{
        width:34px!important;
        height:34px!important;
        border-radius:12px!important;
      }

      .mobile-bar{
        left:8px!important;
        right:8px!important;
        bottom:calc(8px + env(safe-area-inset-bottom))!important;
        display:grid!important;
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:6px!important;
        padding:7px!important;
        border-radius:18px!important;
      }

      .mobile-bar button,
      .mobile-bar a{
        min-width:0!important;
        min-height:42px!important;
        padding:9px 4px!important;
        font-size:11px!important;
        line-height:1.1!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
      }

      .cart-modal{
        align-items:flex-end!important;
      }

      .cart-drawer{
        top:auto!important;
        bottom:0!important;
        left:0!important;
        right:0!important;
        width:100%!important;
        height:92vh!important;
        height:92dvh!important;
        border-left:0!important;
        border-top:1px solid rgba(255,255,255,.12)!important;
        border-radius:24px 24px 0 0!important;
        box-shadow:0 -22px 60px rgba(0,0,0,.48)!important;
      }

      .cart-header{
        padding:15px 16px 12px!important;
      }

      .cart-header h3{
        font-size:20px!important;
      }

      .close-btn{
        width:40px!important;
        height:40px!important;
        border-radius:14px!important;
      }

      .cart-body{
        padding:12px 14px!important;
      }

      .cart-item{
        border-radius:17px!important;
        padding:12px!important;
      }

      .cart-item-top,
      .qty-row{
        gap:8px!important;
      }

      .qty button{
        width:36px!important;
        height:36px!important;
      }

      .cart-footer{
        padding:12px 14px calc(14px + env(safe-area-inset-bottom))!important;
      }

      .summary{
        padding:12px!important;
        border-radius:16px!important;
      }

      .summary strong{
        font-size:22px!important;
      }

      .admin-modal{
        padding:8px!important;
      }

      .admin-panel{
        border-radius:20px!important;
      }

      .admin-head{
        padding:14px!important;
      }

      .admin-head h2{
        font-size:20px!important;
      }

      .admin-actions{
        width:100%!important;
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
      }

      .admin-action{
        min-height:42px!important;
        padding:10px!important;
        border-radius:13px!important;
        font-size:12px!important;
      }

      .admin-tabs{
        padding:10px 12px!important;
        gap:7px!important;
        overflow-x:auto!important;
      }

      .admin-tab{
        flex:0 0 auto!important;
        padding:9px 12px!important;
        font-size:12px!important;
      }

      .admin-content{
        padding:12px!important;
      }

      .form-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        gap:10px!important;
      }

      .field,
      .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-8,.col-12{
        grid-column:1 / -1!important;
      }

      .field input,
      .field select,
      .field textarea{
        min-height:44px!important;
        font-size:16px!important;
      }

      .pwa-install-floating,
      #pwaInstallFloatingBtn{
        display:none!important;
      }

      .pwa-install-card{
        left:10px!important;
        right:10px!important;
        bottom:calc(78px + env(safe-area-inset-bottom))!important;
        width:auto!important;
        border-radius:20px!important;
      }
    }

    @media(max-width:390px){
      .nav-pro-logo img{
        width:134px!important;
      }

      .nav-pro-btn{
        min-width:36px!important;
        height:36px!important;
        padding:0 9px!important;
      }

      .hero,
      .mp-hero-carousel{
        min-height:270px!important;
      }

      .carousel-stage,
      .carousel-slide{
        min-height:252px!important;
      }

      .carousel-brand{
        width:132px!important;
      }

      .slide-title{
        font-size:26px!important;
      }

      .slide-sub{
        font-size:12.5px!important;
      }

      .product-visual{
        height:140px!important;
      }

      .mobile-bar button,
      .mobile-bar a{
        font-size:10.5px!important;
      }
    }

  

    /* ===== MOBILE CRITICAL UPGRADES V2 ===== */
    @media(max-width:560px){
      html, body{
        overflow-x:hidden !important;
      }

      body{
        padding-bottom:calc(104px + env(safe-area-inset-bottom, 0px)) !important;
      }

      .mp-page{
        padding-left:10px !important;
        padding-right:10px !important;
        padding-bottom:calc(118px + env(safe-area-inset-bottom, 0px)) !important;
      }

      /* Bottom Navigation Bar más potente */
      .mobile-bar{
        display:grid !important;
        grid-template-columns:repeat(4,1fr) !important;
        gap:6px !important;
        left:8px !important;
        right:8px !important;
        bottom:calc(8px + env(safe-area-inset-bottom, 0px)) !important;
        padding:10px 8px !important;
        border-radius:28px !important;
        background:rgba(15,23,42,.94) !important;
        border:1px solid rgba(255,255,255,.14) !important;
        box-shadow:0 10px 30px rgba(0,0,0,.40) !important;
        backdrop-filter:blur(18px) !important;
      }

      .mobile-bar button,
      .mobile-bar a{
        min-height:58px !important;
        padding:12px 8px !important;
        font-size:11px !important;
        line-height:1.05 !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:3px !important;
        border-radius:20px !important;
        font-weight:1000 !important;
        text-align:center !important;
        -webkit-tap-highlight-color:transparent !important;
      }

      .mobile-bar button i,
      .mobile-bar a i{
        font-style:normal !important;
        font-size:22px !important;
        line-height:1 !important;
        display:block !important;
      }

      .mobile-bar button span,
      .mobile-bar a span{
        display:block !important;
        max-width:100% !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        white-space:nowrap !important;
      }

      .mobile-bar .green{
        background:linear-gradient(135deg,#16a34a,#22c55e) !important;
        box-shadow:0 10px 22px rgba(34,197,94,.22) !important;
      }

      .mobile-bar button:active,
      .mobile-bar a:active{
        transform:scale(.97) !important;
        filter:brightness(1.08) !important;
      }

      /* Hero más amigable en móvil */
      .hero,
      .mp-hero-carousel{
        min-height:320px !important;
      }

      .carousel-stage,
      .carousel-slide{
        min-height:296px !important;
      }

      .carousel-slide{
        padding:72px 15px 68px !important;
      }

      .mp-clean-title,
      .slide-title{
        font-size:32px !important;
        line-height:1 !important;
        letter-spacing:-1px !important;
      }

      .mp-clean-sub,
      .slide-sub{
        font-size:14px !important;
        line-height:1.35 !important;
        max-width:330px !important;
      }

      .mp-clean-actions{
        grid-template-columns:1fr !important;
      }

      .slide-cta-row{
        margin-top:14px !important;
      }

      .slide-btn{
        padding:12px 13px !important;
        border-radius:15px !important;
        font-size:13px !important;
      }

      .carousel-brand{
        width:165px !important;
        left:14px !important;
        top:14px !important;
      }

      .carousel-nav{
        left:12px !important;
        right:12px !important;
        bottom:12px !important;
      }

      .carousel-arrow{
        width:42px !important;
        height:42px !important;
      }

      /* Tarjetas de producto más táctiles */
      .grid{
        gap:14px !important;
      }

      .product-card{
        min-height:auto !important;
        border-radius:26px !important;
      }

      .product-visual{
        height:180px !important;
        margin:10px 10px 0 !important;
        border-radius:22px !important;
      }

      .visual-logo{
        width:116px !important;
        height:116px !important;
        border-radius:30px !important;
      }

      .product-info{
        padding:14px 13px 15px !important;
        gap:10px !important;
      }

      .product-card h3{
        font-size:21px !important;
        line-height:1.08 !important;
      }

      .desc{
        min-height:auto !important;
        font-size:13px !important;
      }

      .price-btn{
        padding:16px 14px !important;
        font-size:15px !important;
        border-radius:17px !important;
      }

      .price-btn small{
        font-size:14px !important;
      }

      .price-btn strong{
        font-size:20px !important;
      }

      .card-actions{
        gap:9px !important;
      }

      .product-action{
        padding:16px !important;
        font-size:15px !important;
        border-radius:17px !important;
        min-height:52px !important;
      }

      .combo-btn,
      .builder-btn,
      .builder-confirm,
      .checkout{
        min-height:52px !important;
        font-size:15px !important;
      }

      .cart-drawer{
        top:auto !important;
        bottom:0 !important;
        left:0 !important;
        right:0 !important;
        width:100% !important;
        height:min(86vh,720px) !important;
        border-left:0 !important;
        border-top:1px solid rgba(255,255,255,.12) !important;
        border-radius:28px 28px 0 0 !important;
        overflow:hidden !important;
      }

      .cart-header{
        padding:18px 18px 14px !important;
      }

      .cart-body{
        padding:14px 16px !important;
      }

      .cart-footer{
        padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px)) !important;
      }
    }


/* ===== MOBILE PERFORMANCE + UX FIX V4 ===== */
button, .product-card, .builder-item, .price-btn, .product-action, .combo-btn, .mobile-bar a, .mobile-bar button{
  -webkit-tap-highlight-color: transparent;
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
button:active, .product-card:active, .builder-item:active, .price-btn:active, .product-action:active, .combo-btn:active, .mobile-bar a:active, .mobile-bar button:active{
  transform: scale(.95);
}
.toast{
  max-width:min(92vw,520px);
  text-align:center;
}
@media(max-width:560px){
  .mp-page{
    padding:10px 10px 132px!important;
  }
  .grid{
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
    gap:16px!important;
  }
  .product-card{
    min-height:auto!important;
    border-radius:26px!important;
  }
  .product-visual{
    height:190px!important;
    margin:10px 10px 0!important;
    border-radius:22px!important;
  }
  .product-info{
    padding:15px!important;
    gap:12px!important;
  }
  .product-card h3{
    font-size:23px!important;
  }
  .desc, .combo-desc, .buy-hint{
    font-size:15px!important;
    line-height:1.45!important;
  }
  .price-list{
    gap:10px!important;
  }
  .price-btn{
    padding:16px 14px!important;
    min-height:58px!important;
  }
  .price-btn small{
    font-size:15px!important;
  }
  .price-btn strong{
    font-size:21px!important;
  }
  .product-action, .combo-btn, .builder-btn{
    padding:16px!important;
    font-size:15px!important;
    border-radius:18px!important;
  }
  .product-action.buy, .combo-btn.buy, .builder-btn.green, .builder-confirm{
    background:linear-gradient(135deg,#08b84e,#33e875)!important;
    box-shadow:0 14px 30px rgba(34,197,94,.26)!important;
  }
  .builder-confirm{
    width:100%!important;
    min-height:54px!important;
    font-size:15px!important;
    border-radius:18px!important;
  }
  .hero, .mp-hero-carousel{
    min-height:320px!important;
  }
  .carousel-stage, .carousel-slide{
    min-height:300px!important;
  }
  .carousel-slide{
    padding:72px 15px 74px!important;
  }
  .mp-clean-title, .slide-title{
    font-size:32px!important;
    line-height:1!important;
    letter-spacing:-.8px!important;
  }
  .mp-clean-sub, .slide-sub{
    font-size:14px!important;
    line-height:1.35!important;
  }
  .mp-clean-actions{
    grid-template-columns:1fr!important;
  }
  .mobile-bar{
    display:grid!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:6px!important;
    padding:10px 8px calc(10px + env(safe-area-inset-bottom))!important;
    border-radius:28px!important;
    box-shadow:0 10px 30px rgba(0,0,0,.4)!important;
  }
  .mobile-bar button, .mobile-bar a{
    padding:12px 8px!important;
    font-size:11px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    min-height:58px!important;
  }
  .mobile-bar button i, .mobile-bar a i{
    font-size:22px!important;
    font-style:normal!important;
    line-height:1!important;
  }
  .floating-wa{
    display:grid!important;
    width:72px!important;
    height:72px!important;
    right:14px!important;
    bottom:96px!important;
    font-size:18px!important;
    z-index:9989!important;
  }
  .floating-wa span{
    display:none!important;
  }
  .toast{
    left:14px!important;
    right:14px!important;
    bottom:104px!important;
    border-radius:22px!important;
    padding:16px 18px!important;
    font-size:15px!important;
    line-height:1.35!important;
    width:auto!important;
  }
}



/* ===== MIMI PLAY PREMIUM PRO V5 ===== */
:root{
  --premium-bg:#020617;
  --premium-panel:rgba(15,23,42,.82);
  --premium-panel-strong:rgba(15,23,42,.96);
  --premium-card:rgba(17,24,39,.88);
  --premium-line:rgba(148,163,184,.20);
  --premium-blue:#38bdf8;
  --premium-blue2:#2563eb;
  --premium-green:#22c55e;
  --premium-lime:#86efac;
  --premium-gold:#facc15;
  --premium-text:#f8fafc;
  --premium-muted:#a8b4c7;
  --premium-shadow:0 28px 90px rgba(0,0,0,.42);
}

body{
  background:
    radial-gradient(circle at 9% 2%, rgba(37,99,235,.34), transparent 30%),
    radial-gradient(circle at 85% 0%, rgba(56,189,248,.18), transparent 31%),
    linear-gradient(180deg,#010713 0%,#061226 48%,#020617 100%) !important;
}

.mp-page{
  background:
    radial-gradient(circle at 8% 0%, rgba(59,130,246,.28), transparent 28%),
    radial-gradient(circle at 82% 7%, rgba(34,211,238,.16), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(34,197,94,.10), transparent 38%),
    linear-gradient(180deg,#020617 0%,#071126 44%,#020617 100%) !important;
}

.navbar-pro{
  background:rgba(2,6,23,.82)!important;
  border-bottom:1px solid rgba(148,163,184,.14)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.24);
}
.nav-pro-container{padding:13px 16px!important;}
.nav-pro-menu a{position:relative;color:#dbeafe!important;}
.nav-pro-menu a:after{
  content:"";
  position:absolute;left:0;right:0;bottom:-7px;height:2px;
  background:linear-gradient(90deg,var(--premium-blue),transparent);
  transform:scaleX(0);transform-origin:left;transition:.18s ease;
}
.nav-pro-menu a:hover:after{transform:scaleX(1)}
.nav-pro-btn{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 24px rgba(0,0,0,.18);
}
.nav-pro-btn.green,
.checkout,
.product-action.buy,
.combo-btn.buy,
.builder-confirm,
.builder-btn.green{
  background:linear-gradient(135deg,#16a34a 0%,#22c55e 45%,#65a30d 100%)!important;
  box-shadow:0 16px 36px rgba(34,197,94,.25)!important;
}

.trust-bar-pro{
  background:linear-gradient(90deg,rgba(15,23,42,.92),rgba(14,45,87,.90),rgba(15,23,42,.92))!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.trust-pro-container span{
  padding:5px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(255,255,255,.035);
}

.hero{
  border:1px solid rgba(125,211,252,.18)!important;
  background:
    radial-gradient(circle at 82% 12%, rgba(56,189,248,.25), transparent 32%),
    radial-gradient(circle at 12% 88%, rgba(34,197,94,.12), transparent 32%),
    linear-gradient(135deg,#020617 0%,#071a3f 48%,#031225 100%)!important;
  box-shadow:0 30px 100px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.carousel-stage{
  border:1px solid rgba(148,163,184,.18)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),
    radial-gradient(circle at 80% 20%, rgba(56,189,248,.14), transparent 30%)!important;
}
.carousel-slide:after{
  background:linear-gradient(90deg, rgba(2,6,23,.88) 0%, rgba(2,6,23,.58) 52%, rgba(2,6,23,.20) 100%)!important;
}
.slide-badge,.mp-clean-kicker,.hero-side-label{
  background:rgba(56,189,248,.12)!important;
  border-color:rgba(125,211,252,.22)!important;
  color:#bae6fd!important;
}
.slide-title,.mp-clean-title{
  text-shadow:0 16px 44px rgba(0,0,0,.34);
}
.slide-card,.mp-clean-price{
  background:
    radial-gradient(circle at top right, rgba(34,197,94,.16), transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.13)!important;
}

.block,.toolbar,.info-panel,.admin-panel{
  border-color:rgba(148,163,184,.16)!important;
  background:rgba(2,6,23,.50)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.24)!important;
}
.block-head h2,.section-head h2,.info-panel h2{
  letter-spacing:-.7px;
}
.search,.builder-search,.input,.textarea,.admin-card input,.admin-card select,.admin-card textarea,.field input,.field select,.field textarea{
  background:rgba(2,6,23,.72)!important;
  border-color:rgba(148,163,184,.18)!important;
}
.search:focus,.builder-search:focus,.input:focus,.textarea:focus,.field input:focus,.field select:focus,.field textarea:focus{
  border-color:rgba(56,189,248,.70)!important;
  box-shadow:0 0 0 4px rgba(56,189,248,.12)!important;
}

.tab,.quick-filter-btn{
  background:rgba(15,23,42,.70)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.tab.active,.tab:hover,.quick-filter-btn.active,.quick-filter-btn:hover{
  background:linear-gradient(135deg,#2563eb,#38bdf8)!important;
  box-shadow:0 14px 30px rgba(56,189,248,.18)!important;
}

.product-card{
  border:1px solid rgba(148,163,184,.18)!important;
  background:
    radial-gradient(circle at 82% 0%, rgba(56,189,248,.08), transparent 30%),
    linear-gradient(180deg,rgba(30,41,59,.92),rgba(15,23,42,.98))!important;
  box-shadow:0 22px 64px rgba(0,0,0,.28)!important;
}
.product-card:before{
  content:"";
  position:absolute;
  left:18px;right:18px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
  pointer-events:none;
}
.product-card:hover{
  border-color:rgba(56,189,248,.46)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.42),0 0 38px rgba(56,189,248,.12)!important;
}
.product-visual{
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 20px 44px rgba(0,0,0,.22)!important;
}
.visual-logo,.builder-logo,.featured-logo,.combo-admin-logo{
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.15)!important;
}
.from-price{
  border-color:rgba(134,239,172,.22)!important;
  background:rgba(2,6,23,.78)!important;
}
.price-btn{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(148,163,184,.14)!important;
}
.price-btn:hover{
  background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(56,189,248,.13))!important;
}
.product-action.cart,.combo-btn.cart,.builder-btn.dark{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(148,163,184,.18)!important;
}
.product-action.buy{
  position:relative;
  letter-spacing:.2px;
}
.product-action.buy:after{
  content:"";
  position:absolute;inset:-2px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(34,197,94,.42),rgba(56,189,248,.16));
  z-index:-1;filter:blur(12px);opacity:.75;
}

.builder-item,.featured-card,.combo-card,.trust-card,.step,.cart-item,.admin-card,.discount-card{
  border-color:rgba(148,163,184,.14)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.18);
}
.builder-item.selected{
  border-color:rgba(34,197,94,.58)!important;
  box-shadow:0 18px 44px rgba(34,197,94,.09)!important;
}
.builder-item.selected:after{content:"LISTO"!important;}
.builder-summary{
  border-color:rgba(34,197,94,.22)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
}
.combo-savings-box,.builder-total,.summary-details,.cart-upsell,.payment-confirm-note{
  background:rgba(34,197,94,.075)!important;
  border-color:rgba(34,197,94,.20)!important;
}

.cart-drawer{
  background:
    radial-gradient(circle at top right,rgba(56,189,248,.12),transparent 34%),
    linear-gradient(180deg,#0f172a,#071126)!important;
}
.toast{
  background:linear-gradient(135deg,#16a34a,#22c55e)!important;
  box-shadow:0 18px 48px rgba(34,197,94,.32)!important;
  border:1px solid rgba(255,255,255,.16)!important;
}

.admin-modal{
  background:rgba(2,6,23,.84)!important;
}
.admin-panel{
  background:
    radial-gradient(circle at top right,rgba(56,189,248,.10),transparent 35%),
    linear-gradient(180deg,#111c31,#071126)!important;
}
.admin-head{
  background:rgba(255,255,255,.035);
}
.admin-tab.active{
  background:linear-gradient(135deg,#2563eb,#38bdf8)!important;
}
.admin-action{
  box-shadow:0 12px 26px rgba(0,0,0,.18);
}
.admin-action.primary{background:linear-gradient(135deg,#2563eb,#38bdf8)!important;}
.admin-action.yellow{background:linear-gradient(135deg,#d97706,#facc15)!important;color:#111827!important;}
.admin-action.red{background:linear-gradient(135deg,#dc2626,#ef4444)!important;}

.speech-admin-box{
  border:1px solid rgba(56,189,248,.20)!important;
  background:
    radial-gradient(circle at top right, rgba(56,189,248,.13), transparent 30%),
    linear-gradient(180deg,rgba(15,23,42,.84),rgba(2,6,23,.72))!important;
}
.speech-textarea{
  min-height:310px!important;
  line-height:1.45!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;
  font-size:13px!important;
}
.speech-vars{
  margin-top:10px;
  color:#a8b4c7;
  font-size:12px;
  line-height:1.45;
  border:1px dashed rgba(148,163,184,.25);
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
.speech-preview{
  min-height:310px;
  margin:0;
  white-space:pre-wrap;
  color:#e2e8f0;
  font-size:12px;
  line-height:1.45;
  border:1px solid rgba(148,163,184,.18);
  background:rgba(2,6,23,.72);
  border-radius:16px;
  padding:14px;
  overflow:auto;
}
.speech-admin-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  margin-top:10px;
}

@media(max-width:760px){
  .nav-pro-container{padding:10px 12px!important;}
  .nav-pro-logo img{width:168px!important;}
  .trust-pro-container span{font-size:11px;}
  .mp-page{padding-left:10px!important;padding-right:10px!important;padding-bottom:124px!important;}
  .hero,.mp-hero-carousel{min-height:310px!important;}
  .carousel-stage,.carousel-slide{min-height:286px!important;}
  .carousel-slide{padding:68px 14px 70px!important;}
  .slide-title{font-size:31px!important;line-height:1!important;letter-spacing:-.9px!important;}
  .slide-sub{font-size:14px!important;}
  .carousel-brand{width:160px!important;left:14px!important;top:14px!important;}
  .block,.toolbar,.info-panel{border-radius:22px!important;padding:14px!important;}
  .section-head{margin-top:14px!important;}
  .section-head h2,.block-head h2,.info-panel h2{font-size:22px!important;}
  .grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:16px!important;}
  .product-card{border-radius:24px!important;min-height:auto!important;}
  .product-visual{height:190px!important;border-radius:22px!important;margin:10px 10px 0!important;}
  .visual-logo{width:118px!important;height:118px!important;border-radius:30px!important;}
  .product-info{padding:15px!important;gap:11px!important;}
  .product-card h3{font-size:21px!important;}
  .desc,.combo-desc,.buy-hint{font-size:15px!important;line-height:1.45!important;}
  .price-btn{padding:16px 14px!important;}
  .price-btn small{font-size:14px!important;}
  .price-btn strong{font-size:20px!important;}
  .product-action,.combo-btn,.builder-btn,.builder-confirm{padding:16px 14px!important;font-size:15px!important;border-radius:18px!important;}
  .card-actions{grid-template-columns:1fr!important;}
  .mobile-bar{
    display:grid!important;
    left:10px!important;right:10px!important;bottom:10px!important;
    grid-template-columns:repeat(4,1fr)!important;
    gap:7px!important;
    padding:10px 8px!important;
    border-radius:28px!important;
    background:rgba(2,6,23,.88)!important;
    border:1px solid rgba(148,163,184,.18)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.48)!important;
  }
  .mobile-bar button,.mobile-bar a{
    min-height:58px!important;
    padding:9px 7px!important;
    font-size:11px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    border-radius:20px!important;
  }
  .mobile-bar i{
    width:28px;height:28px;
    border-radius:12px;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.10);
    font-style:normal;
    font-size:13px!important;
    font-weight:1000;
  }
  .mobile-bar .green i{background:rgba(255,255,255,.18);}
  .floating-wa{width:72px!important;height:72px!important;right:16px!important;bottom:94px!important;display:grid!important;}
  .floating-wa span{display:none!important;}
  .cart-drawer{
    top:auto!important;bottom:0!important;right:0!important;left:0!important;
    width:100%!important;height:min(86vh,720px)!important;
    border-radius:28px 28px 0 0!important;
    border-left:0!important;border-top:1px solid rgba(255,255,255,.14)!important;
  }
  .cart-footer{padding-bottom:104px!important;}
  .toast{left:14px!important;right:14px!important;bottom:104px!important;text-align:center!important;border-radius:20px!important;font-size:15px!important;}
  .admin-modal{padding:8px!important;}
  .admin-panel{border-radius:22px!important;}
  .admin-content{padding:12px!important;}
  .admin-head{padding:14px!important;}
  .admin-tabs{padding:10px 12px!important;}
  .speech-textarea,.speech-preview{min-height:260px!important;}
}


    /* ===== SLIDE CINEPLANET DENTRO DEL CARRUSEL ===== */
    .cineplanet-carousel-slide{
      background:
        radial-gradient(circle at 12% 14%, rgba(255,209,48,.22), transparent 30%),
        radial-gradient(circle at 92% 16%, rgba(58,123,255,.22), transparent 34%),
        linear-gradient(135deg,#141414 0%,#101827 50%,#071226 100%)!important;
      grid-template-columns:1fr 420px!important;
    }
    .cineplanet-carousel-slide:after{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(115deg, transparent 32%, rgba(255,255,255,.08), transparent 58%),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px);
      background-size:auto,46px 46px,46px 46px;
      pointer-events:none;
    }
    .cine-slide-copy,
    .cine-slide-card{
      position:relative;
      z-index:2;
    }
    .cine-badge{
      background:rgba(255,209,48,.14)!important;
      border-color:rgba(255,209,48,.28)!important;
      color:#fde68a!important;
    }
    .cine-slide-tags{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:14px;
    }
    .cine-slide-tags span{
      display:inline-flex;
      padding:7px 10px;
      border-radius:999px;
      color:#fde68a;
      background:rgba(255,209,48,.12);
      border:1px solid rgba(255,209,48,.22);
      font-size:11px;
      font-weight:1000;
    }
    .slide-btn.cine-primary{
      background:#ffd130!important;
      color:#09090f!important;
      box-shadow:0 14px 30px rgba(255,209,48,.20)!important;
    }
    .cine-slide-card{
      display:block;
      text-decoration:none;
      color:#fff;
      border:1px solid rgba(255,255,255,.12);
      background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.045));
      border-radius:28px;
      padding:18px;
      backdrop-filter:blur(14px);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 44px rgba(0,0,0,.26);
    }
    .cine-popcorn{
      width:72px;
      height:72px;
      border-radius:22px;
      display:grid;
      place-items:center;
      font-size:38px;
      background:rgba(255,209,48,.13);
      border:1px solid rgba(255,209,48,.25);
      margin-bottom:12px;
    }
    .cine-slide-card h3{
      margin:0;
      font-size:25px;
      line-height:1;
      font-weight:1000;
      letter-spacing:-.5px;
    }
    .cine-slide-card p{
      margin:8px 0 0;
      color:#cbd5e1;
      font-size:14px;
      line-height:1.35;
    }
    .cine-features-mini{
      display:grid;
      gap:8px;
      margin-top:14px;
    }
    .cine-features-mini div{
      padding:9px 10px;
      border-radius:15px;
      background:rgba(255,255,255,.055);
      border:1px solid rgba(255,255,255,.08);
    }
    .cine-features-mini strong{
      display:block;
      font-size:12px;
      font-weight:1000;
    }
    .cine-features-mini small{
      display:block;
      margin-top:3px;
      color:#94a3b8;
      font-size:11px;
      line-height:1.25;
    }
    .cine-enter{
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin-top:14px;
      padding:11px 14px;
      border-radius:999px;
      background:#ffd130;
      color:#080808;
      font-weight:1000;
    }
    .cine-enter span{
      display:grid;
      place-items:center;
      width:22px;
      height:22px;
      border-radius:999px;
      background:rgba(0,0,0,.12);
    }
    @media(max-width:900px){
      .cineplanet-carousel-slide{
        grid-template-columns:1fr!important;
        gap:14px!important;
      }
      .cine-slide-card{
        display:none;
      }
    }



    /* =========================================================
       CARRUSEL PRO V27 - BOTONES EDITABLES + FLYER GRANDE
       ========================================================= */
    .hero{
      min-height:560px!important;
    }
    .mp-hero-carousel{
      min-height:560px!important;
      padding:18px!important;
    }
    .carousel-stage{
      min-height:524px!important;
      border-radius:32px!important;
      overflow:hidden!important;
    }
    .carousel-track{
      align-items:stretch!important;
    }
    .carousel-pro-slide{
      min-height:524px!important;
      grid-template-columns:minmax(0,1fr) minmax(360px,46%)!important;
      gap:32px!important;
      padding:96px 38px 46px!important;
      align-items:center!important;
    }
    .slide-copy-pro{
      max-width:760px!important;
    }
    .carousel-pro-slide .slide-title{
      font-size:clamp(42px,5.2vw,74px)!important;
      line-height:.92!important;
      max-width:760px!important;
      letter-spacing:-2.4px!important;
    }
    .carousel-pro-slide .slide-sub{
      font-size:17px!important;
      max-width:650px!important;
      color:#dbeafe!important;
      line-height:1.45!important;
    }
    .pro-chip-strip{
      margin-top:18px!important;
      gap:9px!important;
    }
    .pro-chip-strip .hero-brand-pill{
      background:rgba(255,255,255,.075)!important;
      border:1px solid rgba(255,255,255,.14)!important;
      padding:9px 12px!important;
      font-size:12px!important;
    }
    .slide-cta-pro{
      margin-top:22px!important;
      gap:11px!important;
    }
    .slide-cta-pro .slide-btn{
      min-height:52px!important;
      display:inline-flex!important;
      align-items:center!important;
      justify-content:center!important;
      gap:8px!important;
      border-radius:18px!important;
      padding:15px 20px!important;
      font-size:15px!important;
      letter-spacing:.1px!important;
      box-shadow:0 16px 36px rgba(0,0,0,.18);
    }
    .slide-cta-pro .slide-btn.secondary{
      border:1px solid rgba(255,255,255,.14)!important;
      background:rgba(255,255,255,.075)!important;
      backdrop-filter:blur(12px)!important;
    }
    .slide-visual-pro{
      width:100%!important;
      justify-content:center!important;
      align-items:center!important;
      min-width:0!important;
    }
    .slide-flyer-frame-pro{
      width:min(100%,540px)!important;
      min-height:390px!important;
      max-height:420px!important;
      border-radius:34px!important;
      padding:12px!important;
      background:
        radial-gradient(circle at top right,rgba(56,189,248,.16),transparent 35%),
        linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
      border:1px solid rgba(255,255,255,.16)!important;
      box-shadow:0 28px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.12)!important;
    }
    .slide-flyer-frame-pro img{
      width:100%!important;
      height:100%!important;
      min-height:360px!important;
      object-fit:contain!important;
      border-radius:24px!important;
      background:rgba(2,6,23,.38)!important;
    }
    .slide-card-pro{
      width:min(100%,430px)!important;
      min-height:300px!important;
      justify-content:center!important;
      border-radius:34px!important;
      padding:30px!important;
      box-shadow:0 28px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.12)!important;
    }
    .slide-card-pro small{
      font-size:12px!important;
      color:#cbd5e1!important;
    }
    .slide-card-pro strong{
      font-size:clamp(44px,4.5vw,64px)!important;
    }
    .slide-card-pro span{
      font-size:15px!important;
      max-width:320px!important;
    }
    .cineplanet-carousel-slide{
      grid-template-columns:minmax(0,1fr) minmax(380px,440px)!important;
      background:
        radial-gradient(circle at 12% 14%, rgba(255,209,48,.26), transparent 30%),
        radial-gradient(circle at 92% 16%, rgba(58,123,255,.24), transparent 34%),
        radial-gradient(circle at 80% 92%, rgba(34,197,94,.12), transparent 30%),
        linear-gradient(135deg,#141414 0%,#101827 48%,#071226 100%)!important;
    }
    .cine-slide-card-pro{
      min-height:385px!important;
      padding:22px!important;
      border-radius:34px!important;
      background:
        radial-gradient(circle at top right,rgba(255,209,48,.16),transparent 35%),
        linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05))!important;
      box-shadow:0 28px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.12)!important;
    }
    .cine-card-topline{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:10px;
      margin-bottom:14px;
      color:#fde68a;
      font-size:12px;
      font-weight:1000;
    }
    .cine-card-topline span,
    .cine-card-topline b{
      padding:7px 10px;
      border-radius:999px;
      background:rgba(255,209,48,.12);
      border:1px solid rgba(255,209,48,.22);
      white-space:nowrap;
    }
    .cine-slide-card-pro .cine-popcorn{
      width:82px!important;
      height:82px!important;
      font-size:44px!important;
      border-radius:26px!important;
    }
    .cine-slide-card-pro h3{
      font-size:30px!important;
    }
    .cine-slide-card-pro p{
      font-size:15px!important;
    }
    .carousel-nav{
      right:24px!important;
      bottom:24px!important;
    }
    .carousel-dots{
      max-width:50vw;
      overflow:auto;
    }
    .carousel-dot{
      width:28px!important;
      height:8px!important;
      border-radius:999px!important;
      transition:.2s ease!important;
    }
    .carousel-dot.active{
      width:42px!important;
      background:linear-gradient(135deg,#22c55e,#38bdf8)!important;
    }
    .carousel-admin-pro-card{
      border-color:rgba(56,189,248,.18)!important;
    }

    @media(max-width:980px){
      .hero,.mp-hero-carousel{min-height:500px!important;}
      .carousel-stage{min-height:464px!important;}
      .carousel-pro-slide{
        grid-template-columns:1fr!important;
        min-height:464px!important;
        padding:88px 24px 88px!important;
      }
      .slide-visual-pro{
        display:none!important;
      }
      .cine-slide-card-pro{
        display:none!important;
      }
      .carousel-pro-slide .slide-title{
        font-size:clamp(38px,8vw,58px)!important;
      }
    }
    @media(max-width:560px){
      .hero,.mp-hero-carousel{min-height:440px!important;}
      .mp-hero-carousel{padding:10px!important;}
      .carousel-stage{min-height:418px!important;border-radius:24px!important;}
      .carousel-pro-slide{
        min-height:418px!important;
        padding:78px 15px 84px!important;
      }
      .carousel-pro-slide .slide-title{
        font-size:34px!important;
        letter-spacing:-1.1px!important;
      }
      .carousel-pro-slide .slide-sub{
        font-size:14px!important;
      }
      .slide-cta-pro .slide-btn{
        width:100%!important;
        min-height:48px!important;
        padding:13px 14px!important;
      }
      .pro-chip-strip .hero-brand-pill{
        font-size:11px!important;
        padding:7px 9px!important;
      }
      .carousel-dots{max-width:calc(100vw - 150px)!important;}
      .carousel-dot{width:20px!important;}
      .carousel-dot.active{width:32px!important;}
    }

  

    /* =========================================================
       CARRUSEL PREMIUM PRO V4 - más visual, simple y editable
    ========================================================= */
    .hero{
      min-height:500px!important;
      background:
        radial-gradient(circle at 86% 10%, rgba(14,165,233,.22), transparent 32%),
        radial-gradient(circle at 12% 88%, rgba(34,197,94,.13), transparent 34%),
        linear-gradient(135deg,#020817 0%,#061a3a 45%,#020617 100%)!important;
    }
    .mp-hero-carousel{
      min-height:500px!important;
      padding:18px!important;
    }
    .carousel-stage{
      min-height:464px!important;
      border-radius:32px!important;
      border:1px solid rgba(255,255,255,.12)!important;
      background:
        linear-gradient(120deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),
        rgba(2,6,23,.42)!important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 32px 90px rgba(0,0,0,.36)!important;
    }
    .premium-carousel-slide{
      min-height:464px!important;
      grid-template-columns:minmax(0,1.04fr) minmax(330px,.96fr)!important;
      gap:28px!important;
      padding:94px 38px 38px!important;
      background:
        radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--slide-accent) 42%, transparent), transparent 30%),
        radial-gradient(circle at 10% 90%, color-mix(in srgb, var(--slide-accent) 20%, transparent), transparent 30%),
        linear-gradient(135deg, color-mix(in srgb, var(--slide-accent) 22%, #020617) 0%, #071426 48%, #020617 100%)!important;
    }
    .premium-carousel-slide:before{
      content:""!important;
      position:absolute!important;
      inset:0!important;
      background:
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
        linear-gradient(115deg, transparent 28%, rgba(255,255,255,.08), transparent 60%)!important;
      background-size:56px 56px,56px 56px,auto!important;
      mask-image:linear-gradient(180deg,rgba(0,0,0,.95),rgba(0,0,0,.70))!important;
      pointer-events:none!important;
    }
    .premium-slide-copy{
      max-width:720px!important;
      position:relative!important;
      z-index:3!important;
    }
    .premium-badge{
      background:color-mix(in srgb, var(--slide-accent) 20%, rgba(255,255,255,.06))!important;
      border:1px solid color-mix(in srgb, var(--slide-accent) 36%, rgba(255,255,255,.14))!important;
      color:#fff!important;
      box-shadow:0 12px 30px color-mix(in srgb, var(--slide-accent) 16%, transparent)!important;
    }
    .premium-slide-title{
      font-size:clamp(40px,5.15vw,74px)!important;
      max-width:760px!important;
      letter-spacing:-2.4px!important;
      text-shadow:0 18px 44px rgba(0,0,0,.32)!important;
    }
    .premium-slide-sub{
      max-width:620px!important;
      font-size:17px!important;
      line-height:1.48!important;
      color:#dbeafe!important;
    }
    .premium-carousel-slide .pro-chip-strip{
      margin-top:16px!important;
      gap:9px!important;
    }
    .premium-carousel-slide .hero-brand-pill{
      background:rgba(255,255,255,.09)!important;
      border-color:rgba(255,255,255,.12)!important;
      color:#f8fafc!important;
      padding:9px 12px!important;
    }
    .slide-cta-pro{
      margin-top:22px!important;
      gap:11px!important;
    }
    .slide-cta-pro .slide-btn{
      min-height:50px!important;
      display:inline-flex!important;
      align-items:center!important;
      justify-content:center!important;
      gap:8px!important;
      border-radius:18px!important;
      padding:14px 18px!important;
      font-size:14px!important;
      box-shadow:0 18px 34px rgba(0,0,0,.18)!important;
    }
    .slide-cta-pro .slide-btn.primary,
    .slide-cta-pro .slide-btn.cine-primary{
      background:linear-gradient(135deg,#16a34a,#22c55e)!important;
      color:#fff!important;
    }
    .slide-cta-pro .slide-btn.secondary{
      background:rgba(255,255,255,.08)!important;
      border:1px solid rgba(255,255,255,.13)!important;
      color:#fff!important;
      backdrop-filter:blur(12px)!important;
    }
    .premium-slide-visual{
      justify-content:center!important;
      align-items:center!important;
      min-width:0!important;
    }
    .slide-premium-visual{
      position:relative;
      z-index:3;
      width:min(430px,100%);
      min-height:330px;
      border:1px solid rgba(255,255,255,.14);
      border-radius:36px;
      padding:24px;
      background:
        radial-gradient(circle at 90% 8%, color-mix(in srgb, var(--slide-accent) 24%, transparent), transparent 34%),
        linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.055));
      box-shadow:0 30px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.13);
      backdrop-filter:blur(18px);
      text-decoration:none;
      color:#fff;
      overflow:hidden;
    }
    .slide-premium-visual:before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.12),transparent 62%);
      pointer-events:none;
    }
    .premium-card-top{
      position:relative;
      z-index:2;
      display:flex;
      justify-content:space-between;
      gap:10px;
      align-items:center;
      margin-bottom:16px;
      color:#dbeafe;
      font-size:12px;
      font-weight:1000;
      text-transform:uppercase;
      letter-spacing:.45px;
    }
    .premium-card-top b{
      color:#fff;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.08);
      border-radius:999px;
      padding:6px 9px;
      font-size:11px;
    }
    .premium-icon{
      position:relative;
      z-index:2;
      width:80px;
      height:80px;
      display:grid;
      place-items:center;
      border-radius:26px;
      background:color-mix(in srgb, var(--slide-accent) 26%, rgba(255,255,255,.08));
      border:1px solid color-mix(in srgb, var(--slide-accent) 38%, rgba(255,255,255,.12));
      box-shadow:0 16px 34px rgba(0,0,0,.22);
      font-size:38px;
      font-weight:1000;
      color:#fff;
    }
    .auto-flyer-card h3,
    .cine-premium-visual h3{
      position:relative;
      z-index:2;
      margin:18px 0 0;
      font-size:28px;
      line-height:1;
      letter-spacing:-.8px;
      font-weight:1000;
      color:#fff;
    }
    .premium-price{
      position:relative;
      z-index:2;
      margin-top:12px;
      color:#86efac;
      font-size:42px;
      line-height:1;
      font-weight:1000;
      letter-spacing:-1.2px;
    }
    .auto-flyer-card p,
    .cine-premium-visual p{
      position:relative;
      z-index:2;
      margin:12px 0 0;
      color:#cbd5e1;
      font-size:14px;
      line-height:1.42;
    }
    .premium-mini-chips{
      position:relative;
      z-index:2;
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:16px;
    }
    .premium-mini-chips span{
      border:1px solid rgba(255,255,255,.11);
      background:rgba(255,255,255,.075);
      color:#fff;
      border-radius:999px;
      padding:8px 10px;
      font-size:12px;
      font-weight:900;
    }
    .premium-image-frame{
      width:min(455px,100%)!important;
      min-height:330px!important;
      border-radius:36px!important;
      padding:0!important;
      overflow:hidden!important;
      box-shadow:0 30px 72px rgba(0,0,0,.36)!important;
    }
    .premium-image-frame img{
      width:100%!important;
      height:100%!important;
      min-height:330px!important;
      object-fit:cover!important;
      display:block!important;
    }
    .cine-premium-visual .popcorn-icon{
      background:rgba(250,204,21,.16)!important;
      border-color:rgba(250,204,21,.30)!important;
    }
    .premium-feature-grid{
      position:relative;
      z-index:2;
      display:grid;
      gap:8px;
      margin-top:14px;
    }
    .premium-feature-grid div{
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.065);
      border-radius:16px;
      padding:10px 11px;
    }
    .premium-feature-grid strong{
      display:block;
      font-size:13px;
      font-weight:1000;
      color:#fff;
    }
    .premium-feature-grid small{
      display:block;
      margin-top:3px;
      color:#94a3b8;
      font-size:12px;
      line-height:1.25;
    }
    .premium-enter{
      position:relative;
      z-index:2;
      margin-top:14px;
      display:flex;
      justify-content:center;
      align-items:center;
      gap:8px;
      min-height:46px;
      border-radius:999px;
      background:#facc15;
      color:#09090f;
      font-weight:1000;
    }
    .premium-enter span{
      width:24px;
      height:24px;
      display:grid;
      place-items:center;
      border-radius:999px;
      background:rgba(0,0,0,.12);
    }
    .carousel-nav{
      right:24px!important;
      bottom:24px!important;
    }
    .carousel-arrow{
      width:48px!important;
      height:48px!important;
      background:rgba(2,6,23,.62)!important;
      border-color:rgba(255,255,255,.14)!important;
    }
    .carousel-dots{
      padding:11px 12px!important;
      gap:7px!important;
    }
    .carousel-dot{
      width:22px!important;
      height:7px!important;
      border-radius:999px!important;
      background:rgba(255,255,255,.28)!important;
      transition:.2s ease!important;
    }
    .carousel-dot.active{
      width:42px!important;
      background:#fff!important;
    }

    /* Admin carrusel simple */
    .carousel-admin-simple-grid{
      gap:14px!important;
    }
    .carousel-admin-simple-head{
      grid-column:1/-1;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
      border:1px solid rgba(255,255,255,.10);
      background:radial-gradient(circle at top right,rgba(56,189,248,.12),transparent 34%),rgba(255,255,255,.045);
      border-radius:22px;
      padding:16px;
    }
    .carousel-admin-simple-head strong{
      display:block;
      font-size:20px;
      font-weight:1000;
    }
    .carousel-admin-simple-head span{
      display:block;
      color:#94a3b8;
      font-size:13px;
      margin-top:4px;
      line-height:1.35;
    }
    .carousel-admin-simple-actions{
      display:flex;
      gap:8px;
      flex-wrap:wrap;
    }
    .carousel-admin-simple-card{
      padding:16px!important;
      border-radius:24px!important;
    }
    .carousel-admin-card-top{
      display:flex;
      justify-content:space-between;
      gap:12px;
      align-items:center;
      margin-bottom:14px;
      flex-wrap:wrap;
    }
    .carousel-admin-preview{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:240px;
    }
    .carousel-admin-preview-icon{
      width:54px;
      height:54px;
      display:grid;
      place-items:center;
      border-radius:18px;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.12);
      font-size:25px;
      font-weight:1000;
      color:#fff;
    }
    .carousel-admin-preview strong{
      display:block;
      font-size:16px;
      line-height:1.15;
    }
    .carousel-admin-preview span{
      display:block;
      margin-top:4px;
      color:#94a3b8;
      font-size:12px;
      font-weight:900;
    }
    .carousel-admin-tools{
      display:flex;
      gap:8px;
      align-items:center;
      flex-wrap:wrap;
    }
    .carousel-admin-tools select{
      border:1px solid rgba(255,255,255,.10);
      background:#0b1220;
      color:#fff;
      border-radius:12px;
      padding:10px 11px;
      outline:0;
    }
    .carousel-simple-fields textarea,
    .carousel-admin-advanced textarea{
      min-height:78px!important;
    }
    .carousel-admin-advanced{
      margin-top:12px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.035);
      border-radius:18px;
      padding:12px;
    }
    .carousel-admin-advanced summary{
      cursor:pointer;
      color:#bae6fd;
      font-weight:1000;
      font-size:13px;
    }
    .carousel-admin-advanced .form-grid{
      margin-top:12px;
    }
    .carousel-admin-chip-preview{
      display:flex;
      flex-wrap:wrap;
      gap:7px;
      min-height:42px;
      align-items:center;
    }
    .carousel-admin-chip-preview span{
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.06);
      color:#fff;
      border-radius:999px;
      padding:7px 9px;
      font-size:12px;
      font-weight:900;
    }

    @media(max-width:980px){
      .hero,.mp-hero-carousel{min-height:520px!important;}
      .carousel-stage{min-height:484px!important;}
      .premium-carousel-slide{
        grid-template-columns:1fr!important;
        min-height:484px!important;
        padding:88px 22px 86px!important;
      }
      .premium-slide-visual{display:none!important;}
      .premium-slide-title{font-size:clamp(38px,8vw,60px)!important;}
      .carousel-admin-simple-actions{width:100%;display:grid;grid-template-columns:1fr;}
      .carousel-admin-tools{width:100%;}
      .carousel-admin-tools select,.carousel-admin-tools button{flex:1;}
    }
    @media(max-width:560px){
      .hero,.mp-hero-carousel{min-height:500px!important;}
      .mp-hero-carousel{padding:10px!important;}
      .carousel-stage{min-height:478px!important;border-radius:24px!important;}
      .premium-carousel-slide{min-height:478px!important;padding:78px 15px 92px!important;}
      .premium-slide-title{font-size:35px!important;letter-spacing:-1.35px!important;}
      .premium-slide-sub{font-size:14px!important;}
      .slide-cta-pro .slide-btn{width:100%!important;}
      .carousel-nav{left:12px!important;right:12px!important;bottom:14px!important;justify-content:space-between!important;}
      .carousel-dots{max-width:calc(100vw - 144px)!important;overflow:hidden!important;}
      .carousel-admin-card-top{align-items:flex-start;}
      .carousel-admin-preview{min-width:0;width:100%;}
    }

  

/* ===== ADMIN LOGOS OFICIALES V5 ===== */
.admin-logo-card-v5{
  border:1px solid rgba(56,189,248,.16);
  background:linear-gradient(180deg,rgba(2,6,23,.36),rgba(15,23,42,.36));
  border-radius:18px;
  padding:12px;
  display:grid;
  grid-template-columns:82px 1fr;
  gap:12px;
  align-items:start;
}
.admin-logo-preview-v5{
  width:82px;
  height:82px;
  border-radius:24px;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:12px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.24);
  font-size:12px;
  font-weight:1000;
  text-align:center;
  color:#fff;
}
.admin-logo-preview-v5 img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 7px 10px rgba(0,0,0,.25))}
.admin-logo-tools-v5{min-width:0;display:grid;gap:8px}
.admin-logo-tools-v5 input{
  width:100%;
  border:1px solid rgba(255,255,255,.10);
  background:#0b1220;
  color:#fff;
  border-radius:13px;
  padding:10px 11px;
  outline:0;
}
.admin-logo-actions-v5{display:flex;flex-wrap:wrap;gap:7px}
.admin-logo-btn-v5{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#fff;
  border-radius:999px;
  padding:9px 10px;
  font-size:12px;
  font-weight:1000;
  cursor:pointer;
}
.admin-logo-btn-v5.primary{background:linear-gradient(135deg,#2563eb,#00b4ff);border-color:transparent}
.admin-logo-btn-v5.green{background:linear-gradient(135deg,#16a34a,#22c55e);border-color:transparent}
.admin-logo-btn-v5.red{background:rgba(239,68,68,.15);color:#fecaca;border-color:rgba(239,68,68,.20)}
.admin-logo-note-v5{color:#94a3b8;font-size:11px;line-height:1.35}
.admin-logo-bulk-v5{
  border:1px solid rgba(34,197,94,.18);
  background:rgba(34,197,94,.08);
  color:#bbf7d0;
  border-radius:999px;
  padding:10px 13px;
  font-size:12px;
  font-weight:1000;
  cursor:pointer;
}
.product-visual .visual-logo,
.featured-logo,
.builder-logo,
.combo-admin-logo,
.preview-logo,
.cart-product-logo-v4{
  background-image:radial-gradient(circle at 25% 12%,rgba(255,255,255,.18),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.12),rgba(0,0,0,.05));
}
@media(max-width:760px){
  .admin-logo-card-v5{grid-template-columns:70px 1fr;padding:10px}
  .admin-logo-preview-v5{width:70px;height:70px;border-radius:20px;padding:10px}
  .admin-logo-actions-v5{display:grid;grid-template-columns:1fr 1fr}
  .admin-logo-btn-v5{width:100%}
}


/* ===== discord-banner-final-v3 ===== */
/* =========================================================
   MIMI PLAY — DISCORD PREMIUM FINAL
   Bloque único, aislado y responsive. No toca carrusel/admin.
========================================================= */

.discord-premium-final,
.discord-premium-final *{
  box-sizing:border-box;
}

.discord-premium-final{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:76px!important;
  display:flex!important;
  align-items:center!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  background:
    linear-gradient(90deg, rgba(8,13,32,.98), rgba(18,24,60,.98) 48%, rgba(8,13,32,.98))!important;
  box-shadow:0 14px 42px rgba(0,0,0,.28)!important;
}

.discord-premium-final:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255,255,255,.055) 24%, transparent 46%),
    linear-gradient(90deg, rgba(88,101,242,.34), rgba(0,180,255,.16), rgba(88,101,242,.28))!important;
  background-size:240% 100%!important;
  animation:discordBannerFlow 7.5s ease-in-out infinite!important;
}

.discord-premium-final:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:
    radial-gradient(circle at 16% 50%, rgba(88,101,242,.30), transparent 34%),
    radial-gradient(circle at 84% 50%, rgba(0,180,255,.18), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.025), transparent)!important;
  pointer-events:none!important;
}

@keyframes discordBannerFlow{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

.discord-premium-glow{
  position:absolute!important;
  z-index:-1!important;
  width:180px!important;
  height:180px!important;
  border-radius:999px!important;
  filter:blur(34px)!important;
  opacity:.42!important;
  pointer-events:none!important;
  animation:discordGlowFloat 6s ease-in-out infinite!important;
}

.discord-premium-glow.glow-a{
  left:7%!important;
  top:-76px!important;
  background:#5865f2!important;
}

.discord-premium-glow.glow-b{
  right:8%!important;
  bottom:-92px!important;
  background:#00b4ff!important;
  animation-delay:-2.4s!important;
}

@keyframes discordGlowFloat{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(12px,-6px,0) scale(1.07)}
}

.discord-premium-wrap{
  width:100%!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:11px 16px!important;
  display:flex!important;
  justify-content:center!important;
}

.discord-premium-card{
  position:relative!important;
  width:100%!important;
  max-width:930px!important;
  min-height:54px!important;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  padding:10px 12px 10px 14px!important;
  border-radius:20px!important;
  text-decoration:none!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.045))!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(18px)!important;
  overflow:hidden!important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease!important;
}

.discord-premium-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(115deg, transparent 32%, rgba(255,255,255,.14), transparent 62%)!important;
  transform:translateX(-110%)!important;
  animation:discordBannerShine 4.2s ease-in-out infinite!important;
  pointer-events:none!important;
}

@keyframes discordBannerShine{
  0%,56%{transform:translateX(-110%)}
  100%{transform:translateX(110%)}
}

.discord-premium-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,255,255,.24)!important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,.06))!important;
}

.discord-premium-mark{
  width:44px!important;
  height:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#5865f2,#3b82f6)!important;
  box-shadow:
    0 12px 28px rgba(88,101,242,.32),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
  position:relative!important;
}

.discord-premium-mark:after{
  content:""!important;
  position:absolute!important;
  inset:-5px!important;
  border-radius:21px!important;
  border:1px solid rgba(88,101,242,.32)!important;
  animation:discordMarkPulse 1.9s ease-in-out infinite!important;
}

@keyframes discordMarkPulse{
  0%,100%{opacity:.25; transform:scale(.96)}
  50%{opacity:.9; transform:scale(1.04)}
}

.discord-premium-text{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}

.discord-premium-title{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
}

.discord-status-dot{
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  border-radius:999px!important;
  background:#22c55e!important;
  box-shadow:
    0 0 0 4px rgba(34,197,94,.14),
    0 0 16px rgba(34,197,94,.42)!important;
  animation:discordDotPulse 1.4s ease-in-out infinite!important;
}

@keyframes discordDotPulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(.82);opacity:.74}
}

.discord-premium-title strong{
  color:#fff!important;
  font-size:15px!important;
  line-height:1.05!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.discord-premium-sub{
  color:#cbd5e1!important;
  font-size:12.5px!important;
  font-weight:750!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.discord-premium-button{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111827!important;
  font-size:13px!important;
  font-weight:1000!important;
  box-shadow:0 12px 28px rgba(255,255,255,.12)!important;
  white-space:nowrap!important;
}

.discord-premium-button b{
  width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(17,24,39,.08)!important;
  font-size:14px!important;
}

/* Tablet */
@media(max-width:820px){
  .discord-premium-final{
    min-height:70px!important;
  }

  .discord-premium-wrap{
    padding:9px 12px!important;
  }

  .discord-premium-card{
    max-width:none!important;
    min-height:50px!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    gap:11px!important;
    border-radius:18px!important;
  }

  .discord-premium-mark{
    width:40px!important;
    height:40px!important;
    border-radius:14px!important;
  }

  .discord-premium-title strong{
    font-size:13px!important;
  }

  .discord-premium-sub{
    font-size:11.5px!important;
  }

  .discord-premium-button{
    min-height:34px!important;
    padding:0 11px!important;
    font-size:12px!important;
  }
}

/* Móvil */
@media(max-width:560px){
  .discord-premium-final{
    min-height:84px!important;
  }

  .discord-premium-wrap{
    padding:10px!important;
  }

  .discord-premium-card{
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-areas:
      "icon copy"
      "cta cta"!important;
    gap:8px 10px!important;
    padding:10px!important;
    border-radius:20px!important;
  }

  .discord-premium-mark{
    grid-area:icon!important;
    width:38px!important;
    height:38px!important;
  }

  .discord-premium-text{
    grid-area:copy!important;
  }

  .discord-premium-button{
    grid-area:cta!important;
    width:100%!important;
    min-height:36px!important;
    margin-top:2px!important;
  }

  .discord-premium-title strong{
    font-size:12.5px!important;
    letter-spacing:.01em!important;
  }

  .discord-premium-sub{
    font-size:11px!important;
  }

  .discord-premium-glow{
    width:130px!important;
    height:130px!important;
    filter:blur(24px)!important;
  }
}

@media(max-width:380px){
  .discord-premium-title strong{
    font-size:11.5px!important;
  }

  .discord-premium-sub{
    font-size:10.5px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .discord-premium-final:before,
  .discord-premium-card:before,
  .discord-premium-mark:after,
  .discord-status-dot,
  .discord-premium-glow{
    animation:none!important;
  }
}


/* ===== mp-hero-carousel-clean-v7 ===== */
/* =========================================================
   MIMI PLAY — HERO/CARRUSEL CONSOLIDADO V7
   Reemplaza bloques antiguos duplicados:
   HERO LIMPIO V2, HERO CARRUSEL y FIX CARRUSEL GRANDE.
========================================================= */

.hero{
  padding:0!important;
  border-radius:26px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#030712!important;
  box-shadow:0 1px 0 rgba(255,255,255,.055) inset,0 34px 88px rgba(0,0,0,.52)!important;
  min-height:440px!important;
  margin-bottom:18px!important;
  position:relative!important;
  isolation:isolate!important;
}

.hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(115deg,transparent 35%,rgba(255,255,255,.045),transparent 64%),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px)!important;
  background-size:auto,56px 56px,56px 56px!important;
  pointer-events:none!important;
  opacity:.75!important;
}

.hero:after{
  content:""!important;
  position:absolute!important;
  width:420px!important;
  height:420px!important;
  right:-130px!important;
  top:-150px!important;
  background:radial-gradient(circle,rgba(56,189,248,.18),transparent 65%)!important;
  filter:blur(18px)!important;
  pointer-events:none!important;
  z-index:0!important;
}

.mp-hero-carousel{
  position:relative!important;
  z-index:2!important;
  padding:14px!important;
  min-height:440px!important;
}

.carousel-stage{
  position:relative!important;
  overflow:hidden!important;
  min-height:410px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:#050813!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}

.carousel-track{
  display:flex!important;
  width:100%!important;
  transition:transform .45s cubic-bezier(.4,0,.2,1)!important;
}

.carousel-slide,
.carousel-pro-slide,
.premium-carousel-slide{
  min-width:100%!important;
  min-height:410px!important;
  position:relative!important;
  display:block!important;
  padding:0!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 18%, color-mix(in srgb,var(--slide-accent,#38bdf8) 12%, transparent), transparent 32%),
    linear-gradient(135deg,#050813,#070b18)!important;
}

.premium-carousel-slide.has-editorial-image,
.premium-carousel-slide.has-full-flyer{
  background:
    linear-gradient(90deg,rgba(3,7,18,.86) 0%,rgba(3,7,18,.70) 38%,rgba(3,7,18,.28) 100%),
    var(--slide-image) center/cover no-repeat!important;
}

.carousel-slide:before,
.premium-carousel-slide:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.055),transparent 64%)!important;
  opacity:.35!important;
  pointer-events:none!important;
}

.carousel-brand{
  display:none!important;
}

.slide-copy,
.slide-visual,
.premium-slide-copy{
  position:relative;
  z-index:3;
}

.premium-slide-copy{
  position:absolute!important;
  left:var(--text-x,7%)!important;
  top:var(--text-y,58%)!important;
  width:var(--text-w,48%)!important;
  max-width:620px!important;
  min-width:240px!important;
  z-index:5!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  text-align:left!important;
}

.text-align-center .premium-slide-copy{align-items:center!important;text-align:center!important}
.text-align-right .premium-slide-copy{align-items:flex-end!important;text-align:right!important}

.premium-badge,
.slide-badge{
  order:1!important;
  padding:0!important;
  margin:0 0 10px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.68)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

.premium-slide-title,
.slide-title{
  order:2!important;
  margin:0!important;
  max-width:100%!important;
  color:#fff!important;
  font-size:clamp(34px,5vw,66px)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
  font-weight:800!important;
  text-shadow:0 16px 38px rgba(0,0,0,.38)!important;
}

.premium-slide-sub,
.slide-sub{
  order:3!important;
  margin:12px 0 0!important;
  max-width:520px!important;
  color:rgba(226,232,240,.76)!important;
  font-size:15px!important;
  line-height:1.45!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

.slide-tabs-custom{
  order:4!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:12px 0 0!important;
}

.tabs-pos-hidden .slide-tabs-custom{display:none!important}
.tabs-pos-underTitle .slide-tabs-custom{order:3!important}
.tabs-pos-underTitle .premium-slide-sub{order:4!important}

.slide-tabs-custom span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:22px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.78)!important;
  font-size:10px!important;
  font-weight:800!important;
}

.slide-cta-row,
.slide-cta-pro{
  order:5!important;
  margin-top:18px!important;
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}

.btn-align-left .slide-cta-pro{justify-content:flex-start!important;align-self:stretch!important}
.btn-align-center .slide-cta-pro{justify-content:center!important;align-self:stretch!important}
.btn-align-right .slide-cta-pro{justify-content:flex-end!important;align-self:stretch!important}
.btn-align-stretch .slide-cta-pro{justify-content:stretch!important;align-self:stretch!important}
.btn-align-stretch .slide-btn{flex:1 1 100%!important}

.slide-btn{
  min-height:42px!important;
  border-radius:12px!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:13px!important;
  font-weight:800!important;
  text-decoration:none!important;
  border:0!important;
  box-shadow:none!important;
}

.btn-style-white .slide-btn.primary,
.btn-style-white .slide-btn.cine-primary{background:#fff!important;color:#020617!important;border:1px solid rgba(255,255,255,.22)!important}
.btn-style-green .slide-btn.primary,
.btn-style-green .slide-btn.cine-primary{background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#fff!important}
.btn-style-dark .slide-btn.primary,
.btn-style-dark .slide-btn.cine-primary{background:rgba(2,6,23,.68)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important}
.btn-style-yellow .slide-btn.primary,
.btn-style-yellow .slide-btn.cine-primary{background:#facc15!important;color:#09090f!important}

.btn-size-small .slide-btn{min-height:36px!important;padding:0 12px!important;font-size:12px!important}
.btn-size-medium .slide-btn{min-height:42px!important;padding:0 16px!important;font-size:13px!important}
.btn-size-large .slide-btn{min-height:50px!important;padding:0 20px!important;font-size:14.5px!important}

.slide-btn.secondary{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
}

.carousel-nav{
  position:absolute!important;
  right:14px!important;
  bottom:12px!important;
  z-index:40!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}

.carousel-arrow{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(2,6,23,.38)!important;
  color:rgba(255,255,255,.78)!important;
  font-size:14px!important;
  font-weight:700!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:none!important;
}

.carousel-dots{
  display:flex!important;
  gap:5px!important;
  align-items:center!important;
  padding:6px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(2,6,23,.34)!important;
  backdrop-filter:blur(10px)!important;
}

.carousel-dot{
  width:5px!important;
  height:5px!important;
  min-width:5px!important;
  min-height:5px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.32)!important;
  transition:width .22s ease!important;
}

.carousel-dot.active{
  width:16px!important;
  background:#fff!important;
}

@media(max-width:760px){
  .hero,
  .mp-hero-carousel{
    min-height:390px!important;
  }

  .mp-hero-carousel{
    padding:10px!important;
  }

  .carousel-stage,
  .carousel-slide,
  .carousel-pro-slide,
  .premium-carousel-slide{
    min-height:368px!important;
    border-radius:18px!important;
  }

  .premium-carousel-slide.has-editorial-image,
  .premium-carousel-slide.has-full-flyer{
    background:
      linear-gradient(180deg,rgba(3,7,18,.28) 0%,rgba(3,7,18,.30) 38%,rgba(3,7,18,.86) 100%),
      var(--slide-image) center/cover no-repeat!important;
  }

  .premium-slide-copy{
    left:clamp(14px,var(--text-x,7%),60%)!important;
    top:clamp(44px,var(--text-y,58%),72%)!important;
    width:min(var(--text-w,86%),calc(100% - 28px))!important;
    min-width:0!important;
  }

  .premium-slide-title,
  .slide-title{
    font-size:clamp(25px,8vw,34px)!important;
  }

  .premium-slide-sub,
  .slide-sub{
    font-size:13px!important;
    -webkit-line-clamp:2!important;
  }

  .slide-btn.secondary{
    display:none!important;
  }

  .carousel-nav{
    left:12px!important;
    right:12px!important;
    bottom:9px!important;
    justify-content:space-between!important;
    pointer-events:none!important;
  }

  .carousel-arrow{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    font-size:13px!important;
    pointer-events:auto!important;
  }

  .carousel-dots{
    position:absolute!important;
    left:50%!important;
    bottom:4px!important;
    transform:translateX(-50%)!important;
    pointer-events:auto!important;
  }
}


/* ===== mp-combo-builder-clean-v1 ===== */
/* =========================================================
   ARMA TU COMBO — LIMPIO
   Sin botón limpiar selección ni buscador interno.
========================================================= */
#comboBuilderArea .block-head{
  align-items:center!important;
}

#comboBuilderArea .block-head > div{
  width:100%!important;
}

#comboBuilderArea .combo-builder > div:first-child{
  min-width:0!important;
}

#comboBuilderArea .builder-actions{
  grid-template-columns:1fr!important;
}

#comboBuilderArea .builder-btn.green{
  min-height:48px!important;
  font-size:15px!important;
}

@media(max-width:560px){
  #comboBuilderArea .block-head{
    margin-bottom:12px!important;
  }

  #comboBuilderArea .block-head h2{
    font-size:23px!important;
  }

  #comboBuilderArea .block-head span{
    font-size:12.5px!important;
    line-height:1.35!important;
  }
}


/* ===== mp-combo-mobile-premium-v2 ===== */
/* =========================================================
   ARMA TU COMBO — MOBILE PREMIUM 2 PLATAFORMAS POR FILA
========================================================= */
.builder-mini-desc{
  display:none;
}

@media(max-width:760px){
  #comboBuilderArea{
    padding:13px!important;
    border-radius:24px!important;
  }

  #comboBuilderArea .combo-builder{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:13px!important;
  }

  #comboBuilderArea .builder-products{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }

  #comboBuilderArea .builder-item{
    min-height:112px!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:9px!important;
    align-items:center!important;
    padding:10px!important;
    border-radius:20px!important;
    border:1px solid rgba(34,197,94,.24)!important;
    background:
      radial-gradient(circle at 100% 0%, rgba(34,197,94,.10), transparent 32%),
      linear-gradient(180deg,rgba(30,41,59,.84),rgba(15,23,42,.96))!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
    position:relative!important;
  }

  #comboBuilderArea .builder-item:active{
    transform:scale(.985)!important;
  }

  #comboBuilderArea .builder-item.selected{
    border-color:rgba(34,197,94,.70)!important;
    background:
      radial-gradient(circle at top right,rgba(34,197,94,.22),transparent 40%),
      linear-gradient(180deg,rgba(30,41,59,.90),rgba(15,23,42,.98))!important;
  }

  #comboBuilderArea .builder-item.selected:after{
    content:"✓"!important;
    top:7px!important;
    right:7px!important;
    width:22px!important;
    height:22px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border-radius:999px!important;
    font-size:12px!important;
    font-weight:1000!important;
    background:#22c55e!important;
    color:#fff!important;
    box-shadow:0 8px 18px rgba(34,197,94,.28)!important;
  }

  #comboBuilderArea .builder-logo{
    width:58px!important;
    height:58px!important;
    border-radius:17px!important;
    padding:8px!important;
    flex:0 0 auto!important;
    box-shadow:0 10px 22px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.12)!important;
  }

  #comboBuilderArea .builder-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }

  #comboBuilderArea .builder-info{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  #comboBuilderArea .builder-info strong{
    display:-webkit-box!important;
    padding-right:20px!important;
    color:#fff!important;
    font-size:14.5px!important;
    line-height:1.06!important;
    letter-spacing:-.25px!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }

  #comboBuilderArea .builder-info small{
    display:block!important;
    margin-top:4px!important;
    color:#aab6c7!important;
    font-size:11.5px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #comboBuilderArea .builder-mini-desc{
    display:block!important;
    margin-top:3px!important;
    color:#7f8ea3!important;
    font-size:10.5px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #comboBuilderArea .builder-info b{
    display:block!important;
    margin-top:5px!important;
    color:#86efac!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:1000!important;
    white-space:nowrap!important;
  }

  #comboBuilderArea .builder-summary{
    border-radius:22px!important;
    padding:14px!important;
  }

  #comboBuilderArea .builder-count strong{
    min-width:38px!important;
    height:38px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:13px!important;
    background:rgba(34,197,94,.16)!important;
    color:#86efac!important;
    font-size:20px!important;
  }
}

/* Celulares muy pequeños: conserva 2 por fila */
@media(max-width:390px){
  #comboBuilderArea .builder-products{
    gap:8px!important;
  }

  #comboBuilderArea .builder-item{
    min-height:106px!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    padding:9px!important;
    gap:8px!important;
    border-radius:18px!important;
  }

  #comboBuilderArea .builder-logo{
    width:52px!important;
    height:52px!important;
    border-radius:16px!important;
    padding:7px!important;
  }

  #comboBuilderArea .builder-info strong{
    font-size:13.2px!important;
  }

  #comboBuilderArea .builder-info small{
    font-size:10.8px!important;
  }

  #comboBuilderArea .builder-mini-desc{
    display:none!important;
  }

  #comboBuilderArea .builder-info b{
    font-size:15px!important;
  }
}

/* =========================================================
   BARRA MÓVIL — ICONOS PROFESIONALES + CONTADORES
========================================================= */
.mobile-bar{
  grid-template-columns:repeat(4,1fr)!important;
  gap:8px!important;
  padding:8px!important;
  border-radius:24px!important;
  background:rgba(15,23,42,.94)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.42)!important;
}

.mobile-bar .mobile-nav-item{
  min-height:68px!important;
  border:0!important;
  border-radius:18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:8px 5px!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:11.5px!important;
  font-weight:1000!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  position:relative!important;
  overflow:visible!important;
}

.mobile-bar .mobile-nav-item.green,
.mobile-bar .mobile-wa{
  background:linear-gradient(135deg,#16a34a,#22c55e)!important;
  box-shadow:0 12px 28px rgba(34,197,94,.25)!important;
}

.mobile-nav-icon{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.09)!important;
  position:relative!important;
}

.mobile-wa .mobile-nav-icon{
  background:rgba(255,255,255,.16)!important;
}

.mobile-nav-icon svg{
  width:22px!important;
  height:22px!important;
  display:block!important;
}

.mobile-nav-badge{
  position:absolute!important;
  top:-8px!important;
  right:-9px!important;
  min-width:20px!important;
  height:20px!important;
  padding:0 6px!important;
  display:none;
  place-items:center!important;
  border-radius:999px!important;
  background:#ef4444!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:1000!important;
  border:2px solid #0f172a!important;
  box-shadow:0 8px 16px rgba(239,68,68,.25)!important;
}

.mobile-nav-combo.has-count .mobile-nav-icon{
  background:rgba(34,197,94,.15)!important;
  color:#86efac!important;
}

@media(max-width:380px){
  .mobile-bar .mobile-nav-item{
    min-height:62px!important;
    font-size:10.5px!important;
    border-radius:16px!important;
  }

  .mobile-nav-icon{
    width:28px!important;
    height:28px!important;
  }

  .mobile-nav-icon svg{
    width:20px!important;
    height:20px!important;
  }
}


/* ===== mp-nav-mobile-polish-v3 ===== */
/* =========================================================
   NAV MOBILE PREMIUM V3
   - Logo ya no cruza "Precios en vivo"
   - Carrito superior con ícono
   - Badges de carrito/combos más grandes y visibles
========================================================= */

/* Carrito superior con icono */
.nav-cart-icon-btn{
  position:relative!important;
  gap:8px!important;
  padding-right:17px!important;
}

.nav-cart-icon{
  width:21px!important;
  height:21px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
}

.nav-cart-icon svg{
  width:21px!important;
  height:21px!important;
  display:block!important;
}

.nav-cart-count{
  display:none;
  position:absolute!important;
  top:-8px!important;
  right:-7px!important;
  min-width:22px!important;
  height:22px!important;
  padding:0 6px!important;
  place-items:center!important;
  border-radius:999px!important;
  background:#ef4444!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:1000!important;
  line-height:1!important;
  border:2px solid #020617!important;
  box-shadow:0 8px 18px rgba(239,68,68,.32)!important;
}

/* Evita que logo y acciones se monten en tablet/celular */
@media(max-width:980px){
  .nav-pro-container{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:10px 12px!important;
  }

  .nav-pro-logo{
    min-width:0!important;
    overflow:hidden!important;
  }

  .nav-pro-logo img{
    width:auto!important;
    max-width:clamp(150px, 42vw, 205px)!important;
    height:auto!important;
    display:block!important;
  }

  .nav-pro-actions{
    min-width:0!important;
    justify-content:flex-end!important;
    gap:7px!important;
  }

  .realtime-status{
    max-width:132px!important;
    min-width:0!important;
    height:36px!important;
    padding:0 10px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:11px!important;
  }

  .nav-pro-btn{
    height:38px!important;
    min-width:38px!important;
    padding:0 11px!important;
    border-radius:999px!important;
    font-size:12px!important;
  }

  .nav-cart-icon-btn{
    padding:0 12px!important;
  }

  .nav-cart-text{
    display:none!important;
  }
}

/* Celular: logo más compacto y "Precios en vivo" modo pill pequeño */
@media(max-width:620px){
  .nav-pro-container{
    grid-template-columns:minmax(112px,1fr) auto!important;
    gap:8px!important;
    padding:9px 10px!important;
  }

  .nav-pro-logo img{
    max-width:clamp(132px, 38vw, 168px)!important;
  }

  .nav-pro-actions{
    gap:6px!important;
  }

  .realtime-status{
    max-width:104px!important;
    height:34px!important;
    padding:0 8px!important;
    font-size:10.5px!important;
  }

  .realtime-status::before{
    width:7px!important;
    height:7px!important;
    margin-right:5px!important;
  }

  .nav-pro-actions .nav-pro-btn:not(.nav-cart-wrap):not(.green){
    display:none!important;
  }

  .nav-pro-actions .nav-pro-btn.green{
    display:none!important;
  }

  .nav-cart-icon-btn{
    width:38px!important;
    height:38px!important;
    padding:0!important;
  }

  .nav-cart-icon{
    width:22px!important;
    height:22px!important;
  }

  .nav-cart-icon svg{
    width:22px!important;
    height:22px!important;
  }
}

/* Celulares muy pequeños: "Precios en vivo" solo con punto + texto corto */
@media(max-width:390px){
  .nav-pro-logo img{
    max-width:128px!important;
  }

  .realtime-status{
    max-width:72px!important;
    font-size:0!important;
    justify-content:center!important;
    padding:0 9px!important;
  }

  .realtime-status::after{
    content:"Live";
    font-size:10px!important;
    font-weight:1000!important;
  }

  .nav-cart-icon-btn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
}

/* Badges inferiores más visibles */
.mobile-nav-badge{
  top:-11px!important;
  right:-12px!important;
  min-width:26px!important;
  height:26px!important;
  padding:0 7px!important;
  display:none;
  place-items:center!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ef4444,#f97316)!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:1000!important;
  border:3px solid #0f172a!important;
  box-shadow:0 10px 22px rgba(239,68,68,.38)!important;
  z-index:5!important;
}

.mobile-nav-combo .mobile-nav-badge{
  background:linear-gradient(135deg,#16a34a,#22c55e)!important;
  box-shadow:0 10px 22px rgba(34,197,94,.34)!important;
}

.mobile-nav-icon{
  position:relative!important;
  overflow:visible!important;
}

/* Mejor legibilidad de los iconos inferiores */
.mobile-bar .mobile-nav-item{
  overflow:visible!important;
}

.mobile-nav-icon svg{
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

@media(max-width:380px){
  .mobile-nav-badge{
    min-width:24px!important;
    height:24px!important;
    font-size:12px!important;
    top:-10px!important;
    right:-11px!important;
  }
}


/* ===== mp-nav-mobile-menu-links-v4 ===== */
/* =========================================================
   NAV-PRO-MENU MOBILE V4
   Agrega accesos visibles en celular:
   Cineplanet, Arma tu combo y Referencias.
========================================================= */

@media(max-width:760px){
  .navbar-pro{
    overflow:visible!important;
  }

  .nav-pro-container{
    display:grid!important;
    grid-template-columns:minmax(116px,1fr) auto!important;
    grid-template-areas:
      "logo actions"
      "menu menu"!important;
    gap:9px 8px!important;
    padding:9px 10px 10px!important;
  }

  .nav-pro-logo{
    grid-area:logo!important;
    align-self:center!important;
  }

  .nav-pro-actions{
    grid-area:actions!important;
    align-self:center!important;
  }

  .nav-pro-menu{
    grid-area:menu!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    padding:4px 0 0!important;
    margin:0!important;
    overflow:visible!important;
  }

  /* En celular dejamos solo lo solicitado */
  .nav-pro-menu a{
    display:none!important;
  }

  .nav-pro-menu a[href="/catalogo/cineplanet/"],
  .nav-pro-menu a[href="#comboBuilderArea"],
  .nav-pro-menu a[onclick*="openReferences"]{
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:0 8px!important;
    border-radius:15px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    color:#eaf2ff!important;
    text-decoration:none!important;
    font-size:11.5px!important;
    font-weight:1000!important;
    line-height:1!important;
    white-space:nowrap!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  }

  .nav-pro-menu a[href="/catalogo/cineplanet/"]::before{
    content:"🍿 Cineplanet";
    font-size:13px;
    line-height:1;
  }

  .nav-pro-menu a[href="#comboBuilderArea"]::before{
    content:"✨Combos";
    font-size:13px;
    line-height:1;
  }

  .nav-pro-menu a[onclick*="openReferences"]::before{
    content:"⭐ Referencias";
    font-size:13px;
    line-height:1;
  }

  .nav-pro-menu a[href="/catalogo/cineplanet/"]{
    background:linear-gradient(180deg,rgba(250,204,21,.16),rgba(255,255,255,.04))!important;
    border-color:rgba(250,204,21,.18)!important;
  }

  .nav-pro-menu a[href="#comboBuilderArea"]{
    background:linear-gradient(180deg,rgba(34,197,94,.15),rgba(255,255,255,.04))!important;
    border-color:rgba(34,197,94,.18)!important;
  }

  .nav-pro-menu a[onclick*="openReferences"]{
    background:linear-gradient(180deg,rgba(56,189,248,.15),rgba(255,255,255,.04))!important;
    border-color:rgba(56,189,248,.18)!important;
  }
}

/* Celulares pequeños: texto más corto para que no se rompa */
@media(max-width:420px){
  .nav-pro-menu{
    gap:6px!important;
  }

  .nav-pro-menu a[href="/catalogo/cineplanet/"],
  .nav-pro-menu a[href="#comboBuilderArea"],
  .nav-pro-menu a[onclick*="openReferences"]{
    min-height:36px!important;
    border-radius:14px!important;
    padding:0 6px!important;
    font-size:10.5px!important;
  }

  .nav-pro-menu a[href="#comboBuilderArea"]{
    font-size:0!important;
  }

  .nav-pro-menu a[href="#comboBuilderArea"]::after{
    content:"Combo";
    font-size:10.5px!important;
  }

  .nav-pro-menu a[href="/catalogo/cineplanet/"]{
    font-size:0!important;
  }

  .nav-pro-menu a[href="/catalogo/cineplanet/"]::after{
    content:"Cine";
    font-size:10.5px!important;
  }
}


/* ===== mp-mobile-final-polish-v5 ===== */
/* =========================================================
   MOBILE FINAL V5
   Discord compacto, Tu elección limpio, sin voz y filtros dropdown.
========================================================= */

/* Discord mobile premium compacto */
@media(max-width:760px){
  .discord-premium-final{
    min-height:70px!important;
  }

  .discord-premium-wrap{
    padding:8px 10px!important;
  }

  .discord-premium-card{
    min-height:54px!important;
    grid-template-columns:42px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:9px 10px!important;
    border-radius:19px!important;
  }

  .discord-premium-mark{
    width:42px!important;
    height:42px!important;
    border-radius:15px!important;
    color:#fff!important;
    background:linear-gradient(135deg,#5865f2,#404eed)!important;
  }

  .discord-premium-mark svg{
    width:25px!important;
    height:25px!important;
  }

  .discord-premium-title strong{
    font-size:14px!important;
    letter-spacing:.01em!important;
    text-transform:uppercase!important;
    color:#fff!important;
  }

  .discord-premium-sub{
    font-size:11.5px!important;
    color:#dbeafe!important;
    font-weight:800!important;
  }

  .discord-premium-button{
    min-height:34px!important;
    padding:0 11px!important;
    font-size:12px!important;
  }
}

@media(max-width:460px){
  .discord-premium-card{
    grid-template-columns:40px minmax(0,1fr)!important;
    grid-template-areas:"icon copy" "cta cta"!important;
    gap:8px 10px!important;
  }

  .discord-premium-mark{grid-area:icon!important}
  .discord-premium-text{grid-area:copy!important}
  .discord-premium-button{
    grid-area:cta!important;
    width:100%!important;
    min-height:34px!important;
  }

  .discord-premium-title strong{
    font-size:13px!important;
  }

  .discord-premium-sub{
    font-size:11px!important;
  }
}

/* Tu elección más compacto */
@media(max-width:760px){
  #comboBuilderArea .builder-summary{
    padding:12px!important;
    border-radius:20px!important;
  }

  #comboBuilderArea .builder-summary h3{
    font-size:18px!important;
    line-height:1!important;
    margin-bottom:4px!important;
  }

  #comboBuilderArea .builder-summary p{
    font-size:11.5px!important;
    line-height:1.25!important;
    margin-bottom:8px!important;
  }

  #comboBuilderArea .selected-list{
    max-height:118px!important;
    overflow:auto!important;
    display:grid!important;
    gap:6px!important;
    padding-right:2px!important;
  }

  #comboBuilderArea .selected-pill{
    min-height:34px!important;
    padding:6px 7px 6px 10px!important;
    border-radius:13px!important;
    gap:6px!important;
  }

  #comboBuilderArea .selected-pill span:first-child{
    font-size:12px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  #comboBuilderArea .pill-price{
    font-size:12px!important;
    color:#86efac!important;
    font-weight:1000!important;
  }

  #comboBuilderArea .selected-pill button{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    border-radius:999px!important;
  }

  #comboBuilderArea .builder-actions{
    display:none!important;
  }

  #comboBuilderArea .builder-total-row{
    gap:8px!important;
  }

  #comboBuilderArea .builder-confirm{
    min-height:40px!important;
    border-radius:14px!important;
    font-size:13px!important;
    padding:0 12px!important;
  }

  #comboBuilderArea .combo-savings-box{
    padding:10px!important;
    border-radius:16px!important;
  }
}

/* Eliminar visualmente cualquier rastro de voz */
.voice-search-btn,
#voiceSearchBtn{
  display:none!important;
}

/* Filtros móviles en dropdown */
.mobile-filter-dropdown{
  display:none;
}

@media(max-width:760px){
  .toolbar{
    padding:12px!important;
    border-radius:22px!important;
  }

  .mobile-search-wrap{
    display:block!important;
  }

  .mobile-search-wrap .search{
    margin-bottom:9px!important;
    padding:13px 14px!important;
    border-radius:16px!important;
    font-size:14px!important;
  }

  .mobile-filter-dropdown{
    display:block!important;
    position:relative!important;
    z-index:20!important;
    margin-bottom:0!important;
  }

  .mobile-filter-toggle{
    width:100%!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:17px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;
    color:#fff!important;
    padding:0 14px!important;
    cursor:pointer!important;
  }

  .mobile-filter-toggle span{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:2px!important;
  }

  .mobile-filter-toggle b{
    font-size:13px!important;
    line-height:1!important;
  }

  .mobile-filter-toggle small{
    color:#86efac!important;
    font-size:11.5px!important;
    font-weight:900!important;
  }

  .mobile-filter-toggle i{
    width:30px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.08)!important;
    font-style:normal!important;
    transition:transform .18s ease!important;
  }

  .mobile-filter-dropdown.open .mobile-filter-toggle i{
    transform:rotate(180deg)!important;
  }

  .mobile-filter-panel{
    display:none!important;
    margin-top:9px!important;
    padding:12px!important;
    border-radius:20px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    background:rgba(15,23,42,.98)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.34)!important;
  }

  .mobile-filter-dropdown.open .mobile-filter-panel{
    display:block!important;
  }

  .mobile-filter-group{
    margin-bottom:12px!important;
  }

  .mobile-filter-group strong{
    display:block!important;
    color:#dbeafe!important;
    font-size:11px!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
    margin-bottom:8px!important;
  }

  .mobile-filter-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }

  .mobile-filter-chip{
    min-height:38px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.06)!important;
    color:#e5e7eb!important;
    font-size:12px!important;
    font-weight:900!important;
    cursor:pointer!important;
  }

  .mobile-filter-chip.active{
    background:linear-gradient(135deg,#2563eb,#00b4ff)!important;
    color:#fff!important;
    border-color:transparent!important;
  }

  .mobile-filter-select,
  .mobile-filter-price input{
    width:100%!important;
    min-height:42px!important;
    border-radius:14px!important;
    background:#0b1220!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.12)!important;
    padding:0 11px!important;
  }

  .mobile-filter-price{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .mobile-filter-options{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .mobile-filter-options label{
    min-height:40px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 10px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.09)!important;
    color:#e5e7eb!important;
    font-size:12px!important;
    font-weight:900!important;
  }

  .mobile-filter-clear{
    width:100%!important;
    min-height:42px!important;
    border-radius:14px!important;
    border:1px solid rgba(239,68,68,.20)!important;
    background:rgba(239,68,68,.10)!important;
    color:#fecaca!important;
    font-size:13px!important;
    font-weight:1000!important;
  }

  /* En móvil el desplegable reemplaza chips y pestañas largas */
  .quick-filters,
  .tabs,
  .advanced-toolbar{
    display:none!important;
  }
}


/* ===== discord-online-and-badge-fix-v1 ===== */
/* ===== DISCORD ONLINE REAL + BADGES MÓVILES CORREGIDOS ===== */
.discord-sync-note{
  color:#a5b4fc!important;
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1.15!important;
  min-height:12px!important;
  opacity:.88!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.discord-live-pill.offline{
  background:rgba(148,163,184,.12)!important;
  border-color:rgba(148,163,184,.22)!important;
  color:#cbd5e1!important;
}
.discord-live-pill.offline span{
  color:#cbd5e1!important;
}
.discord-live-pill.offline + .discord-stats-row .discord-channel-dot{
  background:#94a3b8!important;
  box-shadow:none!important;
}
.discord-stats-row{
  gap:5px!important;
}
.discord-stats-row span{
  padding:0 7px!important;
  font-size:10.5px!important;
}
@media(max-width:460px){
  .discord-sync-note{font-size:10px!important;}
  .discord-stats-row{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
  }
  .discord-stats-row span{
    justify-content:center!important;
    min-width:0!important;
    font-size:10px!important;
    padding:0 6px!important;
  }
  .discord-stats-row span:nth-child(3){
    grid-column:1 / -1!important;
  }
}

/* El badge ahora se posiciona sobre el botón, no dentro del icono. Así no se corta y el número se lee. */
.mobile-bar .mobile-nav-item{
  position:relative!important;
  overflow:visible!important;
  contain:none!important;
}
.mobile-bar .mobile-nav-item .mobile-nav-icon{
  position:static!important;
  overflow:visible!important;
}
.mobile-nav-badge{
  position:absolute!important;
  top:5px!important;
  right:9px!important;
  min-width:30px!important;
  height:30px!important;
  padding:0 8px!important;
  display:none;
  place-items:center!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ef4444 0%,#f97316 100%)!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:1000!important;
  font-family:Arial, Helvetica, sans-serif!important;
  text-align:center!important;
  letter-spacing:-.2px!important;
  border:3px solid #020617!important;
  box-shadow:0 0 0 3px rgba(239,68,68,.14),0 10px 24px rgba(239,68,68,.42)!important;
  z-index:50!important;
  pointer-events:none!important;
}
.mobile-nav-badge.is-visible,
.mobile-nav-badge[style*="grid"]{
  display:grid!important;
}
.mobile-nav-combo .mobile-nav-badge{
  background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%)!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.14),0 10px 24px rgba(34,197,94,.38)!important;
}
.mobile-nav-item.has-count .mobile-nav-icon,
.mobile-cart.has-count .mobile-nav-icon{
  transform:translateY(-2px)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.12),0 10px 22px rgba(0,0,0,.24)!important;
}
@media(max-width:380px){
  .mobile-nav-badge{
    top:4px!important;
    right:6px!important;
    min-width:27px!important;
    height:27px!important;
    font-size:12px!important;
    padding:0 7px!important;
  }
}


/* ===== discord-mobile-premium-request-v6 ===== */
.discord-premium-bar-mobile{
    width:100%;
    padding:11px 14px;
    background:
      radial-gradient(circle at 12% 0%,rgba(88,101,242,.42),transparent 34%),
      linear-gradient(90deg,#111827,#151b3d 48%,#111827);
    border-bottom:1px solid rgba(88,101,242,.45);
    box-shadow:0 12px 34px rgba(0,0,0,.24), inset 0 -1px 0 rgba(255,255,255,.05);
    position:relative;
    overflow:hidden;
  }

  .discord-premium-bar-mobile:before{
    content:"";
    position:absolute;
    inset:-70% auto -70% -35%;
    width:38%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);
    transform:skewX(-18deg);
    animation:discordMobileShine 6s linear infinite;
    pointer-events:none;
  }

  @keyframes discordMobileShine{
    0%{left:-45%}
    100%{left:120%}
  }

  .discord-premium-card-mobile{
    position:relative;
    z-index:2;
    max-width:1360px;
    margin:0 auto;
    min-height:82px;
    display:grid;
    grid-template-columns:58px minmax(0,1fr) auto;
    align-items:center;
    gap:13px;
    padding:11px 13px;
    border-radius:22px;
    text-decoration:none;
    color:#fff;
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 16px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10);
    backdrop-filter:blur(12px);
  }

  .discord-premium-card-mobile:active{
    transform:scale(.985);
  }

  .discord-icon-container{
    position:relative;
    width:58px;
    height:58px;
    border-radius:19px;
    display:grid;
    place-items:center;
    overflow:visible;
    flex-shrink:0;
  }

  .discord-glow{
    position:absolute;
    inset:-9px;
    border-radius:24px;
    background:radial-gradient(circle,rgba(88,101,242,.72),transparent 68%);
    filter:blur(11px);
    opacity:.92;
    animation:discordPulse 2.2s ease-in-out infinite;
  }

  @keyframes discordPulse{
    0%,100%{transform:scale(.95);opacity:.65}
    50%{transform:scale(1.08);opacity:1}
  }

  .discord-official-logo{
    position:relative;
    z-index:2;
    width:58px;
    height:58px;
    object-fit:cover;
    border-radius:18px;
    display:block;
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 10px 24px rgba(0,0,0,.32);
  }

  .discord-text-content{
    min-width:0;
    display:grid;
    gap:5px;
  }

  .discord-title-line{
    display:flex;
    align-items:center;
    min-width:0;
    gap:7px;
    line-height:1.12;
  }

  .discord-title-line strong{
    min-width:0;
    display:block;
    font-size:16px;
    font-weight:1000;
    letter-spacing:-.2px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .status-dot{
    width:9px;
    height:9px;
    min-width:9px;
    border-radius:999px;
    background:#22c55e;
    box-shadow:0 0 0 5px rgba(34,197,94,.16),0 0 18px rgba(34,197,94,.65);
    animation:discordLiveDot 1.45s ease-in-out infinite;
  }

  @keyframes discordLiveDot{
    0%,100%{opacity:1;transform:scale(1)}
    50%{opacity:.55;transform:scale(.88)}
  }

  .discord-subtitle{
    margin:0;
    color:#dbeafe;
    font-size:12.5px;
    font-weight:800;
    line-height:1.28;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  .discord-live-pill{
    width:fit-content;
    max-width:100%;
    display:flex;
    align-items:center;
    gap:7px;
    padding:5px 8px;
    border-radius:999px;
    background:rgba(239,68,68,.16);
    border:1px solid rgba(248,113,113,.25);
    color:#fee2e2;
    font-size:11px;
    font-weight:1000;
    line-height:1;
    min-width:0;
  }

  .discord-live-pill span{
    color:#fecaca;
    letter-spacing:.06em;
    white-space:nowrap;
  }

  .discord-live-pill b{
    min-width:0;
    display:block;
    color:#fff;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:310px;
  }

  .discord-stats-row{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
  }

  .discord-stats-row span{
    min-height:24px;
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:0 8px;
    border-radius:999px;
    background:rgba(255,255,255,.075);
    border:1px solid rgba(255,255,255,.10);
    color:#c7d2fe;
    font-size:11px;
    font-weight:900;
    white-space:nowrap;
  }

  .discord-stats-row b{
    color:#fff;
    font-weight:1000;
  }

  .discord-stats-row i{
    width:7px;
    height:7px;
    border-radius:999px;
    background:#22c55e;
    box-shadow:0 0 12px rgba(34,197,94,.75);
  }

  .discord-join-btn-mobile{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 17px;
    border-radius:999px;
    background:linear-gradient(135deg,#5865f2,#7c3aed);
    color:#fff;
    font-size:13px;
    font-weight:1000;
    white-space:nowrap;
    box-shadow:0 10px 24px rgba(88,101,242,.33);
  }

  .discord-join-btn-mobile b{
    font-size:16px;
    line-height:1;
  }

  @media(max-width:760px){
    .discord-premium-bar-mobile{
      padding:9px 10px;
    }

    .discord-premium-card-mobile{
      min-height:76px;
      grid-template-columns:50px minmax(0,1fr) auto;
      gap:10px;
      padding:10px;
      border-radius:20px;
    }

    .discord-icon-container,
    .discord-official-logo{
      width:50px;
      height:50px;
      border-radius:16px;
    }

    .discord-title-line strong{
      font-size:14px;
    }

    .discord-subtitle{
      font-size:11.5px;
      -webkit-line-clamp:1;
    }

    .discord-live-pill{
      max-width:100%;
      font-size:10.5px;
    }

    .discord-live-pill b{
      max-width:190px;
    }

    .discord-stats-row span{
      min-height:22px;
      padding:0 7px;
      font-size:10.5px;
    }

    .discord-join-btn-mobile{
      min-height:38px;
      padding:0 13px;
      font-size:12px;
    }
  }

  @media(max-width:460px){
    .discord-premium-card-mobile{
      grid-template-columns:46px minmax(0,1fr);
      grid-template-areas:
        "icon copy"
        "cta cta";
      gap:8px 10px;
    }

    .discord-icon-container{grid-area:icon}
    .discord-text-content{grid-area:copy}
    .discord-join-btn-mobile{
      grid-area:cta;
      width:100%;
      min-height:36px;
    }

    .discord-icon-container,
    .discord-official-logo{
      width:46px;
      height:46px;
      border-radius:15px;
    }

    .discord-title-line strong{
      font-size:13px;
    }

    .discord-subtitle{
      font-size:11px;
    }

    .discord-live-pill{
      width:100%;
      justify-content:flex-start;
    }

    .discord-live-pill b{
      max-width:150px;
    }
  }


/* ===== mimi-carousel-ultra-clean-final ===== */
/* =========================================================
   CARRUSEL LIMPIO FINAL — SIN TARJETA LATERAL, SIN CHIPS,
   SIN TEXTO EXCESIVO, CONTROLES PEQUEÑOS
========================================================= */
.hero{
  min-height:430px!important;
  border-radius:24px!important;
  background:#040814!important;
  box-shadow:0 28px 70px rgba(0,0,0,.45)!important;
}
.mp-hero-carousel{min-height:430px!important;padding:12px!important;}
.carousel-stage{
  min-height:406px!important;
  border-radius:20px!important;
  background:#050b18!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.carousel-slide,.carousel-pro-slide,.premium-carousel-slide{
  min-height:406px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  grid-template-columns:1fr!important;
  padding:0!important;
  overflow:hidden!important;
  background:
    linear-gradient(90deg, rgba(5,11,24,.92) 0%, rgba(5,11,24,.72) 42%, rgba(5,11,24,.30) 100%),
    radial-gradient(circle at 75% 18%, color-mix(in srgb, var(--slide-accent,#22c55e) 16%, transparent), transparent 32%),
    linear-gradient(135deg,#050b18,#071226)!important;
}
.premium-carousel-slide.has-editorial-image,.premium-carousel-slide.has-full-flyer{
  background:
    linear-gradient(90deg, rgba(5,11,24,.88) 0%, rgba(5,11,24,.68) 38%, rgba(5,11,24,.20) 100%),
    var(--slide-image) center/cover no-repeat!important;
}
.carousel-slide:before,.premium-carousel-slide:before{opacity:.18!important;}
.carousel-slide:after,.premium-carousel-slide:after{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:linear-gradient(180deg,transparent 40%,rgba(5,11,24,.56) 100%)!important;
}
.slide-visual,.slide-visual-pro,.premium-slide-visual,.slide-card,.slide-premium-visual,.cine-premium-visual{
  display:none!important;
}
.pro-chip-strip,.hero-categories,.slide-countdown,.countdown,.premium-mini-chips,.premium-feature-grid{display:none!important;}
.slide-copy,.slide-copy-pro,.premium-slide-copy{
  position:relative!important;
  z-index:3!important;
  max-width:520px!important;
  padding:0 0 46px 42px!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  align-self:flex-end!important;
}
.slide-badge,.premium-badge{
  display:inline-flex!important;
  margin:0 0 10px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.62)!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.slide-title,.premium-slide-title{
  margin:0!important;
  max-width:500px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(34px,4.2vw,58px)!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
  font-weight:900!important;
  color:#fff!important;
  text-shadow:0 14px 36px rgba(0,0,0,.42)!important;
}
.slide-sub,.premium-slide-sub{
  margin:10px 0 0!important;
  max-width:420px!important;
  color:rgba(226,232,240,.72)!important;
  font-size:14px!important;
  line-height:1.42!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.slide-cta-row,.slide-cta-pro{margin-top:18px!important;display:flex!important;gap:8px!important;}
.slide-btn,.slide-btn.primary,.slide-btn.cine-primary{
  min-height:42px!important;
  padding:0 16px!important;
  border-radius:11px!important;
  font-size:13px!important;
  font-weight:800!important;
  background:#fff!important;
  color:#050b18!important;
  box-shadow:none!important;
  border:1px solid rgba(255,255,255,.16)!important;
}
.slide-btn.secondary{display:none!important;}
.cta-badge{display:none!important;}
.carousel-nav{
  right:14px!important;bottom:14px!important;gap:6px!important;z-index:9!important;
}
.carousel-arrow{
  width:32px!important;height:32px!important;min-width:32px!important;
  border-radius:999px!important;font-size:14px!important;
  background:rgba(5,11,24,.54)!important;border:1px solid rgba(255,255,255,.10)!important;
  color:rgba(255,255,255,.74)!important;box-shadow:none!important;
}
.carousel-dots{
  padding:6px 8px!important;gap:5px!important;border-radius:999px!important;
  background:rgba(5,11,24,.44)!important;border:1px solid rgba(255,255,255,.07)!important;
}
.carousel-dot{width:5px!important;height:5px!important;border-radius:999px!important;background:rgba(255,255,255,.26)!important;}
.carousel-dot.active{width:17px!important;background:#fff!important;}
@media(max-width:760px){
  .hero,.mp-hero-carousel{min-height:380px!important;border-radius:20px!important;}
  .mp-hero-carousel{padding:9px!important;}
  .carousel-stage{min-height:360px!important;border-radius:17px!important;}
  .carousel-slide,.carousel-pro-slide,.premium-carousel-slide{min-height:360px!important;}
  .premium-carousel-slide.has-editorial-image,.premium-carousel-slide.has-full-flyer{
    background:linear-gradient(180deg,rgba(5,11,24,.20) 0%,rgba(5,11,24,.36) 45%,rgba(5,11,24,.90) 100%),var(--slide-image) center/cover no-repeat!important;
  }
  .slide-copy,.slide-copy-pro,.premium-slide-copy{padding:0 16px 58px!important;max-width:100%!important;}
  .slide-badge,.premium-badge{font-size:9px!important;margin-bottom:8px!important;}
  .slide-title,.premium-slide-title{font-size:29px!important;line-height:.98!important;max-width:92%!important;}
  .slide-sub,.premium-slide-sub{font-size:13px!important;max-width:92%!important;line-height:1.36!important;-webkit-line-clamp:2!important;}
  .slide-cta-row,.slide-cta-pro{margin-top:14px!important;}
  .slide-btn,.slide-btn.primary,.slide-btn.cine-primary{min-height:39px!important;padding:0 14px!important;font-size:12.5px!important;}
  .carousel-nav{left:12px!important;right:12px!important;bottom:12px!important;justify-content:space-between!important;}
  .carousel-dots{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;bottom:0!important;}
  .carousel-arrow{width:30px!important;height:30px!important;min-width:30px!important;font-size:13px!important;}
}


/* ===== mp-carousel-mobile-nav-clean-final ===== */
/* =========================================================
   NAVEGACIÓN DEL CARRUSEL — LIMPIA PARA CELULAR
   Flechas y puntos más pequeños, simples y elegantes.
========================================================= */

/* Escritorio / tablet */
.carousel-nav{
  right:16px!important;
  bottom:14px!important;
  gap:7px!important;
  z-index:30!important;
}

.carousel-arrow{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(2,6,23,.38)!important;
  color:rgba(255,255,255,.78)!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:700!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:none!important;
  opacity:.88!important;
}

.carousel-arrow:hover{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  opacity:1!important;
}

.carousel-dots{
  gap:5px!important;
  padding:7px 8px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(2,6,23,.34)!important;
  backdrop-filter:blur(10px)!important;
  box-shadow:none!important;
}

.carousel-dot{
  width:5px!important;
  height:5px!important;
  min-width:5px!important;
  min-height:5px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.32)!important;
  opacity:1!important;
  transition:width .22s ease, background .22s ease, opacity .22s ease!important;
}

.carousel-dot.active{
  width:17px!important;
  height:5px!important;
  background:#fff!important;
}

/* Celular: flechas a los lados y puntos centrados, sin tapar contenido */
@media(max-width:760px){
  .carousel-nav{
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:10px!important;
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:0!important;
    pointer-events:none!important;
    z-index:40!important;
  }

  .carousel-arrow{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    font-size:14px!important;
    background:rgba(2,6,23,.42)!important;
    border-color:rgba(255,255,255,.11)!important;
    color:rgba(255,255,255,.82)!important;
    pointer-events:auto!important;
  }

  .carousel-dots{
    position:absolute!important;
    left:50%!important;
    bottom:4px!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    padding:6px 8px!important;
    max-width:116px!important;
    overflow:hidden!important;
    pointer-events:auto!important;
  }

  .carousel-dot{
    width:5px!important;
    height:5px!important;
    min-width:5px!important;
    min-height:5px!important;
    background:rgba(255,255,255,.30)!important;
  }

  .carousel-dot.active{
    width:16px!important;
    height:5px!important;
    background:#fff!important;
  }
}

/* Celulares pequeños */
@media(max-width:420px){
  .carousel-nav{
    left:10px!important;
    right:10px!important;
    bottom:9px!important;
  }

  .carousel-arrow{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    font-size:13px!important;
  }

  .carousel-dots{
    padding:5px 7px!important;
    gap:4px!important;
  }

  .carousel-dot{
    width:4.5px!important;
    height:4.5px!important;
    min-width:4.5px!important;
    min-height:4.5px!important;
  }

  .carousel-dot.active{
    width:14px!important;
    height:4.5px!important;
  }
}


/* ===== mp-carousel-admin-mobile-v5 ===== */
/* =========================================================
   ADMIN CARRUSEL V5 — OPTIMIZADO PARA CELULAR
   Edición rápida con botones grandes, preview cómodo y barra
   inferior fija para guardar.
========================================================= */

@media (max-width: 820px){

  /* Modal admin más cómodo en celular */
  .admin-modal.active{
    padding:0!important;
    overflow:auto!important;
  }

  .admin-panel{
    width:100%!important;
    min-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
  }

  .admin-head{
    position:sticky!important;
    top:0!important;
    z-index:500!important;
    padding:14px 12px!important;
    background:rgba(15,23,42,.96)!important;
    backdrop-filter:blur(16px)!important;
  }

  .admin-head h2{
    font-size:20px!important;
  }

  .admin-head p{
    display:none!important;
  }

  .admin-actions{
    gap:6px!important;
  }

  .admin-action{
    min-height:40px!important;
    padding:0 11px!important;
    border-radius:13px!important;
    font-size:12px!important;
  }

  .admin-tabs{
    position:sticky!important;
    top:68px!important;
    z-index:450!important;
    padding:10px 10px!important;
    gap:7px!important;
    background:rgba(15,23,42,.94)!important;
    backdrop-filter:blur(16px)!important;
  }

  .admin-tab{
    min-height:38px!important;
    padding:0 12px!important;
    font-size:12px!important;
  }

  .admin-content{
    padding:12px 10px 92px!important;
  }

  /* Header del diseñador */
  .mp-v4-head{
    padding:14px!important;
    border-radius:22px!important;
    margin-bottom:12px!important;
  }

  .mp-v4-head > div:first-child span{
    font-size:10px!important;
    padding:5px 8px!important;
  }

  .mp-v4-head > div:first-child strong{
    font-size:22px!important;
    margin-top:8px!important;
  }

  .mp-v4-head > div:first-child p{
    font-size:12px!important;
    line-height:1.35!important;
  }

  /* Barra inferior fija para guardar rápido */
  .admin-modal.active .mp-v4-head-actions{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    z-index:99999!important;
    display:grid!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:8px!important;
    padding:8px!important;
    border-radius:20px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:rgba(15,23,42,.94)!important;
    backdrop-filter:blur(18px)!important;
    box-shadow:0 18px 50px rgba(0,0,0,.45)!important;
  }

  .admin-modal.active .mp-v4-head-actions .admin-action{
    width:100%!important;
    min-height:44px!important;
    border-radius:15px!important;
    padding:0 8px!important;
    font-size:12px!important;
  }

  /* Card de cada slide */
  .mp-v4-card{
    padding:12px!important;
    border-radius:24px!important;
    margin-bottom:14px!important;
  }

  .mp-v4-top{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-bottom:10px!important;
  }

  .mp-v4-preview{
    min-height:210px!important;
    border-radius:22px!important;
  }

  .mp-v4-preview-copy{
    min-width:120px!important;
  }

  .mp-v4-preview-copy small{
    font-size:8.5px!important;
  }

  .mp-v4-preview-copy b{
    font-size:24px!important;
  }

  .mp-v4-preview-copy p{
    font-size:10.5px!important;
  }

  .mp-v4-preview-copy em{
    min-height:30px!important;
    padding:0 10px!important;
    align-items:center!important;
    font-size:10px!important;
  }

  .mp-v4-status{
    padding:12px!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    background:rgba(2,6,23,.24)!important;
  }

  .mp-v4-titleline{
    gap:10px!important;
  }

  .mp-v4-titleline strong{
    font-size:20px!important;
  }

  .mp-v4-titleline select,
  .mp-v4-status select{
    min-height:44px!important;
    border-radius:14px!important;
    font-size:13px!important;
  }

  .mp-v4-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .mp-v4-actions button{
    min-height:44px!important;
    border-radius:14px!important;
    font-size:12px!important;
  }

  /* Secciones tipo pasos */
  .mp-v4-section{
    padding:12px!important;
    border-radius:20px!important;
    margin-top:10px!important;
  }

  .mp-v4-section-title{
    grid-template-columns:32px 1fr!important;
    gap:9px!important;
    margin-bottom:10px!important;
  }

  .mp-v4-section-title b{
    width:32px!important;
    height:32px!important;
    border-radius:11px!important;
  }

  .mp-v4-section-title strong{
    font-size:16px!important;
  }

  .mp-v4-section-title span{
    font-size:11.5px!important;
  }

  /* Diseño rápido: 2 columnas para no ser eterno */
  .mp-v4-design-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .mp-v4-design{
    min-height:72px!important;
    border-radius:16px!important;
    padding:11px!important;
  }

  .mp-v4-design strong{
    font-size:13px!important;
  }

  .mp-v4-design span{
    font-size:10.5px!important;
    line-height:1.2!important;
  }

  /* Sliders grandes, cómodos para dedo */
  .mp-v4-sliders{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  .mp-v4-sliders label{
    padding:12px!important;
    border-radius:17px!important;
  }

  .mp-v4-sliders span{
    font-size:12px!important;
    margin-bottom:9px!important;
  }

  .mp-v4-sliders input[type="range"]{
    width:100%!important;
    height:34px!important;
    appearance:none!important;
    -webkit-appearance:none!important;
    background:transparent!important;
  }

  .mp-v4-sliders input[type="range"]::-webkit-slider-runnable-track{
    height:8px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#38bdf8,#22c55e)!important;
  }

  .mp-v4-sliders input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance:none!important;
    width:26px!important;
    height:26px!important;
    margin-top:-9px!important;
    border-radius:999px!important;
    background:#fff!important;
    border:3px solid #0f172a!important;
    box-shadow:0 5px 16px rgba(0,0,0,.35)!important;
  }

  .mp-v4-sliders em{
    margin-top:4px!important;
    font-size:12px!important;
    color:#86efac!important;
    font-weight:1000!important;
  }

  /* Pills grandes */
  .mp-v4-pills{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }

  .mp-v4-pill{
    width:100%!important;
    min-height:42px!important;
    border-radius:14px!important;
    padding:0 8px!important;
    font-size:12px!important;
  }

  /* Campos de contenido */
  .mp-v4-fields{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  .mp-v4-fields .field,
  .mp-v4-fields .field.wide,
  .mp-v4-fields .field.full,
  .mp-v4-fields .field.color{
    grid-column:1/-1!important;
  }

  .mp-v4-fields label,
  .mp-v4-more label{
    font-size:10.5px!important;
  }

  .mp-v4-fields input,
  .mp-v4-fields textarea,
  .mp-v4-more input,
  .mp-v4-more textarea{
    width:100%!important;
    min-height:46px!important;
    border-radius:14px!important;
    font-size:14px!important;
    padding:11px 12px!important;
  }

  .mp-v4-fields textarea{
    min-height:86px!important;
  }

  .mp-v4-fields input[type="color"]{
    height:48px!important;
    padding:5px!important;
  }

  .mp-v4-more{
    border-radius:18px!important;
    padding:12px!important;
  }

  .mp-v4-more summary{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
  }
}

/* Celulares pequeños */
@media (max-width:420px){
  .admin-tabs{
    top:64px!important;
  }

  .mp-v4-design-grid,
  .mp-v4-pills{
    grid-template-columns:1fr!important;
  }

  .mp-v4-preview{
    min-height:190px!important;
  }

  .mp-v4-card{
    padding:10px!important;
  }

  .admin-modal.active .mp-v4-head-actions{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    grid-template-columns:1fr 1fr!important;
  }

  .admin-modal.active .mp-v4-head-actions .admin-action.green{
    grid-column:1/-1!important;
  }
}


/* ===== mp-mobile-request-final-v6 ===== */
/* =========================================================
   AJUSTES SOLICITADOS — MOBILE NAV + BADGES
   - Letras más pequeñas en nav-pro-container.
   - Globo de notificación más visible y sin cortarse.
========================================================= */
@media(max-width:760px){
  .nav-pro-container{
    grid-template-columns:minmax(104px,1fr) auto!important;
    gap:7px 7px!important;
    padding:8px 9px 9px!important;
  }

  .nav-pro-logo img{
    max-width:clamp(118px,34vw,150px)!important;
  }

  .nav-pro-menu{
    gap:5px!important;
  }

  .nav-pro-menu a[href="/catalogo/cineplanet/"],
  .nav-pro-menu a[href="#comboBuilderArea"],
  .nav-pro-menu a[onclick*="openReferences"]{
    min-height:34px!important;
    padding:0 5px!important;
    border-radius:13px!important;
    font-size:10px!important;
    letter-spacing:-.15px!important;
    line-height:1!important;
  }

  .nav-pro-menu a[href="/catalogo/cineplanet/"]::before,
  .nav-pro-menu a[href="#comboBuilderArea"]::before,
  .nav-pro-menu a[onclick*="openReferences"]::before{
    font-size:12px!important;
  }

  .realtime-status{
    max-width:92px!important;
    height:32px!important;
    padding:0 7px!important;
    font-size:9.8px!important;
    letter-spacing:-.2px!important;
  }

  .nav-cart-icon-btn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
}

@media(max-width:390px){
  .nav-pro-container{
    grid-template-columns:minmax(96px,1fr) auto!important;
    padding:7px 8px 8px!important;
  }

  .nav-pro-logo img{
    max-width:555px!important;
  }

  .nav-pro-menu a[href="/catalogo/cineplanet/"],
  .nav-pro-menu a[href="#comboBuilderArea"],
  .nav-pro-menu a[onclick*="openReferences"]{
    min-height:32px!important;
    font-size:0!important;
  }

  .nav-pro-menu a[href="/catalogo/cineplanet/"]::after{content:"Cine";font-size:9.8px!important;}
  .nav-pro-menu a[href="#comboBuilderArea"]::after{content:"Combo";font-size:9.8px!important;}
  .nav-pro-menu a[onclick*="openReferences"]::after{content:"Refs";font-size:9.8px!important;}
}

.mobile-nav-icon{
  overflow:visible!important;
  isolation:isolate!important;
}

.mobile-nav-badge{
  top:-13px!important;
  right:-14px!important;
  min-width:28px!important;
  height:28px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ef4444 0%,#f97316 100%)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:1000!important;
  line-height:1!important;
  border:3px solid #020617!important;
  box-shadow:
    0 0 0 3px rgba(239,68,68,.12),
    0 10px 24px rgba(239,68,68,.45)!important;
  z-index:20!important;
}

.mobile-nav-combo .mobile-nav-badge{
  background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%)!important;
  box-shadow:
    0 0 0 3px rgba(34,197,94,.12),
    0 10px 24px rgba(34,197,94,.42)!important;
}

.mobile-bar .mobile-nav-item{
  overflow:visible!important;
}

.mobile-nav-combo.has-count .mobile-nav-icon,
.mobile-cart:has(.mobile-nav-badge[style*="grid"]) .mobile-nav-icon{
  transform:translateY(-1px)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.10),0 10px 22px rgba(0,0,0,.22)!important;
}

@media(max-width:380px){
  .mobile-nav-badge{
    top:-11px!important;
    right:-12px!important;
    min-width:25px!important;
    height:25px!important;
    font-size:12px!important;
    border-width:3px!important;
  }
}


/* ===== mp-discord-admin-cart-fix-v8 ===== */
/* =========================================================
   MIMI PLAY — DISCORD ADMIN + CARRITO MOBILE FIX V8
========================================================= */
.discord-admin-hero{
  border:1px solid rgba(88,101,242,.28)!important;
  background:
    radial-gradient(circle at top right,rgba(88,101,242,.22),transparent 36%),
    linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.80))!important;
  border-radius:26px!important;
  padding:18px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:16px!important;
  margin-bottom:14px!important;
  box-shadow:0 18px 45px rgba(0,0,0,.24)!important;
}
.discord-admin-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#c7d2fe!important;
  border:1px solid rgba(199,210,254,.18)!important;
  background:rgba(88,101,242,.12)!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font-size:12px!important;
  font-weight:1000!important;
  margin-bottom:9px!important;
}
.discord-admin-hero h3{margin:0!important;font-size:25px!important;font-weight:1000!important;letter-spacing:-.5px!important;color:#fff!important;}
.discord-admin-hero p{margin:7px 0 0!important;color:#cbd5e1!important;font-size:13px!important;line-height:1.42!important;max-width:720px!important;}
.discord-admin-live{
  min-width:118px!important;
  text-align:center!important;
  border-radius:999px!important;
  padding:11px 14px!important;
  font-size:12px!important;
  font-weight:1000!important;
  color:#fecaca!important;
  background:rgba(239,68,68,.12)!important;
  border:1px solid rgba(248,113,113,.26)!important;
}
.discord-admin-live.online{
  color:#bbf7d0!important;
  background:rgba(34,197,94,.13)!important;
  border-color:rgba(34,197,94,.30)!important;
}
.discord-admin-live.testing{
  color:#fde68a!important;
  background:rgba(250,204,21,.12)!important;
  border-color:rgba(250,204,21,.28)!important;
}
.discord-admin-layout{
  display:grid!important;
  grid-template-columns:1.15fr .85fr!important;
  gap:14px!important;
  align-items:start!important;
}
.discord-admin-card{border-radius:24px!important;}
.discord-admin-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.discord-admin-help{
  margin-top:14px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(2,6,23,.28)!important;
  border-radius:18px!important;
  padding:14px!important;
  color:#cbd5e1!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.discord-admin-help strong{color:#fff!important;}
.discord-admin-help ol{margin:8px 0 0 18px!important;padding:0!important;}
.discord-admin-help li{margin:6px 0!important;}
.discord-admin-help p{margin:10px 0 0!important;color:#94a3b8!important;font-size:12px!important;}
.discord-admin-preview-grid{
  display:grid!important;
  grid-template-columns:repeat(2,1fr)!important;
  gap:10px!important;
}
.discord-admin-preview{
  min-height:116px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.045)!important;
  border-radius:20px!important;
  padding:14px!important;
}
.discord-admin-preview small{
  display:block!important;
  color:#94a3b8!important;
  font-size:11px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.45px!important;
  margin-bottom:7px!important;
}
.discord-admin-preview strong{
  display:block!important;
  color:#fff!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:1000!important;
}
.discord-admin-preview span{
  display:block!important;
  color:#cbd5e1!important;
  font-size:12px!important;
  line-height:1.35!important;
  margin-top:8px!important;
}
.discord-admin-preview.live strong{font-size:22px!important;color:#86efac!important;}
.discord-admin-note{
  margin-top:12px!important;
  border:1px solid rgba(88,101,242,.22)!important;
  background:rgba(88,101,242,.10)!important;
  color:#c7d2fe!important;
  border-radius:17px!important;
  padding:12px!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.4!important;
}

/* Carrito rediseñado para evitar descuadres */
.cart-modal.active{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:stretch!important;
}
.cart-drawer{
  width:min(520px,100vw)!important;
  max-width:100vw!important;
  min-width:0!important;
  overflow:hidden!important;
}
.cart-body{
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
}
.cart-item{
  display:block!important;
  overflow:hidden!important;
}
.cart-item-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:10px!important;
}
.cart-item-title{min-width:0!important;}
.cart-item-title strong{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.16!important;
}
.cart-item-title small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.cart-item-price{
  color:#86efac!important;
  font-size:17px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
  text-align:right!important;
}
.qty-row{
  display:grid!important;
  grid-template-columns:auto auto!important;
  align-items:center!important;
  gap:10px!important;
}
.qty{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.qty strong{
  min-width:28px!important;
  text-align:center!important;
}
.summary-details{
  overflow:hidden!important;
}
.summary-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
}
.summary-row span:first-child{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Badges móviles definitivos: siempre fuera del icono y legibles */
.mobile-bar .mobile-nav-item{
  overflow:visible!important;
  position:relative!important;
}
.mobile-nav-icon{
  overflow:visible!important;
  position:relative!important;
}
.mobile-nav-badge{
  position:absolute!important;
  top:-15px!important;
  right:-16px!important;
  min-width:30px!important;
  height:30px!important;
  padding:0 7px!important;
  display:none;
  place-items:center!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:-.35px!important;
  border:3px solid #020617!important;
  box-shadow:0 0 0 3px rgba(239,68,68,.12),0 12px 26px rgba(239,68,68,.46)!important;
  background:linear-gradient(135deg,#ef4444,#f97316)!important;
  z-index:50!important;
}
.mobile-nav-badge.is-visible{display:grid!important;}
.mobile-nav-combo .mobile-nav-badge{
  background:linear-gradient(135deg,#16a34a,#22c55e)!important;
  box-shadow:0 0 0 3px rgba(34,197,94,.14),0 12px 26px rgba(34,197,94,.42)!important;
}

@media(max-width:820px){
  .discord-admin-hero{display:grid!important;gap:12px!important;}
  .discord-admin-live{justify-self:start!important;}
  .discord-admin-layout{grid-template-columns:1fr!important;}
}
@media(max-width:560px){
  .cart-modal.active{
    align-items:flex-end!important;
    justify-content:center!important;
  }
  .cart-drawer{
    position:relative!important;
    width:100vw!important;
    height:calc(100dvh - 10px)!important;
    max-height:calc(100dvh - 10px)!important;
    border-radius:24px 24px 0 0!important;
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.14)!important;
  }
  .cart-header{
    padding:14px 14px 11px!important;
  }
  .cart-header h3{font-size:20px!important;}
  .cart-body{
    padding:12px!important;
  }
  .cart-item{
    border-radius:18px!important;
    padding:12px!important;
  }
  .cart-item-top{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .cart-item-price{
    text-align:left!important;
    font-size:18px!important;
  }
  .qty-row{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .qty{
    display:grid!important;
    grid-template-columns:40px 1fr 40px!important;
    gap:8px!important;
    width:100%!important;
  }
  .qty button{
    width:40px!important;
    height:38px!important;
  }
  .qty strong{
    display:grid!important;
    place-items:center!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.06)!important;
  }
  .remove-btn{
    width:100%!important;
    min-height:40px!important;
  }
  .cart-footer{
    padding:12px 12px calc(92px + env(safe-area-inset-bottom))!important;
  }
  .coupon-row{
    grid-template-columns:1fr!important;
  }
  .coupon-apply-btn{
    width:100%!important;
    min-height:42px!important;
  }
  .checkout{
    font-size:13px!important;
    line-height:1.18!important;
    min-height:48px!important;
  }
  .discord-admin-preview-grid{grid-template-columns:1fr!important;}
  .discord-admin-actions{display:grid!important;grid-template-columns:1fr!important;}
  .discord-admin-hero h3{font-size:22px!important;}
}


/* ===== mp-cart-products-controls-v4 ===== */
/* Evita doble total: se conserva solo el resumen final */
  .cart-footer > .summary{
    display:none!important;
  }

  /* El texto de pago se elimina del drawer */
  .payment-confirm-note{
    display:none!important;
  }

  /* Las sugerencias no deben ocupar espacio dentro del carrito */
  #cartUpsellBox{
    display:none!important;
  }

  .cart-modal.active{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:stretch!important;
  }

  .cart-drawer{
    display:flex!important;
    flex-direction:column!important;
    width:min(520px,100vw)!important;
    max-width:100vw!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#0f172a,#061021)!important;
  }

  .cart-header{
    flex:0 0 auto!important;
  }

  .cart-body{
    flex:1 1 auto!important;
    min-height:190px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    padding:14px!important;
  }

  #cartItems{
    display:grid!important;
    gap:10px!important;
    align-content:start!important;
  }

  .cart-product-card-v4{
    width:100%!important;
    border:1px solid rgba(148,163,184,.18)!important;
    background:
      radial-gradient(circle at 100% 0%,rgba(56,189,248,.08),transparent 34%),
      linear-gradient(135deg,rgba(15,23,42,.98),rgba(13,27,45,.96))!important;
    border-radius:20px!important;
    padding:10px!important;
    box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
    overflow:visible!important;
  }

  .cart-product-main-v4{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
    min-width:0!important;
  }

  .cart-product-logo-v4{
    width:46px!important;
    height:46px!important;
    border-radius:15px!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    padding:7px!important;
    background:var(--cart-logo-bg,#1e293b)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:1000!important;
    line-height:1!important;
    text-align:center!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.14)!important;
  }

  .cart-product-logo-v4 img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    display:block!important;
  }

  .cart-product-info-v4{
    min-width:0!important;
  }

  .cart-product-info-v4 strong{
    display:block!important;
    color:#fff!important;
    font-size:14.5px!important;
    line-height:1.1!important;
    font-weight:1000!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .cart-product-info-v4 small{
    display:block!important;
    margin-top:3px!important;
    color:#aebbd0!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    font-weight:850!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .cart-product-actions-v4{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin-top:7px!important;
    flex-wrap:wrap!important;
  }

  .cart-qty-v4{
    display:inline-grid!important;
    grid-template-columns:30px 32px 30px!important;
    align-items:center!important;
    padding:3px!important;
    border-radius:14px!important;
    background:rgba(2,6,23,.45)!important;
    border:1px solid rgba(255,255,255,.09)!important;
  }

  .cart-qty-v4 button{
    width:30px!important;
    height:30px!important;
    border:0!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:1000!important;
    cursor:pointer!important;
    display:grid!important;
    place-items:center!important;
  }

  .cart-qty-v4 button:active{
    transform:scale(.96)!important;
  }

  .cart-qty-v4 span{
    color:#fff!important;
    text-align:center!important;
    font-size:13px!important;
    font-weight:1000!important;
  }

  .cart-remove-v4{
    border:1px solid rgba(248,113,113,.15)!important;
    background:rgba(239,68,68,.10)!important;
    color:#fecaca!important;
    border-radius:13px!important;
    min-height:34px!important;
    padding:0 10px!important;
    font-size:11.5px!important;
    font-weight:1000!important;
    cursor:pointer!important;
    white-space:nowrap!important;
  }

  .cart-product-price-v4{
    text-align:right!important;
    white-space:nowrap!important;
    min-width:58px!important;
  }

  .cart-product-price-v4 strong{
    display:block!important;
    color:#86efac!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:1000!important;
  }

  .cart-product-price-v4 span{
    display:block!important;
    margin-top:4px!important;
    color:#94a3b8!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
  }

  .cart-footer{
    flex:0 0 auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.99))!important;
    box-shadow:0 -16px 40px rgba(0,0,0,.28)!important;
  }

  .summary-details{
    margin:0 0 10px!important;
    padding:12px!important;
    border-radius:18px!important;
    border:1px solid rgba(34,197,94,.18)!important;
    background:rgba(34,197,94,.075)!important;
    display:grid!important;
    gap:7px!important;
  }

  .summary-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:start!important;
    color:#e2e8f0!important;
    font-size:12.5px!important;
    line-height:1.2!important;
    font-weight:1000!important;
  }

  .summary-row span:first-child{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .summary-row.discount span:last-child{
    color:#86efac!important;
  }

  .summary-row.total{
    margin-top:2px!important;
    padding-top:8px!important;
    border-top:1px solid rgba(255,255,255,.09)!important;
    color:#fff!important;
    font-size:14.5px!important;
  }

  .summary-row.total span:last-child{
    color:#86efac!important;
    font-size:18px!important;
    font-weight:1000!important;
  }

  .cart-empty-state{
    border:1px dashed rgba(255,255,255,.14)!important;
    background:rgba(255,255,255,.035)!important;
    color:#94a3b8!important;
    border-radius:18px!important;
    padding:32px 14px!important;
    text-align:center!important;
    font-weight:900!important;
  }

  #couponStatus:empty{
    display:none!important;
  }

  @media(max-width:560px){
    .cart-modal.active{
      align-items:flex-end!important;
      justify-content:center!important;
    }

    .cart-drawer{
      width:100vw!important;
      height:100dvh!important;
      max-height:100dvh!important;
      border-left:0!important;
      border-radius:20px 20px 0 0!important;
    }

    .cart-header{
      padding:12px 14px 9px!important;
    }

    .cart-header h3{
      font-size:22px!important;
      line-height:1!important;
    }

    .close-btn{
      width:48px!important;
      height:48px!important;
      border-radius:14px!important;
    }

    .cart-body{
      min-height:215px!important;
      padding:10px 12px 8px!important;
    }

    .cart-footer{
      max-height:49dvh!important;
      padding:10px 12px calc(12px + env(safe-area-inset-bottom))!important;
    }

    .cart-product-card-v4{
      padding:9px!important;
      border-radius:18px!important;
    }

    .cart-product-main-v4{
      grid-template-columns:44px minmax(0,1fr) auto!important;
      gap:9px!important;
    }

    .cart-product-logo-v4{
      width:44px!important;
      height:44px!important;
      border-radius:14px!important;
    }

    .cart-product-info-v4 strong{
      font-size:14px!important;
    }

    .cart-product-info-v4 small{
      font-size:11px!important;
    }

    .cart-product-price-v4 strong{
      font-size:15px!important;
    }

    .cart-qty-v4{
      grid-template-columns:28px 30px 28px!important;
    }

    .cart-qty-v4 button{
      width:28px!important;
      height:28px!important;
      font-size:17px!important;
    }

    .cart-remove-v4{
      min-height:32px!important;
      padding:0 9px!important;
      font-size:11px!important;
    }

    .input,
    .textarea{
      min-height:39px!important;
      margin-bottom:8px!important;
      font-size:13px!important;
      border-radius:14px!important;
    }

    .textarea{
      min-height:45px!important;
    }

    .coupon-row{
      grid-template-columns:1fr 86px!important;
      gap:8px!important;
      margin-bottom:8px!important;
    }

    .coupon-apply-btn{
      min-width:0!important;
      min-height:39px!important;
      padding:0 10px!important;
      font-size:12px!important;
      border-radius:14px!important;
    }

    .checkout{
      min-height:52px!important;
      padding:12px 10px!important;
      border-radius:18px!important;
      font-size:13px!important;
      line-height:1.15!important;
    }

    .clear-cart{
      padding:8px!important;
      font-size:12px!important;
    }
  }


/* ===== mp-final-app-logos-rounded-fix ===== */
/* 1) Mantiene el diseño de la tarjeta, pero limpia SOLO la caja del logo */
.visual-logo,
.featured-logo,
.builder-logo,
.combo-admin-logo,
.preview-logo,
.cart-product-logo,
.cart-product-logo-v4,
.admin-logo-preview-v5{
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
}

/* 2) Logo grande de la tarjeta principal */
.visual-logo.mp-app-icon{
  width: 132px !important;
  height: 132px !important;
  padding: 0 !important;
  border-radius: 34px !important;
}

/* 3) Más vendidos */
.featured-card{
  grid-template-columns: 78px 1fr !important;
}
.featured-logo.mp-app-icon{
  width: 72px !important;
  height: 72px !important;
  padding: 0 !important;
  border-radius: 22px !important;
}

/* 4) Arma tu combo */
.builder-item{
  grid-template-columns: 64px 1fr !important;
}
.builder-logo.mp-app-icon{
  width: 58px !important;
  height: 58px !important;
  padding: 0 !important;
  border-radius: 18px !important;
}

/* 5) Admin y carrito */
.combo-admin-logo.mp-app-icon,
.preview-logo.mp-app-icon,
.admin-logo-preview-v5.mp-app-icon{
  width: 64px !important;
  height: 64px !important;
  padding: 0 !important;
  border-radius: 20px !important;
}

.cart-product-logo.mp-app-icon,
.cart-product-logo-v4.mp-app-icon{
  width: 54px !important;
  height: 54px !important;
  padding: 0 !important;
  border-radius: 16px !important;
}

/* 6) La imagen tipo app ocupa todo el cuadro redondeado */
.visual-logo.mp-app-icon img,
.featured-logo.mp-app-icon img,
.builder-logo.mp-app-icon img,
.combo-admin-logo.mp-app-icon img,
.preview-logo.mp-app-icon img,
.cart-product-logo.mp-app-icon img,
.cart-product-logo-v4.mp-app-icon img,
.admin-logo-preview-v5.mp-app-icon img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  filter: none !important;
}

/* 7) Logos que NO son app icon, por ejemplo SVG horizontales */
.visual-logo.mp-brand-logo{
  width: 154px !important;
  height: 96px !important;
  padding: 10px !important;
  border-radius: 24px !important;
}
.featured-logo.mp-brand-logo,
.builder-logo.mp-brand-logo,
.combo-admin-logo.mp-brand-logo,
.preview-logo.mp-brand-logo,
.admin-logo-preview-v5.mp-brand-logo{
  padding: 8px !important;
  border-radius: 18px !important;
}
.visual-logo.mp-brand-logo img,
.featured-logo.mp-brand-logo img,
.builder-logo.mp-brand-logo img,
.combo-admin-logo.mp-brand-logo img,
.preview-logo.mp-brand-logo img,
.admin-logo-preview-v5.mp-brand-logo img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  display: block !important;
  filter: drop-shadow(0 7px 10px rgba(0,0,0,.25)) !important;
}

/* 8) El fondo grande de la tarjeta se queda elegante, sin duplicar el logo */
.product-visual{
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.13), transparent 30%),
    radial-gradient(circle at 80% 10%, rgba(0,180,255,.11), transparent 32%),
    linear-gradient(145deg,#0f172a,#071126) !important;
}
.product-visual.has-image:after{
  background: linear-gradient(180deg, rgba(2,6,23,.08), rgba(2,6,23,.26)) !important;
}
.product-visual .visual-logo:before,
.product-visual .visual-logo:after{
  display: none !important;
  content: none !important;
}

@media(max-width:560px){
  .visual-logo.mp-app-icon{
    width: 118px !important;
    height: 118px !important;
    border-radius: 31px !important;
  }
  .featured-card{
    grid-template-columns: 74px 1fr !important;
  }
  .featured-logo.mp-app-icon{
    width: 68px !important;
    height: 68px !important;
    border-radius: 20px !important;
  }
  .builder-item{
    grid-template-columns: 62px 1fr !important;
  }
  .builder-logo.mp-app-icon{
    width: 56px !important;
    height: 56px !important;
    border-radius: 17px !important;
  }
}



/* ===== mimi-play-visitor-admin-css ===== */

  .visitor-live-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-bottom:16px;
  }
  .visitor-live-card{
    border:1px solid rgba(255,255,255,.10);
    background:radial-gradient(circle at top right,rgba(34,197,94,.12),transparent 34%),rgba(255,255,255,.045);
    border-radius:22px;
    padding:16px;
    min-height:112px;
  }
  .visitor-live-card small{
    display:block;
    color:#94a3b8;
    font-size:12px;
    font-weight:1000;
    text-transform:uppercase;
    letter-spacing:.45px;
    margin-bottom:8px;
  }
  .visitor-live-card strong{
    display:block;
    color:#fff;
    font-size:34px;
    line-height:1;
    font-weight:1000;
  }
  .visitor-live-card span{
    display:block;
    margin-top:8px;
    color:#cbd5e1;
    font-size:13px;
    line-height:1.35;
  }
  .visitor-status-pill{
    display:inline-flex;
    align-items:center;
    gap:7px;
    border:1px solid rgba(34,197,94,.20);
    background:rgba(34,197,94,.08);
    color:#bbf7d0;
    border-radius:999px;
    padding:8px 12px;
    font-size:12px;
    font-weight:1000;
  }
  .visitor-status-pill:before{
    content:"";
    width:8px;
    height:8px;
    border-radius:999px;
    background:#22c55e;
    box-shadow:0 0 0 5px rgba(34,197,94,.12);
  }
  .visitor-status-pill.off{
    border-color:rgba(250,204,21,.22);
    background:rgba(250,204,21,.08);
    color:#fde68a;
  }
  .visitor-status-pill.off:before{background:#facc15;box-shadow:0 0 0 5px rgba(250,204,21,.12)}
  .visitor-status-pill.bad{
    border-color:rgba(239,68,68,.22);
    background:rgba(239,68,68,.08);
    color:#fecaca;
  }
  .visitor-status-pill.bad:before{background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.12)}
  .visitor-panel-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-bottom:16px;
  }
  .visitor-list-box{
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.045);
    border-radius:24px;
    padding:16px;
  }
  .visitor-list-box h3{
    margin:0 0 12px;
    font-size:18px;
    font-weight:1000;
  }
  .visitor-page-row,
  .visitor-session-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px;
    align-items:center;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(2,6,23,.26);
    border-radius:16px;
    padding:10px 12px;
    margin-bottom:8px;
  }
  .visitor-page-row strong,
  .visitor-session-row strong{
    display:block;
    color:#fff;
    font-size:13px;
    line-height:1.25;
  }
  .visitor-page-row small,
  .visitor-session-row small{
    display:block;
    color:#94a3b8;
    font-size:12px;
    line-height:1.35;
    margin-top:3px;
    word-break:break-word;
  }
  .visitor-count-badge{
    min-width:38px;
    height:34px;
    border-radius:999px;
    display:grid;
    place-items:center;
    padding:0 10px;
    background:rgba(34,197,94,.14);
    color:#bbf7d0;
    font-weight:1000;
    border:1px solid rgba(34,197,94,.22);
  }
  .visitor-actions{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:12px;
  }
  @media(max-width:980px){
    .visitor-live-grid{grid-template-columns:repeat(2,1fr)}
    .visitor-panel-grid{grid-template-columns:1fr}
  }
  @media(max-width:560px){
    .visitor-live-grid{grid-template-columns:1fr}
  }



/* ===== mimi-play-payment-css ===== */

  .payment-main-btn{
    background:linear-gradient(135deg,#2563eb,#00b4ff)!important;
    box-shadow:0 16px 34px rgba(37,99,235,.25)!important;
    margin-bottom:9px;
  }
  .payment-secondary{
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:none!important;
    font-size:14px!important;
  }
  .payment-method-mini{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin:10px 0 12px;
  }
  .payment-method-mini span{
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.055);
    color:#dbeafe;
    border-radius:14px;
    padding:9px 8px;
    text-align:center;
    font-size:12px;
    font-weight:1000;
  }
  .mp-pay-modal{
    position:fixed;
    inset:0;
    z-index:13000;
    display:none;
    background:rgba(2,6,23,.82);
    backdrop-filter:blur(10px);
    padding:16px;
    overflow:auto;
  }
  .mp-pay-modal.active{display:block}
  .mp-pay-panel{
    width:min(940px,100%);
    margin:18px auto;
    border:1px solid rgba(255,255,255,.12);
    background:
      radial-gradient(circle at top right,rgba(56,189,248,.16),transparent 34%),
      linear-gradient(180deg,#111c31,#0f172a);
    border-radius:30px;
    box-shadow:0 28px 90px rgba(0,0,0,.48);
    overflow:hidden;
  }
  .mp-pay-head{
    display:flex;
    justify-content:space-between;
    gap:14px;
    align-items:flex-start;
    padding:20px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .mp-pay-head h3{
    margin:0;
    font-size:27px;
    font-weight:1000;
    letter-spacing:-.5px;
  }
  .mp-pay-head p{
    margin:6px 0 0;
    color:#94a3b8;
    font-size:13px;
    line-height:1.4;
  }
  .mp-pay-close{
    width:43px;
    height:43px;
    border:0;
    border-radius:15px;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-size:25px;
    cursor:pointer;
  }
  .mp-pay-body{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:16px;
    padding:18px;
  }
  .mp-pay-summary,
  .mp-pay-box{
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.045);
    border-radius:24px;
    padding:16px;
  }
  .mp-pay-summary h4,
  .mp-pay-box h4{
    margin:0 0 12px;
    font-size:18px;
    font-weight:1000;
  }
  .mp-pay-total-card{
    border:1px solid rgba(34,197,94,.20);
    background:rgba(34,197,94,.08);
    border-radius:20px;
    padding:15px;
    margin-bottom:12px;
  }
  .mp-pay-total-card small{
    display:block;
    color:#bbf7d0;
    font-size:12px;
    font-weight:1000;
    text-transform:uppercase;
    letter-spacing:.35px;
  }
  .mp-pay-total-card strong{
    display:block;
    color:#86efac;
    font-size:38px;
    line-height:1;
    margin-top:5px;
  }
  .mp-pay-total-card span{
    display:block;
    color:#cbd5e1;
    font-size:12px;
    margin-top:7px;
  }
  .mp-pay-items{
    display:grid;
    gap:8px;
    max-height:280px;
    overflow:auto;
  }
  .mp-pay-item{
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:flex-start;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(2,6,23,.24);
    border-radius:15px;
    padding:10px;
  }
  .mp-pay-item strong{
    display:block;
    font-size:13px;
    line-height:1.2;
  }
  .mp-pay-item small{
    display:block;
    color:#94a3b8;
    margin-top:3px;
    font-size:11px;
  }
  .mp-pay-item b{
    color:#fff;
    white-space:nowrap;
    font-size:13px;
  }
  .mp-pay-tabs{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:9px;
    margin-bottom:13px;
  }
  .mp-pay-tab{
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.055);
    color:#e2e8f0;
    border-radius:17px;
    padding:12px 10px;
    cursor:pointer;
    font-weight:1000;
    font-size:13px;
  }
  .mp-pay-tab.active{
    background:linear-gradient(135deg,#2563eb,#00b4ff);
    border-color:transparent;
    color:#fff;
    box-shadow:0 14px 28px rgba(37,99,235,.22);
  }
  .mp-pay-content{display:none}
  .mp-pay-content.active{display:block}
  .mp-pay-alert{
    border:1px solid rgba(250,204,21,.22);
    background:rgba(250,204,21,.08);
    color:#fde68a;
    border-radius:17px;
    padding:12px;
    font-size:13px;
    line-height:1.4;
    margin-bottom:12px;
    font-weight:800;
  }
  .mp-pay-note{
    border:1px solid rgba(56,189,248,.18);
    background:rgba(56,189,248,.07);
    color:#bae6fd;
    border-radius:17px;
    padding:12px;
    font-size:13px;
    line-height:1.4;
    margin-top:12px;
  }
  .mp-yape-card{
    display:grid;
    grid-template-columns:170px 1fr;
    gap:14px;
    align-items:center;
  }
  .mp-yape-qr{
    width:170px;
    height:170px;
    border-radius:24px;
    border:1px solid rgba(255,255,255,.12);
    background:#fff;
    display:grid;
    place-items:center;
    overflow:hidden;
    color:#0f172a;
    text-align:center;
    padding:12px;
    font-size:12px;
    font-weight:1000;
  }
  .mp-yape-qr img{
    width:100%;
    height:100%;
    object-fit:contain;
    display:block;
  }
  .mp-pay-data{
    display:grid;
    gap:8px;
  }
  .mp-pay-data-row{
    border:1px solid rgba(255,255,255,.08);
    background:rgba(2,6,23,.26);
    border-radius:15px;
    padding:10px 12px;
  }
  .mp-pay-data-row small{
    display:block;
    color:#94a3b8;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.35px;
    font-weight:1000;
    margin-bottom:4px;
  }
  .mp-pay-data-row strong{
    display:block;
    color:#fff;
    font-size:18px;
    font-weight:1000;
    word-break:break-word;
  }
  .mp-pay-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:13px;
  }
  .mp-pay-btn{
    border:0;
    border-radius:16px;
    padding:13px 12px;
    color:#fff;
    font-weight:1000;
    cursor:pointer;
  }
  .mp-pay-btn.green{background:linear-gradient(135deg,#16a34a,#22c55e)}
  .mp-pay-btn.blue{background:linear-gradient(135deg,#2563eb,#00b4ff)}
  .mp-pay-btn.dark{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
  #paypalButtons{
    min-height:54px;
    margin-top:10px;
  }
  .mp-pay-config{
    border:1px dashed rgba(248,113,113,.35);
    background:rgba(239,68,68,.08);
    color:#fecaca;
    border-radius:17px;
    padding:12px;
    font-size:13px;
    line-height:1.45;
    margin-bottom:12px;
  }
  .mp-pay-success{
    border:1px solid rgba(34,197,94,.22);
    background:rgba(34,197,94,.08);
    color:#bbf7d0;
    border-radius:17px;
    padding:12px;
    font-size:13px;
    line-height:1.45;
    margin-top:12px;
    display:none;
  }
  .mp-pay-success.active{display:block}
  @media(max-width:820px){
    .mp-pay-body{grid-template-columns:1fr}
    .mp-yape-card{grid-template-columns:1fr}
    .mp-yape-qr{width:100%;height:220px}
  }
  @media(max-width:560px){
    .payment-method-mini{grid-template-columns:1fr}
    .mp-pay-modal{padding:8px}
    .mp-pay-panel{border-radius:24px;margin:8px auto}
    .mp-pay-head{padding:16px}
    .mp-pay-body{padding:12px}
    .mp-pay-tabs{grid-template-columns:1fr}
    .mp-pay-actions{grid-template-columns:1fr}
    .mp-pay-total-card strong{font-size:32px}
  }


  /* ===== MEJORAS YAPE COMPROBANTE + COMPARTIR WHATSAPP ===== */
  .mp-proof-box{margin-top:14px;border:1px solid rgba(255,255,255,.10);background:rgba(2,6,23,.26);border-radius:20px;padding:14px}
  .mp-proof-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}
  .mp-proof-title strong{display:block;font-size:15px;color:#fff;font-weight:1000}
  .mp-proof-title small{display:block;color:#94a3b8;font-size:12px;line-height:1.35;margin-top:3px}
  .mp-proof-file{display:block;width:100%;border:1px dashed rgba(56,189,248,.35);background:rgba(56,189,248,.07);color:#dbeafe;border-radius:17px;padding:13px;font-size:13px;cursor:pointer}
  .mp-proof-file::file-selector-button{border:0;border-radius:999px;background:linear-gradient(135deg,#2563eb,#00b4ff);color:#fff;font-weight:1000;padding:9px 12px;margin-right:10px;cursor:pointer}
  .mp-proof-preview{display:none;margin-top:12px;border:1px solid rgba(34,197,94,.20);background:rgba(34,197,94,.08);border-radius:18px;padding:11px;gap:10px;align-items:center;grid-template-columns:74px 1fr auto}
  .mp-proof-preview.active{display:grid}
  .mp-proof-preview img{width:74px;height:74px;object-fit:cover;border-radius:14px;background:#fff}
  .mp-proof-preview strong{display:block;color:#bbf7d0;font-size:13px;line-height:1.25}
  .mp-proof-preview small{display:block;color:#cbd5e1;font-size:11px;margin-top:3px;line-height:1.25}
  .mp-proof-preview button{border:0;width:34px;height:34px;border-radius:12px;background:rgba(239,68,68,.16);color:#fecaca;font-weight:1000;cursor:pointer}
  .mp-share-note{margin-top:10px;border:1px solid rgba(250,204,21,.18);background:rgba(250,204,21,.07);color:#fde68a;border-radius:16px;padding:10px;font-size:12px;line-height:1.35;font-weight:800}
  .mp-pay-btn.yellow{background:linear-gradient(135deg,#ca8a04,#f59e0b)}
  .mp-mini-steps{display:grid;gap:8px;margin:12px 0}
  .mp-mini-step{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:start;color:#cbd5e1;font-size:12px;line-height:1.35}
  .mp-mini-step b{width:28px;height:28px;border-radius:10px;background:rgba(56,189,248,.12);color:#bae6fd;display:grid;place-items:center;font-size:12px}
  @media(max-width:560px){.mp-proof-preview{grid-template-columns:60px 1fr auto}.mp-proof-preview img{width:60px;height:60px}}



/* ===== mp-hotfix-v2-admin-cart-combo ===== */

/* 1) ARMA TU COMBO: elimina contenedor visual del logo aunque exista CSS viejo con #comboBuilderArea */
#comboBuilderArea .builder-logo,
#comboBuilderArea .builder-logo.mp-app-icon,
#comboBuilderArea .builder-logo.mp-brand-logo{
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  border-radius: 18px !important;
}
#comboBuilderArea .builder-logo.mp-app-icon img,
#comboBuilderArea .builder-logo img[src*="play-lh.googleusercontent.com"]{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
  filter: none !important;
  display: block !important;
}
#comboBuilderArea .builder-logo.mp-brand-logo img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  padding: 4px !important;
  margin: 0 !important;
  display: block !important;
}
@media(max-width:390px){
  #comboBuilderArea .builder-logo,
  #comboBuilderArea .builder-logo.mp-app-icon,
  #comboBuilderArea .builder-logo.mp-brand-logo{
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    border-radius: 17px !important;
    padding: 0 !important;
  }
}

/* 2) CARRUSEL EN PANEL ADMIN: versión cómoda para celular */
#carouselAdmin .mp-v4-head,
#carouselAdmin .mp-v4-card,
#carouselAdmin .mp-v4-section{
  max-width: 100% !important;
}
#carouselAdmin .mp-v4-head-actions button,
#carouselAdmin .mp-v4-actions button,
#carouselAdmin .mp-v4-pills button,
#carouselAdmin .mp-v4-design{
  min-height: 42px !important;
}
@media(max-width:700px){
  #adminModal .admin-content{
    padding: 12px !important;
  }
  #adminModal .admin-tabs{
    padding: 10px 12px !important;
    gap: 7px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  #adminModal .admin-tab{
    flex: 0 0 auto !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
  }
  #carouselAdmin .mp-v4-head{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 14px !important;
    border-radius: 20px !important;
  }
  #carouselAdmin .mp-v4-head strong{
    font-size: 20px !important;
    line-height: 1.05 !important;
  }
  #carouselAdmin .mp-v4-head p{
    font-size: 12.5px !important;
    line-height: 1.35 !important;
  }
  #carouselAdmin .mp-v4-head-actions{
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  #carouselAdmin .mp-v4-card{
    padding: 12px !important;
    border-radius: 22px !important;
    margin-bottom: 14px !important;
  }
  #carouselAdmin .mp-v4-top{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  #carouselAdmin .mp-v4-preview{
    width: 100% !important;
    min-height: 185px !important;
    height: 185px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }
  #carouselAdmin .mp-v4-preview-copy{
    max-width: 78% !important;
  }
  #carouselAdmin .mp-v4-preview-copy b{
    font-size: 15px !important;
    line-height: 1.05 !important;
  }
  #carouselAdmin .mp-v4-preview-copy p{
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    -webkit-line-clamp: 2 !important;
  }
  #carouselAdmin .mp-v4-titleline{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  #carouselAdmin .mp-v4-status select,
  #carouselAdmin .mp-v4-fields input,
  #carouselAdmin .mp-v4-fields textarea,
  #carouselAdmin .mp-v4-more input,
  #carouselAdmin .mp-v4-more textarea,
  #carouselAdmin .mp-v4-more select{
    width: 100% !important;
    min-height: 42px !important;
    font-size: 13px !important;
  }
  #carouselAdmin .mp-v4-actions{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  #carouselAdmin .mp-v4-design-grid{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }
  #carouselAdmin .mp-v4-design{
    padding: 10px !important;
    border-radius: 16px !important;
  }
  #carouselAdmin .mp-v4-design strong{
    font-size: 12.5px !important;
  }
  #carouselAdmin .mp-v4-design span{
    font-size: 10.5px !important;
  }
  #carouselAdmin .mp-v4-sliders{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  #carouselAdmin .mp-v4-sliders label{
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
  #carouselAdmin .mp-v4-pills{
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
  }
  #carouselAdmin .mp-v4-pill{
    width: 100% !important;
    padding: 10px 7px !important;
    font-size: 11.5px !important;
    white-space: normal !important;
  }
  #carouselAdmin .mp-v4-fields{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  #carouselAdmin .mp-v4-fields .field,
  #carouselAdmin .mp-v4-fields .field.wide,
  #carouselAdmin .mp-v4-fields .field.full,
  #carouselAdmin .mp-v4-fields .field.color{
    grid-column: 1 / -1 !important;
  }
  #carouselAdmin .mp-v4-section-title{
    align-items: flex-start !important;
  }
  #carouselAdmin .mp-v4-more summary{
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
  }
}
@media(max-width:390px){
  #carouselAdmin .mp-v4-design-grid,
  #carouselAdmin .mp-v4-pills,
  #carouselAdmin .mp-v4-actions{
    grid-template-columns: 1fr !important;
  }
  #carouselAdmin .mp-v4-preview{
    min-height: 165px !important;
    height: 165px !important;
  }
}

/* 3) CARRITO: regresa las sugerencias de productos */
#cartUpsellBox.cart-upsell-active{
  display: block !important;
  margin: 10px 0 12px !important;
  padding: 12px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(34,197,94,.18) !important;
  background: rgba(34,197,94,.065) !important;
}
#cartUpsellBox:not(.cart-upsell-active),
#cartUpsellBox:empty{
  display: none !important;
}
.cart-upsell-head{
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}
.cart-upsell-head strong{
  color: #fff !important;
  font-size: 13.5px !important;
  line-height: 1.15 !important;
}
.cart-upsell-head span{
  color: #86efac !important;
  font-size: 11.5px !important;
  font-weight: 1000 !important;
  white-space: nowrap !important;
}
.cart-upsell-grid{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 8px !important;
}
.upsell-item{
  display: grid !important;
  grid-template-columns: 38px minmax(0,1fr) auto !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 8px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  background: rgba(2,6,23,.26) !important;
}
.upsell-logo{
  width: 38px !important;
  height: 38px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 1000 !important;
}
.upsell-logo img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.upsell-info{
  min-width: 0 !important;
}
.upsell-info strong{
  display: block !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.upsell-info small{
  display: block !important;
  color: #86efac !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  margin-top: 3px !important;
}
.upsell-item button{
  border: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg,#16a34a,#22c55e) !important;
  color: #fff !important;
  padding: 8px 9px !important;
  font-size: 11px !important;
  font-weight: 1000 !important;
  cursor: pointer !important;
}
@media(max-width:560px){
  #cartUpsellBox.cart-upsell-active{
    margin: 8px 0 10px !important;
    padding: 10px !important;
  }
  .cart-upsell-grid{
    grid-template-columns: 1fr !important;
  }
  .upsell-item{
    grid-template-columns: 36px minmax(0,1fr) auto !important;
  }
}



/* ===== mp-admin-studio-integrated-css ===== */

  :root{
    --admin-bg:#050814;
    --admin-panel:#081022;
    --admin-panel-2:#0d172b;
    --admin-card:rgba(255,255,255,.045);
    --admin-card-2:rgba(255,255,255,.07);
    --admin-line:rgba(255,255,255,.11);
    --admin-line-2:rgba(255,255,255,.18);
    --admin-gold:#f5c451;
    --admin-gold-2:#ffd76a;
    --admin-gold-deep:#b98016;
    --admin-blue:#2563eb;
    --admin-blue-2:#00b4ff;
    --admin-green:#22c55e;
    --admin-red:#ef4444;
    --admin-text:#f8fafc;
    --admin-soft:#cbd5e1;
    --admin-muted:#94a3b8;
    --admin-shadow:0 30px 90px rgba(0,0,0,.48);
    --font-display:Arial, Helvetica, sans-serif;
  }

  .admin-modal{
    position:fixed!important;
    inset:0!important;
    display:none;
    z-index:11000;
    background:rgba(0,0,0,.82)!important;
    backdrop-filter:blur(14px);
    padding:14px;
    overflow:auto;
  }
  .admin-modal.active{display:block;animation:adminFadeOverlay .22s ease}
  @keyframes adminFadeOverlay{from{opacity:0}to{opacity:1}}

  .admin-panel.admin-studio-integrated,
  .admin-modal .admin-panel{
    width:min(1420px,100%);
    margin:0 auto;
    background:
      radial-gradient(900px 460px at 100% 0%, rgba(245,196,81,.08), transparent 62%),
      linear-gradient(180deg,#060914 0%,#0a1023 100%)!important;
    border:1px solid var(--admin-line)!important;
    border-radius:24px!important;
    box-shadow:var(--admin-shadow)!important;
    overflow:hidden;
    display:grid!important;
    grid-template-columns:250px minmax(0,1fr);
    grid-template-rows:auto minmax(0,1fr);
    grid-template-areas:"head head" "side main";
    min-height:min(86vh,880px);
    max-height:96vh;
  }

  .admin-head{
    grid-area:head;
    padding:16px 22px!important;
    border-bottom:1px solid var(--admin-line)!important;
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
    background:
      radial-gradient(420px 220px at top right, rgba(245,196,81,.12), transparent 55%),
      linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.008))!important;
  }
  .admin-head-left{display:flex;align-items:center;gap:14px;min-width:0}
  .admin-logo-mark{
    width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;
    background:linear-gradient(135deg,var(--admin-gold),var(--admin-gold-deep));
    color:#1a1404;font-weight:1000;font-size:18px;letter-spacing:-.04em;
    box-shadow:0 10px 24px rgba(245,196,81,.28);
  }
  .admin-head h2{margin:0!important;color:#fff;font-size:22px!important;font-weight:1000;letter-spacing:-.02em;line-height:1.05}
  .admin-head-meta{margin-top:5px;color:var(--admin-muted);font-size:12px;display:flex;align-items:center;gap:8px;line-height:1.35}
  .live-dot{width:8px;height:8px;border-radius:999px;background:var(--admin-green);box-shadow:0 0 0 4px rgba(34,197,94,.16),0 0 14px rgba(34,197,94,.7)}
  .auto-save-note{margin-top:4px;color:#64748b;font-size:11.5px;font-weight:700}

  .admin-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
  .admin-action{
    border:1px solid var(--admin-line-2)!important;
    border-radius:12px!important;
    padding:10px 14px!important;
    min-height:38px;
    color:#fff!important;
    background:rgba(255,255,255,.055)!important;
    font-weight:900!important;
    font-size:12.5px!important;
    cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;gap:7px;
    line-height:1;white-space:nowrap;
    transition:transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
  }
  .admin-action:hover{transform:translateY(-1px);background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.24)!important}
  .admin-action.primary{background:linear-gradient(135deg,var(--admin-blue),var(--admin-blue-2))!important;border-color:transparent!important;box-shadow:0 10px 20px rgba(37,99,235,.25)}
  .admin-action.green{background:linear-gradient(135deg,#16a34a,var(--admin-green))!important;border-color:transparent!important;box-shadow:0 10px 20px rgba(34,197,94,.20)}
  .admin-action.red{background:linear-gradient(135deg,#b91c1c,var(--admin-red))!important;border-color:transparent!important}
  .admin-action.yellow{background:linear-gradient(135deg,var(--admin-gold-deep),var(--admin-gold-2))!important;color:#1a1404!important;border-color:transparent!important}
  .admin-status-pill{
    display:inline-flex;align-items:center;gap:7px;
    border:1px solid rgba(34,197,94,.26);background:rgba(34,197,94,.10);color:#bbf7d0;
    border-radius:999px;padding:9px 12px;font-size:12px;font-weight:1000;white-space:nowrap;
  }
  .admin-status-pill::before{content:"";width:7px;height:7px;border-radius:99px;background:var(--admin-green);box-shadow:0 0 10px rgba(34,197,94,.8)}

  .admin-sidebar{
    grid-area:side;
    border-right:1px solid var(--admin-line);
    background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.005));
    padding:18px 14px;
    display:flex;flex-direction:column;gap:4px;
    overflow-y:auto;
  }
  .admin-sidebar-section{margin-top:14px}.admin-sidebar-section:first-child{margin-top:0}
  .admin-sidebar-label{padding:0 10px 8px;color:#64748b;font-size:10.5px;font-weight:1000;letter-spacing:.18em;text-transform:uppercase}
  .admin-tabs{display:none!important}
  .admin-nav-item,
  .admin-sidebar .admin-tab{
    width:100%;text-align:left;border:0!important;background:transparent!important;color:var(--admin-soft)!important;
    padding:10px 12px!important;border-radius:12px!important;cursor:pointer;font-size:13.5px!important;font-weight:800!important;
    display:flex;align-items:center;gap:11px;position:relative;transition:.15s ease;white-space:nowrap;
  }
  .admin-nav-item:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
  .admin-nav-item.active,
  .admin-sidebar .admin-tab.active{
    background:linear-gradient(135deg,rgba(245,196,81,.16),rgba(245,196,81,.04))!important;
    color:#fff!important;border:1px solid rgba(245,196,81,.28)!important;padding:9px 11px!important;
  }
  .admin-nav-item.active::before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--admin-gold);border-radius:0 5px 5px 0;box-shadow:0 0 12px rgba(245,196,81,.75)}
  .admin-nav-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.06);font-size:14px;flex-shrink:0}
  .admin-nav-item.active .admin-nav-icon{background:rgba(245,196,81,.18)}
  .admin-nav-badge{margin-left:auto;background:rgba(225,29,72,.16);border:1px solid rgba(225,29,72,.30);color:#fecaca;border-radius:99px;padding:2px 7px;font-size:10px;font-weight:1000;line-height:1}
  .admin-nav-badge.saved-dot{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.30);color:#bbf7d0}
  .admin-sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--admin-line);color:#64748b;font-size:11.5px;line-height:1.5}
  .admin-sidebar-footer strong{display:block;color:var(--admin-gold);font-size:13px;font-weight:1000;margin-bottom:4px}

  .admin-content{
    grid-area:main;
    padding:22px 28px!important;
    overflow-y:auto;
    min-width:0;
    background:radial-gradient(800px 400px at 100% 0%,rgba(245,196,81,.04),transparent 60%);
  }
  .admin-content::-webkit-scrollbar,.admin-sidebar::-webkit-scrollbar{width:8px;height:8px}
  .admin-content::-webkit-scrollbar-thumb,.admin-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:99px}
  .admin-section{display:none}.admin-section.active{display:block;animation:adminFadeIn .25s ease}
  @keyframes adminFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

  .admin-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:0 0 20px!important}
  .admin-section-head h1{margin:0;color:#fff;font-size:30px;font-weight:1000;letter-spacing:-.035em;line-height:1.05}
  .admin-section-head p{margin:7px 0 0;color:var(--admin-muted);font-size:13.5px;max-width:650px;line-height:1.5}
  .head-eyebrow{display:block;color:var(--admin-gold);font-size:11px;font-weight:1000;letter-spacing:.22em;text-transform:uppercase;margin-bottom:8px}

  .admin-card,.admin-toolbox,.admin-quick-panel,.discount-admin-box,.discord-admin-card{
    border:1px solid var(--admin-line)!important;
    background:rgba(255,255,255,.035)!important;
    border-radius:18px!important;
    padding:17px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.12);
  }
  .admin-card:hover,.admin-toolbox:hover,.discount-admin-box:hover{border-color:rgba(245,196,81,.22)!important}
  .admin-card h3,.admin-quick-panel h3{margin:0 0 12px;color:#fff;font-size:18px;font-weight:1000}
  .admin-grid{display:grid;gap:14px!important}

  .admin-dashboard-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px!important;margin-bottom:18px}
  .admin-stat-card{
    position:relative;overflow:hidden;min-height:128px;
    border:1px solid var(--admin-line)!important;background:rgba(255,255,255,.035)!important;border-radius:18px!important;padding:18px!important;
    transition:.2s ease;isolation:isolate;
  }
  .admin-stat-card::before{content:"";position:absolute;right:-35px;bottom:-45px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(245,196,81,.15),transparent 68%);filter:blur(16px);z-index:-1}
  .admin-stat-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.20)!important;box-shadow:0 18px 40px rgba(0,0,0,.24)}
  .admin-stat-card small{display:block;color:var(--admin-muted);font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}
  .admin-stat-card strong{display:block;color:#fff;font-size:34px;line-height:1;font-weight:1000;letter-spacing:-.04em}
  .admin-stat-card span{display:block;margin-top:10px;color:var(--admin-soft);font-size:12px;line-height:1.45}
  .admin-quick-actions,.admin-bulk-actions,.combo-admin-actions,.speech-admin-actions,.discord-admin-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}

  .admin-toolbox-head,.combo-admin-toolbar,.discount-admin-title{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:14px}
  .admin-toolbox-head strong,.combo-admin-toolbar strong,.discount-admin-title strong{display:block;color:#fff;font-size:18px;font-weight:1000}
  .admin-toolbox-head span,.combo-admin-toolbar span,.discount-admin-title span{display:block;color:var(--admin-muted);font-size:13px;line-height:1.45;margin-top:4px}
  .admin-mini-count,.combo-admin-counter,.discount-reco{border:1px solid rgba(245,196,81,.25);background:rgba(245,196,81,.10);color:#fde68a;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:1000;white-space:nowrap}

  .admin-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:12px}
  .admin-filters input,.admin-filters select,
  .field input,.field select,.field textarea,
  .combo-admin-search,.speech-textarea,.speech-preview{
    width:100%;border:1px solid var(--admin-line)!important;background:#070d1a!important;color:#fff!important;
    border-radius:13px!important;padding:11px 12px!important;outline:0;font-size:13.5px;
  }
  .field label{font-size:12px;color:#dbeafe;font-weight:1000;margin-bottom:6px}
  .field textarea{min-height:78px;resize:vertical}
  .field input:focus,.field select:focus,.field textarea:focus,.admin-filters input:focus,.combo-admin-search:focus{border-color:var(--admin-gold)!important;box-shadow:0 0 0 3px rgba(245,196,81,.10)}

  .form-grid{display:grid!important;grid-template-columns:repeat(12,1fr);gap:12px!important}
  .col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}

  .combo-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
  .combo-admin-item{border:1px solid var(--admin-line);background:rgba(255,255,255,.04);border-radius:18px;padding:13px;display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center}
  .combo-admin-item.active{border-color:rgba(34,197,94,.34);background:radial-gradient(circle at top right,rgba(34,197,94,.13),transparent 38%),rgba(255,255,255,.045)}
  .combo-admin-logo{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;overflow:hidden;padding:8px;color:#fff;font-size:10px;font-weight:1000;text-align:center;background:rgba(255,255,255,.06)}
  .combo-admin-logo img{width:100%;height:100%;object-fit:contain}

  .tab-row,.plan-row{display:grid!important;grid-template-columns:1fr 160px 130px 42px;gap:9px;align-items:end;margin-top:8px}
  .plan-row{grid-template-columns:1fr 130px 42px}
  .mini-del{width:42px;height:42px;border:0;border-radius:12px;background:#dc2626;color:#fff;cursor:pointer;font-weight:1000}
  .preview-logo{width:74px;height:74px;border-radius:20px;background:rgba(255,255,255,.06);display:grid;place-items:center;color:#fff;overflow:hidden;border:1px solid var(--admin-line);padding:9px}
  .preview-logo img{width:100%;height:100%;object-fit:contain}

  .discount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .discount-card{border:1px solid var(--admin-line);background:rgba(255,255,255,.04);border-radius:16px;padding:14px}
  .discount-card h4{margin:0 0 12px;color:#fff;font-size:16px;font-weight:1000}
  .discount-card label{display:block;color:var(--admin-muted);font-size:12px;font-weight:900;margin:10px 0 6px}
  .speech-vars,.firebase-help,.discord-admin-help,.discord-admin-note{color:var(--admin-soft);font-size:12.5px;line-height:1.45;background:rgba(255,255,255,.035);border:1px solid var(--admin-line);border-radius:14px;padding:12px;margin-top:10px}
  .speech-preview{min-height:170px;white-space:pre-wrap;color:#bbf7d0!important;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}

  .discord-admin-hero{display:flex;justify-content:space-between;gap:14px;align-items:center;border:1px solid rgba(88,101,242,.24);background:linear-gradient(135deg,rgba(88,101,242,.18),rgba(255,255,255,.035));border-radius:20px;padding:18px;margin-bottom:14px}
  .discord-admin-kicker{color:#c7d2fe;font-size:11px;font-weight:1000;letter-spacing:.18em;text-transform:uppercase}
  .discord-admin-hero h3{margin:7px 0 6px;color:#fff;font-size:24px;font-weight:1000}.discord-admin-hero p{margin:0;color:var(--admin-muted);line-height:1.45}
  .discord-admin-live{border-radius:99px;padding:10px 14px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.28);color:#bbf7d0;font-weight:1000;white-space:nowrap}
  .discord-admin-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.discord-admin-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
  .discord-admin-preview{border:1px solid var(--admin-line);background:rgba(255,255,255,.04);border-radius:16px;padding:14px}.discord-admin-preview small{display:block;color:var(--admin-muted);font-size:11px;font-weight:1000;text-transform:uppercase}.discord-admin-preview strong{display:block;color:#fff;font-size:26px;font-weight:1000;margin-top:4px}.discord-admin-preview span{display:block;color:var(--admin-muted);font-size:12px;margin-top:4px}.discord-admin-preview.live strong{color:#bbf7d0}

  @media(max-width:1100px){.admin-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discord-admin-layout{grid-template-columns:1fr}.admin-filters{grid-template-columns:1fr 1fr}.discount-grid{grid-template-columns:1fr}}
  @media(max-width:820px){
    .admin-panel.admin-studio-integrated,.admin-modal .admin-panel{display:grid!important;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"head" "side" "main";max-height:none;min-height:96vh;border-radius:20px!important}
    .admin-sidebar{border-right:0;border-bottom:1px solid var(--admin-line);display:flex;flex-direction:row;overflow-x:auto;padding:12px;gap:10px}.admin-sidebar-section{display:flex;gap:8px;margin:0}.admin-sidebar-label,.admin-sidebar-footer{display:none}.admin-nav-item{width:auto!important;min-width:max-content}.admin-nav-item.active::before{display:none}
    .admin-content{padding:16px!important}.admin-dashboard-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr!important}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-8,.col-12{grid-column:span 1!important}.tab-row,.plan-row{grid-template-columns:1fr!important}.mini-del{width:100%}.admin-filters{grid-template-columns:1fr}.discord-admin-preview-grid{grid-template-columns:1fr}
  }
  @media(max-width:560px){.admin-modal{padding:8px}.admin-head{padding:14px!important}.admin-head-left{align-items:flex-start}.admin-logo-mark{width:38px;height:38px}.admin-section-head h1{font-size:24px}.admin-action{width:100%;justify-content:center}.admin-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.admin-status-pill{grid-column:1/-1;justify-content:center}.combo-admin-item{grid-template-columns:52px 1fr}.combo-admin-item .combo-switch{grid-column:1/-1;width:100%}}



/* ===== mp-cart-checkout-polish-v6-css ===== */

  /* 1) Quitar métodos pequeños del carrito: Yape / PayPal / Visa */
  .cart-footer .payment-method-mini,
  .cart-footer .payment-confirm-note{
    display:none!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  /* 2) Evitar el espacio vacío azul y que el footer tape las sugerencias */
  .cart-modal.active{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:stretch!important;
  }
  .cart-drawer{
    height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    display:flex!important;
    flex-direction:column!important;
    background:linear-gradient(180deg,#0f172a,#061021)!important;
  }
  .cart-header{
    flex:0 0 auto!important;
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    background:linear-gradient(180deg,#0f172a,#0d1628)!important;
    box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  }
  .cart-body{
    flex:0 0 auto!important;
    min-height:0!important;
    max-height:34dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:14px 14px 8px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #cartItems{
    display:grid!important;
    gap:10px!important;
    align-content:start!important;
  }
  .cart-footer{
    flex:0 0 auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:8px 14px calc(18px + env(safe-area-inset-bottom))!important;
    background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.99))!important;
    box-shadow:none!important;
    border-top:1px solid rgba(255,255,255,.07)!important;
  }

  /* 3) Datos del cliente reubicados y destacados antes de los botones */
  .cart-customer-card{
    border:1px solid rgba(56,189,248,.20)!important;
    background:linear-gradient(180deg,rgba(56,189,248,.075),rgba(255,255,255,.035))!important;
    border-radius:20px!important;
    padding:12px!important;
    margin:10px 0!important;
    box-shadow:0 12px 28px rgba(0,0,0,.12)!important;
  }
  .cart-customer-title{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:10px!important;
    margin-bottom:10px!important;
  }
  .cart-customer-title strong{
    color:#fff!important;
    font-size:14px!important;
    line-height:1.1!important;
    font-weight:1000!important;
  }
  .cart-customer-title span{
    color:#bae6fd!important;
    font-size:11px!important;
    font-weight:1000!important;
    white-space:nowrap!important;
    border:1px solid rgba(56,189,248,.20)!important;
    background:rgba(56,189,248,.09)!important;
    padding:6px 8px!important;
    border-radius:999px!important;
  }
  .cart-customer-card .input,
  .cart-customer-card .textarea{
    margin-bottom:8px!important;
    border-radius:15px!important;
    background:#07101f!important;
    border:1px solid rgba(255,255,255,.12)!important;
  }
  .cart-customer-card #customerName{
    border-color:rgba(56,189,248,.26)!important;
  }
  .cart-customer-card .coupon-row{
    margin:2px 0 7px!important;
  }
  .cart-customer-card #couponStatus{
    margin:0!important;
    min-height:0!important;
  }

  /* 4) Botones con nombres nuevos y mejor jerarquía */
  .cart-footer .payment-main-btn,
  .cart-footer .payment-secondary{
    width:100%!important;
    min-height:52px!important;
    border-radius:18px!important;
    font-size:14px!important;
    letter-spacing:.1px!important;
    text-transform:uppercase!important;
    margin-top:9px!important;
  }
  .cart-footer .payment-main-btn{
    background:linear-gradient(135deg,#2563eb,#00b4ff)!important;
    box-shadow:0 16px 34px rgba(37,99,235,.25)!important;
  }
  .cart-footer .payment-secondary{
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    color:#e2e8f0!important;
  }

  /* 5) Sugerencias quedan debajo de los botones para no interrumpir datos del cliente */
  #cartUpsellBox.cart-upsell-active{
    margin:12px 0 8px!important;
  }

  /* 6) Yape QR: encuadre cuadrado, visible y sin recorte */
  .mp-yape-card{
    grid-template-columns:minmax(210px,280px) minmax(0,1fr)!important;
    align-items:start!important;
  }
  .mp-yape-qr{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    max-width:280px!important;
    max-height:280px!important;
    padding:10px!important;
    border-radius:24px!important;
    background:#fff!important;
    overflow:hidden!important;
  }
  .mp-yape-qr img{
    width:100%!important;
    height:100%!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    display:block!important;
    border-radius:18px!important;
  }

  @media(max-width:820px){
    .mp-yape-card{
      grid-template-columns:1fr!important;
    }
    .mp-yape-qr{
      width:min(100%,320px)!important;
      max-width:320px!important;
      margin:0 auto!important;
    }
  }

  @media(max-width:560px){
    .cart-modal.active{
      align-items:stretch!important;
      justify-content:center!important;
    }
    .cart-drawer{
      width:100vw!important;
      height:100dvh!important;
      max-height:100dvh!important;
      border-radius:0!important;
      border-left:0!important;
    }
    .cart-header{
      padding:12px 14px 10px!important;
    }
    .cart-body{
      max-height:28dvh!important;
      padding:10px 12px 6px!important;
    }
    .cart-footer{
      padding:8px 12px calc(12px + env(safe-area-inset-bottom))!important;
    }
    .cart-customer-card{
      padding:10px!important;
      margin:8px 0!important;
      border-radius:18px!important;
    }
    .cart-customer-title{
      align-items:flex-start!important;
      flex-direction:column!important;
      gap:6px!important;
      margin-bottom:8px!important;
    }
    .cart-customer-title span{
      white-space:normal!important;
    }
    .cart-footer .payment-main-btn,
    .cart-footer .payment-secondary{
      min-height:50px!important;
      font-size:13px!important;
      margin-top:8px!important;
    }
    .mp-yape-qr{
      width:100%!important;
      max-width:300px!important;
      padding:9px!important;
      border-radius:22px!important;
    }
  }



/* ===== mp-cart-payment-final-v7-css ===== */

  /* Carrito: orden final solicitado */
  .cart-drawer{
    height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    display:block!important;
    background:linear-gradient(180deg,#0d172a,#07101f)!important;
  }
  .cart-header{
    position:sticky!important;
    top:0!important;
    z-index:20!important;
    background:linear-gradient(180deg,#111c31,#0d172a)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  .cart-body{
    max-height:none!important;
    height:auto!important;
    overflow:visible!important;
    padding:12px 12px 8px!important;
  }
  .cart-footer{
    padding:8px 12px calc(16px + env(safe-area-inset-bottom))!important;
    background:transparent!important;
    border-top:0!important;
    box-shadow:none!important;
  }
  .summary-details{
    margin:4px 0 10px!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,rgba(34,197,94,.10),rgba(56,189,248,.055))!important;
    border:1px solid rgba(34,197,94,.20)!important;
  }
  .summary{display:none!important;}
  #cartUpsellBox.cart-upsell-active{
    order:2;
    margin:10px 0!important;
    border-radius:20px!important;
  }
  .cart-customer-card{
    margin:10px 0!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(8,16,30,.92))!important;
  }
  .cart-footer .payment-main-btn,
  .cart-footer .payment-secondary{
    margin-top:10px!important;
    min-height:52px!important;
    border-radius:18px!important;
    font-weight:1000!important;
  }
  .clear-cart{opacity:.55!important;font-size:12px!important;padding:9px!important;}

  /* Método de pago: más compacto y sin Visa/Mastercard */
  .mp-pay-panel{width:min(860px,100%)!important;}
  .mp-pay-head{padding:16px!important;}
  .mp-pay-head h3{font-size:23px!important;}
  .mp-pay-head p{font-size:12px!important;}
  .mp-pay-body{grid-template-columns:.82fr 1.18fr!important;gap:12px!important;padding:14px!important;}
  .mp-pay-summary,.mp-pay-box{border-radius:22px!important;padding:14px!important;}
  .mp-pay-tabs,.mp-pay-tabs-two{grid-template-columns:repeat(2,1fr)!important;}
  #mpPayTabVisa,#mpPayContentVisa{display:none!important;}
  .mp-pay-alert,.mp-pay-note,.mp-share-note{font-size:12px!important;line-height:1.35!important;padding:10px!important;}
  .mp-mini-steps{gap:6px!important;margin:10px 0!important;}
  .mp-mini-step{font-size:12px!important;}
  .mp-yape-card{
    grid-template-columns:minmax(160px,230px) minmax(0,1fr)!important;
    gap:12px!important;
    align-items:start!important;
  }
  .mp-yape-qr{
    width:100%!important;
    max-width:230px!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    max-height:none!important;
    padding:8px!important;
    border-radius:20px!important;
    overflow:visible!important;
    background:#fff!important;
  }
  .mp-yape-qr img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:14px!important;
    display:block!important;
  }
  .mp-pay-data-row{padding:10px!important;}
  .mp-pay-copy-row .mp-pay-inline-copy{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }
  .mp-pay-inline-copy strong{font-size:18px!important;}
  .mp-pay-inline-copy button{
    border:0!important;
    border-radius:999px!important;
    background:rgba(56,189,248,.14)!important;
    color:#bae6fd!important;
    padding:8px 10px!important;
    font-size:11px!important;
    font-weight:1000!important;
    cursor:pointer!important;
    white-space:nowrap!important;
  }
  .mp-pay-actions-clean{grid-template-columns:1fr 1fr!important;}
  .mp-pay-actions-clean .mp-pay-btn{min-height:48px!important;}
  .mp-proof-box{margin-top:12px!important;padding:12px!important;border-radius:18px!important;}

  @media(max-width:820px){
    .mp-pay-body{grid-template-columns:1fr!important;}
    .mp-yape-card{grid-template-columns:1fr!important;}
    .mp-yape-qr{max-width:240px!important;margin:0 auto!important;}
  }
  @media(max-width:560px){
    .cart-body{padding:10px 12px 6px!important;}
    .mp-pay-modal{padding:6px!important;}
    .mp-pay-panel{border-radius:22px!important;margin:6px auto!important;}
    .mp-pay-body{padding:10px!important;gap:10px!important;}
    .mp-pay-summary{display:none!important;}
    .mp-pay-box h4{font-size:17px!important;margin-bottom:10px!important;}
    .mp-pay-tabs{gap:8px!important;margin-bottom:10px!important;}
    .mp-pay-tab{padding:12px 8px!important;}
    .mp-yape-qr{max-width:215px!important;padding:7px!important;}
    .mp-pay-actions-clean{grid-template-columns:1fr!important;}
  }



/* ===== mp-logo-suggestions-v8-css ===== */

  /* LOGOS EN UN SOLO TAMAÑO */
  .visual-logo,
  .featured-logo,
  .builder-logo,
  .cart-product-logo-v4,
  .cart-product-logo,
  .upsell-logo,
  .combo-admin-logo,
  .preview-logo,
  .admin-logo-preview-v5,
  .mp-combo-suggest-logo{
    aspect-ratio:1/1!important;
    flex:0 0 auto!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
  }

  .visual-logo{width:126px!important;height:126px!important;border-radius:30px!important;padding:0!important;}
  .featured-logo{width:66px!important;height:66px!important;border-radius:18px!important;padding:0!important;}
  .builder-logo{width:58px!important;height:58px!important;min-width:58px!important;border-radius:16px!important;padding:0!important;}
  .cart-product-logo-v4,.cart-product-logo{width:54px!important;height:54px!important;min-width:54px!important;border-radius:16px!important;padding:0!important;}
  .upsell-logo,.mp-combo-suggest-logo{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;padding:0!important;}
  .combo-admin-logo,.preview-logo,.admin-logo-preview-v5{width:64px!important;height:64px!important;border-radius:17px!important;padding:0!important;}

  .visual-logo img,
  .featured-logo img,
  .builder-logo img,
  .cart-product-logo-v4 img,
  .cart-product-logo img,
  .upsell-logo img,
  .combo-admin-logo img,
  .preview-logo img,
  .admin-logo-preview-v5 img,
  .mp-combo-suggest-logo img,
  .mp-app-icon img,
  .mp-brand-logo img{
    width:84%!important;
    height:84%!important;
    max-width:84%!important;
    max-height:84%!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:22%!important;
    padding:0!important;
    margin:auto!important;
    display:block!important;
    filter:none!important;
  }

  .visual-logo.mp-app-icon img{width:88%!important;height:88%!important;max-width:88%!important;max-height:88%!important;}
  .featured-logo.mp-app-icon img,
  .builder-logo.mp-app-icon img,
  .cart-product-logo-v4.mp-app-icon img,
  .upsell-logo.mp-app-icon img,
  .combo-admin-logo.mp-app-icon img,
  .mp-combo-suggest-logo.mp-app-icon img{width:86%!important;height:86%!important;max-width:86%!important;max-height:86%!important;}

  #comboBuilderArea .builder-logo,
  #comboBuilderArea .builder-logo.mp-app-icon,
  #comboBuilderArea .builder-logo.mp-brand-logo{
    width:58px!important;height:58px!important;min-width:58px!important;border-radius:16px!important;padding:0!important;
    background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;
  }
  #comboBuilderArea .builder-logo img,
  #comboBuilderArea .builder-logo.mp-app-icon img,
  #comboBuilderArea .builder-logo img[src*="play-lh.googleusercontent.com"]{
    width:86%!important;height:86%!important;max-width:86%!important;max-height:86%!important;object-fit:contain!important;border-radius:22%!important;
  }

  .cart-product-logo-v4{background:var(--cart-logo-bg,#1e293b)!important;border:1px solid rgba(255,255,255,.08)!important;}
  .upsell-logo,.mp-combo-suggest-logo{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;font-weight:1000!important;font-size:10px!important;}

  /* SUGERENCIAS EN COMBO */
  .mp-combo-suggest-box{
    margin-top:12px;
    border:1px solid rgba(34,197,94,.18);
    background:radial-gradient(circle at top right,rgba(34,197,94,.11),transparent 34%),rgba(2,6,23,.24);
    border-radius:18px;
    padding:12px;
  }
  .mp-combo-suggest-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:9px;}
  .mp-combo-suggest-head strong{display:block;color:#fff;font-size:13.5px;line-height:1.15;}
  .mp-combo-suggest-head span{display:block;color:#86efac;font-size:11.5px;font-weight:1000;white-space:nowrap;}
  .mp-combo-suggest-grid{display:grid;gap:8px;}
  .mp-combo-suggest-item{
    display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;align-items:center;
    border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:15px;padding:8px;
  }
  .mp-combo-suggest-info{min-width:0;}
  .mp-combo-suggest-info strong{display:block;color:#fff;font-size:12px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .mp-combo-suggest-info small{display:block;color:#86efac;font-size:11px;font-weight:1000;margin-top:3px;}
  .mp-combo-suggest-item button{border:0;border-radius:999px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;padding:8px 9px;font-size:11px;font-weight:1000;cursor:pointer;white-space:nowrap;}

  /* PANEL ADMIN DE SUGERENCIAS */
  .mp-suggest-admin-box{border-color:rgba(56,189,248,.18)!important;background:radial-gradient(circle at top right,rgba(56,189,248,.10),transparent 36%),rgba(255,255,255,.045)!important;}
  .mp-suggest-admin-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .mp-suggest-admin-card{border:1px solid rgba(255,255,255,.10);background:rgba(2,6,23,.25);border-radius:18px;padding:13px;}
  .mp-suggest-admin-card h4{margin:0 0 8px;color:#fff;font-size:15px;font-weight:1000;}
  .mp-suggest-admin-card p{margin:0 0 10px;color:#94a3b8;font-size:12px;line-height:1.35;}
  .mp-suggest-fields{display:grid;grid-template-columns:1fr 1fr 90px;gap:8px;margin-bottom:10px;}
  .mp-suggest-fields input{width:100%;border:1px solid rgba(255,255,255,.10);background:#0b1220;color:#fff;border-radius:12px;padding:10px 11px;outline:0;}
  .mp-suggest-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:8px;max-height:280px;overflow:auto;padding-right:3px;}
  .mp-suggest-product-option{display:grid;grid-template-columns:auto 34px minmax(0,1fr);gap:8px;align-items:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:14px;padding:8px;cursor:pointer;}
  .mp-suggest-product-option input{accent-color:#22c55e;}
  .mp-suggest-product-option.is-selected{border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.08);}
  .mp-suggest-admin-logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.06);font-size:9px;font-weight:1000;color:#fff;}
  .mp-suggest-admin-logo img{width:84%;height:84%;object-fit:contain;border-radius:22%;display:block;}
  .mp-suggest-product-option strong{display:block;color:#fff;font-size:12px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .mp-suggest-product-option small{display:block;color:#86efac;font-size:11px;font-weight:900;margin-top:2px;}
  .mp-suggest-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
  .mp-suggest-note{color:#94a3b8;font-size:12px;line-height:1.35;margin-top:8px;}

  @media(max-width:820px){.mp-suggest-admin-layout{grid-template-columns:1fr}.mp-suggest-fields{grid-template-columns:1fr}.visual-logo{width:112px!important;height:112px!important}.builder-logo{width:54px!important;height:54px!important;min-width:54px!important}}



/* ===== mp-admin-v10-safe-css ===== */

  /* Reparación visual final del panel admin: evita secciones anidadas, scroll incómodo y botones gigantes */
  #adminModal{
    padding:12px!important;
    background:rgba(1,4,15,.86)!important;
  }
  #adminModal.active{display:block!important;}
  #adminModal .admin-panel.admin-studio-integrated{
    width:min(1480px,100%)!important;
    min-height:92vh!important;
    max-height:96vh!important;
    display:grid!important;
    grid-template-columns:268px minmax(0,1fr)!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    grid-template-areas:"head head" "side main"!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }
  #adminModal .admin-head{
    grid-area:head!important;
    min-height:auto!important;
    padding:14px 18px!important;
  }
  #adminModal .admin-head-left{min-width:260px!important;}
  #adminModal .admin-head h2{font-size:20px!important;margin:0!important;}
  #adminModal .admin-head-meta,
  #adminModal .auto-save-note{font-size:12px!important;line-height:1.35!important;}
  #adminModal .admin-actions{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    justify-content:flex-end!important;
    align-items:center!important;
  }
  #adminModal .admin-action{
    width:auto!important;
    min-height:40px!important;
    padding:10px 12px!important;
    border-radius:13px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    line-height:1.05!important;
    font-size:13px!important;
  }
  #adminModal .admin-status-pill{min-height:36px!important;}
  #adminModal .admin-sidebar{
    grid-area:side!important;
    height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:14px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015))!important;
    border-right:1px solid rgba(255,255,255,.10)!important;
  }
  #adminModal .admin-content{
    grid-area:main!important;
    height:100%!important;
    overflow:auto!important;
    padding:20px!important;
    background:radial-gradient(circle at 100% 0%,rgba(37,99,235,.07),transparent 35%)!important;
  }
  #adminModal .admin-section{
    display:none!important;
    max-width:100%!important;
  }
  #adminModal .admin-section.active{display:block!important;}
  #adminModal .admin-section-head{
    align-items:flex-start!important;
    margin-bottom:16px!important;
    padding-bottom:14px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  #adminModal .admin-section-head h1{
    font-size:28px!important;
    letter-spacing:-.6px!important;
  }
  #adminModal .admin-section-head p{
    max-width:780px!important;
    font-size:13px!important;
  }
  #adminModal .admin-dashboard-grid,
  #adminModal .visitor-live-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
    margin-bottom:14px!important;
  }
  #adminModal .admin-stat-card,
  #adminModal .visitor-live-card,
  #adminModal .visitor-list-box,
  #adminModal .admin-card,
  #adminModal .admin-toolbox,
  #adminModal .admin-quick-panel,
  #adminModal .discount-admin-box,
  #adminModal .discord-admin-card{
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
    box-shadow:0 14px 36px rgba(0,0,0,.14)!important;
  }
  #adminModal .visitor-panel-grid,
  #adminModal .discord-admin-layout{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:14px!important;
  }
  #adminModal .visitor-list-box{padding:16px!important;}
  #adminModal .visitor-list-box h3{margin:0 0 12px!important;font-size:17px!important;}
  #adminModal .form-grid{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:12px!important;
  }
  #adminModal .field input,
  #adminModal .field select,
  #adminModal .field textarea,
  #adminModal .admin-filters input,
  #adminModal .admin-filters select,
  #adminModal .combo-admin-search{
    min-height:42px!important;
    border-radius:13px!important;
  }
  #adminModal .admin-grid,
  #adminModal #adminProductsList,
  #adminModal #adminCarouselList,
  #adminModal #adminTabsList{
    display:grid!important;
    gap:14px!important;
  }
  #adminModal .combo-admin-grid{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
    gap:12px!important;
  }
  #adminModal .admin-nav-item{
    width:100%!important;
    min-height:42px!important;
  }
  #adminModal .admin-nav-badge{
    margin-left:auto!important;
  }
  #adminModal .visitor-status-pill{
    border-radius:999px!important;
    padding:9px 12px!important;
    font-size:12px!important;
    font-weight:1000!important;
    border:1px solid rgba(34,197,94,.22)!important;
    background:rgba(34,197,94,.10)!important;
    color:#bbf7d0!important;
  }
  #adminModal .visitor-status-pill.bad{border-color:rgba(239,68,68,.24)!important;background:rgba(239,68,68,.10)!important;color:#fecaca!important;}
  #adminModal .visitor-status-pill.off{border-color:rgba(148,163,184,.22)!important;background:rgba(148,163,184,.08)!important;color:#cbd5e1!important;}

  @media(max-width:1100px){
    #adminModal .admin-panel.admin-studio-integrated{
      grid-template-columns:1fr!important;
      grid-template-rows:auto auto minmax(0,1fr)!important;
      grid-template-areas:"head" "side" "main"!important;
      max-height:none!important;
      min-height:96vh!important;
    }
    #adminModal .admin-sidebar{
      height:auto!important;
      overflow-x:auto!important;
      overflow-y:hidden!important;
      display:flex!important;
      flex-direction:row!important;
      gap:10px!important;
      border-right:0!important;
      border-bottom:1px solid rgba(255,255,255,.10)!important;
    }
    #adminModal .admin-sidebar-section{display:flex!important;gap:8px!important;margin:0!important;}
    #adminModal .admin-sidebar-label,
    #adminModal .admin-sidebar-footer{display:none!important;}
    #adminModal .admin-nav-item{width:auto!important;min-width:max-content!important;}
    #adminModal .admin-dashboard-grid,
    #adminModal .visitor-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
    #adminModal .visitor-panel-grid,
    #adminModal .discord-admin-layout{grid-template-columns:1fr!important;}
  }
  @media(max-width:640px){
    #adminModal{padding:6px!important;}
    #adminModal .admin-panel.admin-studio-integrated{border-radius:18px!important;}
    #adminModal .admin-head{padding:12px!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
    #adminModal .admin-head-left{min-width:0!important;align-items:flex-start!important;}
    #adminModal .admin-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;}
    #adminModal .admin-status-pill{grid-column:1/-1!important;justify-content:center!important;}
    #adminModal .admin-action{width:100%!important;font-size:12px!important;}
    #adminModal .admin-content{padding:14px!important;}
    #adminModal .admin-section-head h1{font-size:24px!important;}
    #adminModal .admin-dashboard-grid,
    #adminModal .visitor-live-grid{grid-template-columns:1fr!important;}
    #adminModal .form-grid{grid-template-columns:1fr!important;}
    #adminModal .col-1,#adminModal .col-2,#adminModal .col-3,#adminModal .col-4,#adminModal .col-5,#adminModal .col-6,#adminModal .col-8,#adminModal .col-12{grid-column:1/-1!important;}
    #adminModal .admin-filters{grid-template-columns:1fr!important;}
    #adminModal .combo-admin-item{grid-template-columns:52px minmax(0,1fr)!important;}
    #adminModal .combo-admin-item .combo-switch{grid-column:1/-1!important;width:100%!important;}
  }