/* MARKA · generado por tools/scope_css.py a partir del prototipo. No editar a mano: edita wp-extra.css */
.mk{--ink:#0A1F44; --ink-2:#0F2B5B; --ink-3:#16386F;
  --paper:#F4F8FC; --card:#FFFFFF; --muted:#56657F; --line:#DCE6F2; --line-2:#EAF1F8;
  --c:#0060A5; --m:#FE217D; --m-dark:#E0106B; --y:#FF6543; --ok:#1C8C5E; --wa:#1FAF5A;
  --soft-m:#FFE8F2; --soft-c:#E6F0F9; --soft-y:#FFEDE9; --soft-ok:#E4F4EC;
  --r:16px; --r-lg:24px;
  --shadow-s:0 1px 2px rgba(10,31,68,.06),0 2px 8px rgba(10,31,68,.05);
  --shadow:0 2px 4px rgba(10,31,68,.05),0 12px 32px rgba(10,31,68,.10);
  --shadow-l:0 24px 64px rgba(10,31,68,.22);
  --ease:cubic-bezier(.22,1,.36,1);
  --font-d:"Bricolage Grotesque",system-ui,sans-serif;
  --font:"DM Sans",system-ui,sans-serif;}
.mk *{box-sizing:border-box;margin:0;padding:0}
.mk{scroll-behavior:smooth}
.mk{background:var(--paper);color:var(--ink);font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.mk-lock{overflow:hidden}
.mk img{display:block;max-width:100%}
.mk a{color:inherit;text-decoration:none}
.mk button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
.mk input,.mk select{font:inherit;color:inherit}
.mk .wrap{max-width:1320px;margin:0 auto;padding:0 20px}
.mk h1,.mk h2,.mk h3,.mk h4,.mk .display{font-family:var(--font-d);letter-spacing:-.025em;line-height:1.05}
.mk h2{font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800}
.mk .lucide,.mk [data-lucide]{width:20px;height:20px;stroke-width:1.8;flex:none}
.mk .sec{padding:72px 0}
.mk .sec-sm{padding:44px 0}
.mk .sec-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px;flex-wrap:wrap}
.mk .sec-head p{color:var(--muted);max-width:56ch;margin-top:8px}
.mk .kicker{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--m);margin-bottom:10px}
.mk .link{font-weight:700;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.mk .link [data-lucide],.mk .link svg{transition:transform .25s var(--ease)}
.mk .link:hover svg{transform:translateX(4px)}
.mk .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:12px;padding:14px 22px;transition:transform .15s var(--ease),background .2s,box-shadow .2s,color .2s;white-space:nowrap}
.mk .btn:active{transform:scale(.97)}
.mk .btn-m{background:var(--m);color:#fff;box-shadow:0 6px 18px rgba(254,33,125,.28)}
.mk .btn-m:hover{background:var(--m-dark);box-shadow:0 10px 24px rgba(254,33,125,.35)}
.mk .btn-ink{background:var(--ink);color:#fff}
.mk .btn-ink:hover{background:var(--ink-3)}
.mk .btn-ghost{border:1.5px solid var(--ink)}
.mk .btn-ghost:hover{background:var(--ink);color:#fff}
.mk .btn-light{background:#fff;color:var(--ink)}
.mk .btn-light:hover{background:var(--soft-y)}
.mk .btn-wa{background:var(--wa);color:#fff}
.mk .btn-wa:hover{filter:brightness(.95)}
.mk .btn-sm{padding:9px 14px;font-size:.88rem;border-radius:10px}
.mk .cmyk{display:inline-flex;gap:3px}
.mk .cmyk i{width:10px;height:10px;border-radius:50%;display:block}
.mk .cmyk i:nth-child(1){background:var(--c)}
.mk .cmyk i:nth-child(2){background:var(--m)}
.mk .cmyk i:nth-child(3){background:var(--y)}
.mk .cmyk i:nth-child(4){background:var(--ink)}
.mk .pill{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--card);white-space:nowrap}
.mk .pill.x{background:var(--y);color:var(--ink)}
.mk .pill.e{background:var(--soft-ok);color:var(--ok)}
.mk .pill.n{background:var(--c);color:#fff}
.mk .pill.s{background:var(--m);color:#fff}
.mk .stars{color:#F2A900;letter-spacing:1px;font-size:.85rem}
.mk .rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.mk .rv.in{opacity:1;transform:none}
.mk .rv-d1{transition-delay:.08s}
.mk .rv-d2{transition-delay:.16s}
.mk .rv-d3{transition-delay:.24s}
.mk .topbar{background:var(--ink);color:#DCE6F2;font-size:.82rem;position:relative;z-index:61}
.mk .topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;height:38px}
.mk .ticker{position:relative;height:38px;flex:1;overflow:hidden}
.mk .ticker div{position:absolute;inset:0;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(100%);transition:all .5s var(--ease);white-space:nowrap}
.mk .ticker div.on{opacity:1;transform:none}
.mk .ticker div.out{opacity:0;transform:translateY(-100%)}
.mk .ticker b{color:var(--y)}
.mk .coupon{border:1px dashed var(--y);color:var(--y);border-radius:6px;padding:1px 8px;font-weight:700;font-size:.78rem;letter-spacing:.06em}
.mk .coupon:hover{background:var(--y);color:var(--ink)}
.mk .topbar .aux{display:flex;gap:18px;white-space:nowrap;align-items:center}
.mk .topbar .aux a{display:inline-flex;gap:6px;align-items:center;opacity:.85}
.mk .topbar .aux a:hover{opacity:1}
.mk .topbar .aux [data-lucide],.mk .topbar .aux svg{width:15px;height:15px}
.mk header.main{background:var(--card);position:sticky;top:0;z-index:60;transition:box-shadow .3s}
.mk header.main.scrolled{box-shadow:0 6px 24px rgba(10,31,68,.08)}
.mk .hrow{display:flex;align-items:center;gap:20px;padding:14px 0}
.mk .logo{display:flex;align-items:center;gap:10px;font-family:var(--font-d);font-weight:800;font-size:1.65rem;letter-spacing:-.04em}
.mk .search{flex:1;position:relative}
.mk .search-box{display:flex;align-items:center;gap:10px;background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:0 6px 0 14px;height:48px;transition:border-color .2s,box-shadow .2s}
.mk .search-box:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px rgba(10,31,68,.06);background:#fff}
.mk .search-box input{border:0;background:none;flex:1;outline:none;min-width:0}
.mk .search-box .go{background:var(--ink);color:#fff;border-radius:9px;width:38px;height:36px;display:grid;place-items:center}
.mk .search-box .go:hover{background:var(--m)}
.mk .suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-l);padding:14px;display:none;z-index:70}
.mk .search.open .suggest{display:block;animation:mk-pop .25s var(--ease)}
.mk .suggest h5{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:4px 6px 8px}
.mk .sg-tags{display:flex;gap:6px;flex-wrap:wrap;margin:0 4px 12px}
.mk .sg-tags button{font-size:.82rem;border:1px solid var(--line);border-radius:99px;padding:5px 11px;display:inline-flex;gap:5px;align-items:center}
.mk .sg-tags button:hover{border-color:var(--ink)}
.mk .sg-tags svg{width:14px;height:14px}
.mk .sg-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px}
.mk .sg-item:hover,.mk .sg-item.act{background:var(--paper)}
.mk .sg-item img{width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--paper)}
.mk .sg-item b{display:block;font-size:.92rem}
.mk .sg-item span{font-size:.8rem;color:var(--muted)}
.mk .sg-item .pr{margin-left:auto;font-weight:700;font-size:.9rem;white-space:nowrap}
.mk .sg-empty{padding:12px;color:var(--muted);font-size:.9rem}
.mk .seg{display:flex;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:3px;position:relative}
.mk .seg button{padding:8px 14px;border-radius:9px;font-size:.86rem;font-weight:700;color:var(--muted);white-space:nowrap;position:relative;z-index:1;transition:color .25s;display:inline-flex;gap:6px;align-items:center}
.mk .seg button svg{width:16px;height:16px}
.mk .seg button[aria-pressed="true"]{color:#fff}
.mk .seg .thumb{position:absolute;top:3px;bottom:3px;left:3px;border-radius:9px;background:var(--ink);transition:transform .35s var(--ease),width .35s var(--ease)}
.mk .hicons{display:flex;gap:2px}
.mk .hicons a,.mk .hicons button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.72rem;color:var(--muted);padding:6px 9px;border-radius:10px;position:relative;transition:background .2s,color .2s}
.mk .hicons a:hover,.mk .hicons button:hover{background:var(--paper);color:var(--ink)}
.mk .badge{position:absolute;top:1px;right:5px;background:var(--m);color:#fff;font-size:.65rem;font-weight:700;border-radius:99px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;border:2px solid #fff}
.mk .badge.bump{animation:mk-bump .5s var(--ease)}
@keyframes mk-bump{30%{transform:scale(1.45)}}
@keyframes mk-pop{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.mk nav.mnav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card);position:relative}
.mk nav.mnav>.wrap{display:flex;align-items:stretch;gap:4px}
.mk .allcats{display:flex;align-items:center;gap:8px;background:var(--m);color:#fff;font-weight:700;font-size:.88rem;padding:0 14px;margin:6px 8px 6px 0;border-radius:10px;white-space:nowrap}
.mk .allcats:hover{background:var(--m-dark)}
.mk .mnav ul.top{display:flex;list-style:none;overflow-x:auto;scrollbar-width:none;flex:1}
.mk .mnav ul.top::-webkit-scrollbar{display:none}
.mk .mnav .top>li>a{display:flex;align-items:center;gap:6px;padding:15px 9px;font-size:.86rem;font-weight:500;white-space:nowrap;position:relative}
.mk .mnav .top>li>a svg{width:17px;height:17px;color:var(--muted);transition:color .2s}
.mk .mnav .top>li>a::after{content:"";position:absolute;left:11px;right:11px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--m);transform:scaleX(0);transition:transform .3s var(--ease)}
.mk .mnav .top>li.open>a::after,.mk .mnav .top>li>a:hover::after{transform:scaleX(1)}
.mk .mnav .top>li.open>a svg,.mk .mnav .top>li>a:hover svg{color:var(--m)}
.mk .mnav .top>li>a.hot{color:var(--m);font-weight:700}
.mk .mnav .top>li>a.hot svg{color:var(--m)}
.mk .mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);box-shadow:0 30px 60px rgba(10,31,68,.14);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s;z-index:65}
.mk .mnav li.open .mega{opacity:1;visibility:visible;transform:none}
.mk .mega .wrap{display:grid;grid-template-columns:repeat(4,1fr) 300px;gap:32px;padding-top:28px;padding-bottom:32px}
.mk .mcol h4{font-family:var(--font);letter-spacing:0;font-size:.95rem;display:flex;align-items:center;gap:8px;margin-bottom:12px}
.mk .mcol h4 .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--soft-m);color:var(--m)}
.mk .mcol h4 .ic svg{width:16px;height:16px}
.mk .mcol ul{list-style:none;display:grid;gap:2px}
.mk .mcol li a{display:flex;align-items:center;gap:8px;padding:6px 8px;margin-left:-8px;border-radius:8px;font-size:.9rem;color:#1E2F52;transition:background .15s,color .15s,padding .2s var(--ease)}
.mk .mcol li a:hover{background:var(--paper);color:var(--m);padding-left:12px}
.mk .mcol li a .pill{font-size:.62rem;padding:1px 6px}
.mk .mcol .sep{margin-top:18px}
.mk .mfeat{border-radius:18px;overflow:hidden;background:var(--paper);display:flex;flex-direction:column}
.mk .mfeat .im{aspect-ratio:4/3;overflow:hidden}
.mk .mfeat img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.mk .mfeat:hover img{transform:scale(1.06)}
.mk .mfeat div.tx{padding:14px 16px 16px}
.mk .mfeat b{display:block;font-size:1rem}
.mk .mfeat span{font-size:.85rem;color:var(--muted)}
.mk .mbar{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line-2);padding-top:16px}
.mk .mbar a{display:inline-flex;gap:6px;align-items:center;font-size:.82rem;font-weight:700;background:var(--paper);border-radius:99px;padding:7px 12px}
.mk .mbar a:hover{background:var(--ink);color:#fff}
.mk .mbar svg{width:15px;height:15px}
.mk .vmenu{position:absolute;left:20px;top:100%;width:300px;background:#fff;border-radius:0 0 16px 16px;box-shadow:var(--shadow-l);z-index:66;padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .25s var(--ease)}
.mk .vmenu.open{opacity:1;visibility:visible;transform:none}
.mk .vmenu a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-size:.93rem;font-weight:500}
.mk .vmenu a .ic{width:34px;height:34px;border-radius:10px;background:var(--paper);display:grid;place-items:center;color:var(--ink);transition:background .2s,color .2s}
.mk .vmenu a .ic svg{width:18px;height:18px}
.mk .vmenu a:hover{background:var(--paper);color:var(--m)}
.mk .vmenu a:hover .ic{background:var(--m);color:#fff}
.mk .vmenu a .chev{margin-left:auto;width:16px;height:16px;color:var(--muted)}
.mk .scrim{position:fixed;inset:0;background:rgba(10,31,68,.35);opacity:0;visibility:hidden;transition:all .3s;z-index:55}
.mk .scrim.on{opacity:1;visibility:visible}
.mk .hero{padding:24px 0 8px}
.mk .hero .grid{display:grid;grid-template-columns:1fr 380px;gap:20px}
.mk .slider{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:520px;background:var(--ink);isolation:isolate}
.mk .slide{position:absolute;inset:0;display:grid;grid-template-columns:1.15fr .85fr;opacity:0;visibility:hidden;transition:opacity .8s var(--ease),visibility .8s}
.mk .slide.on{opacity:1;visibility:visible}
.mk .slide.on{z-index:1}
.mk .slide:not(.on) .tx>*{transition-duration:.25s;transition-delay:0s!important}
.mk .slide .tx{padding:44px 12px 80px 44px;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;z-index:2}
.mk .slide .tx>*{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.mk .slide.on .tx>*{opacity:1;transform:none}
.mk .slide.on .tx>*:nth-child(2){transition-delay:.1s}
.mk .slide.on .tx>*:nth-child(3){transition-delay:.2s}
.mk .slide.on .tx>*:nth-child(4){transition-delay:.3s}
.mk .slide.on .tx>*:nth-child(5){transition-delay:.4s}
.mk .slide h1,.mk .slide h2{font-size:clamp(1.9rem,2.9vw,3.1rem);font-weight:800;margin:14px 0;text-wrap:balance}
.mk .slide p{font-size:1.08rem;opacity:.88;max-width:40ch}
.mk .slide .ctas{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.mk .slide .price-tag{display:inline-flex;align-items:baseline;gap:8px;margin-top:18px;font-size:.9rem}
.mk .slide .price-tag b{font-family:var(--font-d);font-size:1.9rem;color:var(--y)}
.mk .slide .eyebrow{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);border-radius:99px;padding:6px 14px;font-size:.8rem;font-weight:700}
.mk .slide .ph{position:relative;overflow:hidden}
.mk .slide .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform 7s linear}
.mk .slide.on .ph img{transform:scale(1)}
.mk .slide .ph::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--sbg) 0%,transparent 35%)}
.mk .slide .float{position:absolute;z-index:2;background:#fff;color:var(--ink);border-radius:14px;padding:10px 14px;box-shadow:var(--shadow);font-size:.8rem;display:flex;gap:10px;align-items:center;animation:mk-floaty 5s ease-in-out infinite}
.mk .slide .float b{display:block;font-size:.95rem}
.mk .slide .float .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--soft-ok);color:var(--ok)}
@keyframes mk-floaty{50%{transform:translateY(-8px)}}
.mk .s-nav{position:absolute;left:44px;bottom:28px;z-index:5;display:flex;gap:10px;align-items:center}
.mk .s-dots{display:flex;gap:8px}
.mk .s-dots button{width:34px;height:4px;border-radius:4px;background:rgba(255,255,255,.3);overflow:hidden;position:relative}
.mk .s-dots button i{position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.mk .s-dots button.on i{animation:mk-prog var(--dur,6s) linear forwards}
.mk .slider.paused .s-dots button.on i{animation-play-state:paused}
@keyframes mk-prog{to{transform:scaleX(1)}}
.mk .s-arrows{position:absolute;right:20px;bottom:20px;z-index:5;display:flex;gap:8px}
.mk .s-arrows button{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--ink);display:grid;place-items:center;transition:transform .2s var(--ease),background .2s}
.mk .s-arrows button:hover{transform:scale(1.08);background:var(--y)}
.mk .calc{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:22px;display:flex;flex-direction:column}
.mk .calc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.mk .calc-head h2{font-size:1.3rem;display:flex;gap:8px;align-items:center}
.mk .live{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:var(--ok)}
.mk .live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok);animation:mk-pulse 2s infinite}
@keyframes mk-pulse{0%{box-shadow:0 0 0 0 rgba(28,140,94,.45)}70%{box-shadow:0 0 0 8px rgba(28,140,94,0)}100%{box-shadow:0 0 0 0 rgba(28,140,94,0)}}
.mk .field{margin-bottom:14px}
.mk .field label,.mk .flabel{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.mk .psel{display:flex;gap:10px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:6px 10px 6px 6px;background:var(--paper);position:relative}
.mk .psel img{width:42px;height:42px;border-radius:8px;object-fit:cover;background:#fff}
.mk .psel select{flex:1;border:0;background:transparent;font-weight:700;appearance:none;outline:none;cursor:pointer;min-width:0}
.mk .psel svg{width:16px;height:16px;pointer-events:none}
.mk .psel:focus-within{border-color:var(--ink)}
.mk .chips{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.mk .chip{border:1.5px solid var(--line);border-radius:11px;padding:8px 4px;text-align:center;font-weight:700;font-size:.92rem;background:var(--paper);transition:all .2s var(--ease);position:relative}
.mk .chip small{display:block;font-weight:500;font-size:.68rem;color:var(--muted)}
.mk .chip:hover{border-color:#b9b4a8}
.mk .chip[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:#fff}
.mk .chip[aria-pressed="true"] small{color:#A9B8D0}
.mk .chip .best{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:var(--y);color:var(--ink);font-size:.58rem;padding:1px 6px;border-radius:99px;white-space:nowrap}
.mk .speed{grid-template-columns:repeat(3,1fr)}
.mk .total{display:flex;justify-content:space-between;align-items:end;border-top:1px dashed var(--line);padding-top:14px;margin-top:auto;gap:10px}
.mk .total .unit{font-size:.85rem;color:var(--muted)}
.mk .total .unit b{color:var(--ink)}
.mk .total .big{font-family:var(--font-d);font-weight:800;font-size:2.2rem;line-height:1;font-variant-numeric:tabular-nums}
.mk .total .tax{font-size:.74rem;color:var(--muted);text-align:right}
.mk .save{display:inline-flex;gap:4px;align-items:center;margin-top:6px;font-size:.74rem;font-weight:700;color:var(--ok);background:var(--soft-ok);border-radius:6px;padding:2px 8px}
.mk .calc .actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}
.mk .calc .fine{font-size:.74rem;color:var(--muted);margin-top:10px;display:flex;gap:6px;align-items:center}
.mk .calc .fine svg{width:14px;height:14px}
.mk .eta{display:flex;gap:8px;align-items:center;font-size:.8rem;background:var(--soft-y);border-radius:10px;padding:8px 10px;margin-top:10px}
.mk .eta svg{width:16px;height:16px;color:#C23A1F}
.mk .perks{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px}
.mk .perk{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:.85rem;transition:transform .25s var(--ease),box-shadow .25s}
.mk .perk:hover{transform:translateY(-2px);box-shadow:var(--shadow-s)}
.mk .perk .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none}
.mk .perk b{display:block;font-size:.92rem}
.mk .perk span{color:var(--muted)}
.mk .rail-wrap{position:relative}
.mk .rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 10px;scroll-behavior:smooth}
.mk .rail::-webkit-scrollbar{display:none}
.mk .rail-btn{position:absolute;top:50%;transform:translateY(-70%);width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:var(--shadow);display:grid;place-items:center;z-index:3;transition:opacity .2s,transform .2s}
.mk .rail-btn:hover{transform:translateY(-70%) scale(1.08)}
.mk .rail-btn.prev{left:-14px}
.mk .rail-btn.next{right:-14px}
.mk .rail-btn[disabled]{opacity:0;pointer-events:none}
.mk .ccat{flex:0 0 132px;scroll-snap-align:start;text-align:center}
.mk .ccat .ci{width:132px;height:132px;border-radius:50%;overflow:hidden;background:var(--card);border:1px solid var(--line);position:relative;transition:transform .35s var(--ease),box-shadow .35s}
.mk .ccat .ci img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.mk .ccat:hover .ci{transform:translateY(-4px);box-shadow:var(--shadow)}
.mk .ccat:hover .ci img{transform:scale(1.1)}
.mk .ccat b{display:block;margin-top:10px;font-size:.9rem}
.mk .ccat span{font-size:.76rem;color:var(--muted)}
.mk .ccat .ci .pill{position:absolute;bottom:8px;left:50%;transform:translateX(-50%)}
.mk .flash{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:28px;position:relative;overflow:hidden}
.mk .flash::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(254,33,125,.4),transparent 65%);right:-120px;top:-180px}
.mk .flash .head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px;position:relative}
.mk .flash h2{display:flex;align-items:center;gap:10px}
.mk .flash h2 svg{width:30px;height:30px;color:var(--y);fill:var(--y)}
.mk .timer{display:flex;gap:6px;align-items:center;font-size:.85rem}
.mk .timer b{background:#fff;color:var(--ink);font-family:var(--font-d);font-size:1.25rem;border-radius:8px;padding:4px 8px;min-width:44px;text-align:center;font-variant-numeric:tabular-nums}
.mk .fgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative}
.mk .fcard{background:#fff;color:var(--ink);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px;transition:transform .3s var(--ease)}
.mk .fcard:hover{transform:translateY(-4px)}
.mk .fcard .im{aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--paper);position:relative}
.mk .fcard .im img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.mk .fcard:hover .im img{transform:scale(1.08)}
.mk .fcard .off{position:absolute;top:8px;left:8px;background:var(--m);color:#fff;font-weight:800;font-size:.8rem;border-radius:8px;padding:3px 8px}
.mk .fcard b{font-size:.9rem;line-height:1.3}
.mk .fcard .pr{display:flex;align-items:baseline;gap:6px}
.mk .fcard .pr strong{font-family:var(--font-d);font-size:1.25rem;color:var(--m)}
.mk .fcard .pr s{font-size:.8rem;color:var(--muted)}
.mk .stock{height:6px;border-radius:6px;background:var(--line-2);overflow:hidden}
.mk .stock i{display:block;height:100%;background:linear-gradient(90deg,var(--y),var(--m));border-radius:6px;width:0;transition:width 1.4s var(--ease)}
.mk .fcard small{font-size:.72rem;color:var(--muted)}
.mk .bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:190px;gap:14px}
.mk .bcat{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--ink);color:#fff;display:flex;align-items:flex-end;padding:22px;isolation:isolate}
.mk .bcat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .9s var(--ease)}
.mk .bcat::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 35%,rgba(10,31,68,.85));transition:opacity .4s}
.mk .bcat:hover img{transform:scale(1.07)}
.mk .bcat h3{font-size:1.4rem}
.mk .bcat p{font-size:.85rem;opacity:.85;margin-top:4px;max-height:0;overflow:hidden;transition:max-height .45s var(--ease),margin .45s}
.mk .bcat:hover p{max-height:60px}
.mk .bcat .from{margin-top:8px;font-size:.82rem;display:inline-flex;gap:8px;align-items:center}
.mk .bcat .from b{font-family:var(--font-d);font-size:1.05rem;color:var(--y)}
.mk .bcat .go{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;transform:scale(.6) rotate(-45deg);opacity:0;transition:all .4s var(--ease)}
.mk .bcat:hover .go{transform:none;opacity:1}
.mk .b-a{grid-column:span 5;grid-row:span 2}
.mk .b-b{grid-column:span 4}
.mk .b-c{grid-column:span 3}
.mk .b-d{grid-column:span 3}
.mk .b-e{grid-column:span 4}
.mk .b-f{grid-column:span 4}
.mk .b-g{grid-column:span 4}
.mk .b-h{grid-column:span 4}
.mk .tabs{display:flex;gap:6px;flex-wrap:wrap;position:relative}
.mk .tabs button{padding:9px 16px;border-radius:99px;border:1.5px solid var(--line);font-size:.86rem;font-weight:700;background:var(--card);display:inline-flex;gap:6px;align-items:center;transition:all .2s var(--ease)}
.mk .tabs button svg{width:15px;height:15px}
.mk .tabs button:hover{border-color:var(--ink)}
.mk .tabs button[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.mk .pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mk .pgrid.fade{animation:mk-fadeup .45s var(--ease)}
@keyframes mk-fadeup{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.mk .prod{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .3s var(--ease),transform .3s var(--ease),border-color .3s}
.mk .prod:hover{box-shadow:var(--shadow);transform:translateY(-4px);border-color:transparent}
.mk .pimg{aspect-ratio:1;position:relative;overflow:hidden;background:#F3F1EC}
.mk .pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s var(--ease),transform .8s var(--ease)}
.mk .pimg img.b{opacity:0}
.mk .prod:hover .pimg img.a{opacity:0;transform:scale(1.05)}
.mk .prod:hover .pimg img.b{opacity:1;transform:scale(1.05)}
.mk .prod:hover .pimg.single img.a{opacity:1;transform:scale(1.08)}
.mk .pimg .tags{position:absolute;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap;z-index:2}
.mk .pimg .fav{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;background:#fff;display:grid;place-items:center;z-index:2;box-shadow:var(--shadow-s);transition:transform .2s var(--ease)}
.mk .pimg .fav:hover{transform:scale(1.1)}
.mk .pimg .fav svg{width:17px;height:17px}
.mk .pimg .fav.on svg{fill:var(--m);color:var(--m)}
.mk .pimg .fav.on{animation:mk-bump .45s var(--ease)}
.mk .pimg .quick{position:absolute;left:12px;right:12px;bottom:12px;z-index:2;display:flex;gap:6px;transform:translateY(130%);transition:transform .4s var(--ease)}
.mk .prod:hover .pimg .quick{transform:none}
.mk .pimg .quick button{flex:1;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-radius:10px;padding:9px;font-size:.8rem;font-weight:700;display:inline-flex;gap:6px;align-items:center;justify-content:center}
.mk .pimg .quick button:hover{background:var(--ink);color:#fff}
.mk .pimg .quick svg{width:15px;height:15px}
.mk .pbody{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.mk .pbody .rate{display:flex;gap:6px;align-items:center;font-size:.76rem;color:var(--muted)}
.mk .pbody h3{font-size:1rem;font-weight:700;font-family:var(--font);letter-spacing:0;line-height:1.3}
.mk .pbody .spec{font-size:.8rem;color:var(--muted)}
.mk .tiers{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:.72rem;text-align:center;margin-top:4px}
.mk .tiers div{padding:5px 2px;border-left:1px solid var(--line)}
.mk .tiers div:first-child{border-left:0}
.mk .tiers span{display:block;color:var(--muted)}
.mk .tiers b{font-variant-numeric:tabular-nums}
.mk .tiers div.best{background:var(--soft-y)}
.mk .proof-line{font-size:.74rem;color:var(--m);font-weight:700;display:flex;gap:5px;align-items:center}
.mk .proof-line svg{width:14px;height:14px}
.mk .pfoot{display:flex;justify-content:space-between;align-items:end;margin-top:auto;padding-top:8px;gap:8px}
.mk .price b{font-family:var(--font-d);font-size:1.4rem;font-variant-numeric:tabular-nums}
.mk .price small{display:block;font-size:.72rem;color:var(--muted)}
.mk .addbtn{width:44px;height:44px;border-radius:12px;background:var(--ink);color:#fff;display:grid;place-items:center;transition:background .2s,transform .2s var(--ease)}
.mk .addbtn:hover{background:var(--m);transform:rotate(90deg)}
.mk .more{display:flex;justify-content:center;margin-top:28px}
.mk .parallax{position:relative;overflow:hidden;color:#fff;isolation:isolate}
.mk .parallax .bg{position:absolute;inset:-20% 0;z-index:-2;background-size:cover;background-position:center;will-change:transform}
.mk .parallax::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,31,68,.94) 0%,rgba(10,31,68,.78) 45%,rgba(10,31,68,.25) 100%)}
.mk .parallax .wrap{padding-top:96px;padding-bottom:96px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.mk .parallax h2{font-size:clamp(2rem,3.6vw,3rem)}
.mk .parallax p{opacity:.88;margin-top:14px;max-width:48ch;font-size:1.05rem}
.mk .parallax ul{list-style:none;display:grid;gap:10px;margin-top:22px}
.mk .parallax li{display:flex;gap:10px;align-items:center}
.mk .parallax li svg{color:var(--y)}
.mk .lead-card{background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:26px;box-shadow:var(--shadow-l)}
.mk .lead-card h3{font-size:1.35rem;margin-bottom:4px}
.mk .lead-card p{color:var(--muted);font-size:.9rem;margin:0 0 16px}
.mk .inp{width:100%;height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;background:var(--paper);outline:none;margin-bottom:10px;transition:border-color .2s}
.mk .inp:focus{border-color:var(--ink);background:#fff}
.mk .lead-card .fine{font-size:.74rem;color:var(--muted);margin-top:10px;display:flex;gap:6px;align-items:center}
.mk .lead-card .fine svg{width:14px;height:14px}
.mk .steps-mini{display:flex;gap:6px;margin-bottom:14px}
.mk .steps-mini i{flex:1;height:4px;border-radius:4px;background:var(--line)}
.mk .steps-mini i.on{background:var(--m)}
.mk .ind{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}
.mk .ind-tabs{display:flex;flex-direction:column;gap:6px;position:sticky;top:150px}
.mk .ind-tabs button{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;text-align:left;font-weight:700;border:1.5px solid transparent;transition:all .25s var(--ease)}
.mk .ind-tabs button .ic{width:38px;height:38px;border-radius:11px;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;transition:all .25s}
.mk .ind-tabs button:hover{background:var(--card)}
.mk .ind-tabs button[aria-selected="true"]{background:var(--card);border-color:var(--ink);box-shadow:var(--shadow-s)}
.mk .ind-tabs button[aria-selected="true"] .ic{background:var(--m);color:#fff;border-color:var(--m)}
.mk .ind-tabs button span{display:block;font-size:.76rem;font-weight:500;color:var(--muted)}
.mk .ind-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;animation:mk-fadeup .5s var(--ease)}
.mk .ind-hero{border-radius:var(--r-lg);overflow:hidden;position:relative;min-height:420px;color:#fff;display:flex;align-items:flex-end;padding:26px;isolation:isolate}
.mk .ind-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.mk .ind-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,rgba(10,31,68,.9))}
.mk .ind-hero h3{font-size:1.7rem}
.mk .ind-hero p{opacity:.88;font-size:.92rem;margin:8px 0 16px}
.mk .ind-list{display:grid;grid-template-columns:1fr;gap:12px;align-content:space-between}
.mk .mini{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;transition:all .25s var(--ease)}
.mk .mini:hover{border-color:var(--ink);transform:translateX(3px)}
.mk .mini img{width:72px;height:72px;border-radius:10px;object-fit:cover;background:var(--paper)}
.mk .mini b{font-size:.9rem;display:block;line-height:1.3}
.mk .mini span{font-size:.8rem;color:var(--muted)}
.mk .mini strong{display:block;font-size:.95rem;margin-top:2px}
.mk .budget{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mk .bud{border-radius:var(--r-lg);padding:24px;position:relative;overflow:hidden;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s var(--ease)}
.mk .bud:hover{transform:translateY(-6px) rotate(-.6deg)}
.mk .bud small{font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;opacity:.75}
.mk .bud h3{font-size:2.6rem;font-weight:800;margin:6px 0}
.mk .bud p{font-size:.88rem;opacity:.85}
.mk .bud .imgs{position:absolute;right:-20px;bottom:-20px;display:flex}
.mk .bud .imgs img{width:92px;height:92px;border-radius:50%;object-fit:cover;border:4px solid currentColor;margin-left:-26px;transition:transform .4s var(--ease)}
.mk .bud:hover .imgs img:nth-child(1){transform:translate(-10px,-6px)}
.mk .bud:hover .imgs img:nth-child(2){transform:translateY(-12px)}
.mk .bud .go{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.9rem;margin-top:14px}
.mk .season{background:var(--m);color:#fff;border-radius:var(--r-lg);display:grid;grid-template-columns:1fr 1.1fr;overflow:hidden;position:relative}
.mk .season .tx{padding:44px}
.mk .season h2{font-size:clamp(1.8rem,3.2vw,2.7rem)}
.mk .season p{opacity:.9;margin-top:10px;max-width:46ch}
.mk .countdown{display:flex;gap:10px;margin-top:22px}
.mk .countdown div{background:rgba(255,255,255,.15);border-radius:14px;padding:12px 14px;text-align:center;min-width:76px}
.mk .countdown b{font-family:var(--font-d);font-size:2rem;display:block;line-height:1;font-variant-numeric:tabular-nums}
.mk .countdown span{font-size:.72rem;opacity:.85}
.mk .season .kits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:24px 24px 24px 0;align-items:center}
.mk .kit{background:#fff;color:var(--ink);border-radius:18px;overflow:hidden;transition:transform .35s var(--ease)}
.mk .kit:nth-child(2){transform:translateY(-16px)}
.mk .kit:hover{transform:translateY(-22px)}
.mk .kit img{aspect-ratio:1;width:100%;object-fit:cover}
.mk .kit div{padding:12px}
.mk .kit b{display:block;font-size:.9rem}
.mk .kit span{font-size:.8rem;color:var(--muted)}
.mk .kit strong{display:block;color:var(--m);font-family:var(--font-d);font-size:1.15rem;margin-top:2px}
.mk .how{background:var(--ink);color:#fff}
.mk .how .sec-head p{color:#A9B8D0}
.mk .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.mk .steps::before{content:"";position:absolute;top:44px;left:6%;right:6%;height:2px;background:repeating-linear-gradient(90deg,#23457A 0 8px,transparent 8px 16px)}
.mk .steps .line{position:absolute;top:44px;left:6%;height:2px;background:linear-gradient(90deg,var(--c),var(--m),var(--y));width:0;transition:width 2s var(--ease)}
.mk .steps.in .line{width:88%}
.mk .step{position:relative;padding:0 8px}
.mk .step .num{width:88px;height:88px;border-radius:50%;background:var(--ink-2);border:2px solid #23457A;display:grid;place-items:center;margin-bottom:20px;position:relative;z-index:1;transition:all .5s var(--ease)}
.mk .step .num svg{width:32px;height:32px}
.mk .steps.in .step:nth-child(2) .num{border-color:var(--c);transition-delay:.2s}
.mk .steps.in .step:nth-child(3) .num{border-color:var(--m);transition-delay:.7s}
.mk .steps.in .step:nth-child(4) .num{border-color:var(--m);transition-delay:1.2s}
.mk .steps.in .step:nth-child(5) .num{border-color:var(--y);transition-delay:1.7s}
.mk .step h3{font-size:1.2rem;margin-bottom:8px}
.mk .step p{color:#A9B8D0;font-size:.92rem}
.mk .step small{display:inline-block;margin-top:10px;font-size:.75rem;font-weight:700;color:var(--y)}
.mk .b2b{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.mk .acc{margin-top:20px;border-top:1px solid var(--line)}
.mk .acc details{border-bottom:1px solid var(--line)}
.mk .acc summary{display:flex;gap:14px;align-items:center;padding:16px 0;cursor:pointer;list-style:none;font-weight:700}
.mk .acc summary::-webkit-details-marker{display:none}
.mk .acc summary .ic{width:40px;height:40px;border-radius:12px;background:var(--soft-c);color:var(--c);display:grid;place-items:center;flex:none;transition:all .3s}
.mk .acc details[open] summary .ic{background:var(--c);color:#fff}
.mk .acc summary .chev{margin-left:auto;transition:transform .3s var(--ease);color:var(--muted)}
.mk .acc details[open] summary .chev{transform:rotate(180deg)}
.mk .acc details p{color:var(--muted);padding:0 0 16px 54px;font-size:.93rem}
.mk .acc details[open] p{animation:mk-fadeup .35s var(--ease)}
.mk .quote{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow);position:relative}
.mk .quote .doc{border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--paper);font-size:.86rem}
.mk .quote .doc .row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);opacity:0;transform:translateX(-8px);transition:all .5s var(--ease)}
.mk .quote.in .doc .row{opacity:1;transform:none}
.mk .quote .doc .row:last-child{border:0;font-weight:700;font-size:1rem}
.mk .quote .doc .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.mk .quote .doc .hd b{font-family:var(--font-d);font-size:1.1rem}
.mk .stamp{font-size:.7rem;font-weight:700;color:var(--ok);border:1.5px solid var(--ok);border-radius:6px;padding:2px 8px;transform:rotate(-4deg)}
.mk .quote .dl{position:absolute;right:-14px;top:-14px;background:var(--y);color:var(--ink);font-weight:700;font-size:.8rem;border-radius:12px;padding:8px 12px;box-shadow:var(--shadow);display:flex;gap:6px;align-items:center;animation:mk-floaty 4s ease-in-out infinite}
.mk .quote .dl svg{width:16px;height:16px}
.mk .marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card);padding:22px 0;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mk .marquee .track{display:flex;align-items:center;gap:72px;width:max-content;animation:mk-marq 40s linear infinite}
.mk .marquee img{height:36px;width:auto;max-width:150px;object-fit:contain;filter:grayscale(1);opacity:.55;transition:filter .3s,opacity .3s,transform .3s var(--ease)}
.mk .marquee img.sq{height:50px}
.mk .marquee img:hover{filter:none;opacity:1;transform:scale(1.08)}
.mk .marquee:hover .track{animation-play-state:paused}
.mk .marquee span{font-family:var(--font-d);font-weight:800;font-size:1.35rem;color:#9A9DB0;white-space:nowrap;letter-spacing:-.02em;transition:color .2s}
.mk .marquee span:hover{color:var(--ink)}
@keyframes mk-marq{to{transform:translateX(-50%)}}
.mk .design{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--r-lg);overflow:hidden;background:var(--soft-c)}
.mk .design .ph{position:relative;min-height:380px;overflow:hidden}
.mk .design .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.mk .design:hover .ph img{transform:scale(1.05)}
.mk .design .tx{padding:44px}
.mk .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}
.mk .plan{background:#fff;border-radius:14px;padding:14px;border:1.5px solid transparent;transition:all .25s}
.mk .plan:hover{border-color:var(--c);transform:translateY(-3px)}
.mk .plan b{display:block;font-size:.9rem}
.mk .plan strong{font-family:var(--font-d);font-size:1.5rem;display:block;margin:4px 0}
.mk .plan span{font-size:.78rem;color:var(--muted)}
.mk .reviews{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start}
.mk .score{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.mk .score .big{font-family:var(--font-d);font-size:3.6rem;font-weight:800;line-height:1}
.mk .score .bars{display:grid;gap:6px;margin-top:16px;font-size:.8rem}
.mk .score .bars div{display:grid;grid-template-columns:24px 1fr 38px;gap:8px;align-items:center}
.mk .score .bars i{height:8px;border-radius:8px;background:var(--line-2);overflow:hidden;display:block}
.mk .score .bars i em{display:block;height:100%;background:#F2A900;width:0;transition:width 1.2s var(--ease)}
.mk .tslider{overflow:hidden}
.mk .reviews>div{min-width:0}
.mk .ttrack{display:flex;gap:16px;transition:transform .6s var(--ease)}
.mk .testi{flex:0 0 calc((100% - 32px)/3);background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column}
.mk .testi p{margin:12px 0 16px;flex:1}
.mk .testi .who{display:flex;gap:10px;align-items:center;font-size:.85rem}
.mk .testi .prodref{display:flex;gap:8px;align-items:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--line-2);font-size:.78rem;color:var(--muted)}
.mk .testi .prodref img{width:36px;height:36px;border-radius:8px;object-fit:cover}
.mk .avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff}
.mk .who span{color:var(--muted);display:block}
.mk .verified{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--ok);font-weight:700}
.mk .verified svg{width:13px;height:13px}
.mk .tctrl{display:flex;gap:8px;margin-top:16px}
.mk .tctrl button{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;background:#fff}
.mk .tctrl button:hover{border-color:var(--ink)}
.mk .refer{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--soft-y);border-radius:var(--r-lg);padding:28px 32px;flex-wrap:wrap}
.mk .refer .l{display:flex;gap:18px;align-items:center}
.mk .refer .gift{width:64px;height:64px;border-radius:18px;background:var(--y);display:grid;place-items:center;animation:mk-wiggle 3s ease-in-out infinite}
.mk .refer .gift svg{width:30px;height:30px}
@keyframes mk-wiggle{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(-10deg)}90%{transform:rotate(10deg)}95%{transform:rotate(-6deg)}}
.mk .refer h3{font-size:1.4rem}
.mk .refer p{color:var(--muted);font-size:.93rem}
.mk .faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px}
.mk .faq-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.mk .faq-tabs button{font-size:.82rem;font-weight:700;padding:7px 13px;border-radius:99px;border:1.5px solid var(--line);background:#fff}
.mk .faq-tabs button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.mk .faq details{border-bottom:1px solid var(--line)}
.mk .faq summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-size:1rem}
.mk .faq summary::-webkit-details-marker{display:none}
.mk .faq summary .pm{width:28px;height:28px;border-radius:50%;background:var(--paper);display:grid;place-items:center;flex:none;transition:all .3s var(--ease)}
.mk .faq details[open] summary .pm{transform:rotate(45deg);background:var(--m);color:#fff}
.mk .faq .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
.mk .faq details[open] .ans{grid-template-rows:1fr}
.mk .faq .ans>div{overflow:hidden}
.mk .faq .ans p{color:var(--muted);padding-bottom:18px;font-size:.95rem}
.mk .help-card{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:24px;margin-top:22px}
.mk .help-card p{color:#A9B8D0;font-size:.9rem;margin:6px 0 16px}
.mk .help-card .row{display:flex;gap:8px;flex-wrap:wrap}
.mk footer{background:var(--ink);color:#A9B8D0;padding:60px 0 28px;font-size:.9rem;margin-top:72px}
.mk .news-band{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:var(--ink-2);border-radius:var(--r-lg);padding:28px;margin-bottom:48px}
.mk .news-band h3{color:#fff;font-size:1.5rem}
.mk .news{display:flex;background:var(--ink);border-radius:12px;padding:5px;border:1px solid var(--ink-3)}
.mk .news input{flex:1;background:none;border:0;color:#fff;padding:0 12px;outline:none;min-width:0}
.mk .fcols{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.mk footer h4{color:#fff;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-family:var(--font)}
.mk footer ul{list-style:none;display:grid;gap:9px}
.mk footer a:hover{color:#fff}
.mk .social{display:flex;gap:8px;margin-top:18px}
.mk .social a{width:38px;height:38px;border-radius:10px;background:var(--ink-2);display:grid;place-items:center;transition:background .2s}
.mk .social a:hover{background:var(--m)}
.mk .social svg{width:18px;height:18px}
.mk .pays{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.mk .pays .pay{background:#fff;border-radius:8px;height:34px;padding:0 10px;display:grid;place-items:center;border:1px solid var(--line)}
.mk .pays .pay img{height:18px;width:auto;max-width:56px;object-fit:contain}
.mk .pays .pay.izi img{height:22px;max-width:70px}
.mk .pays-cart{justify-content:center;margin:4px 0 2px}
.mk .pays-cart .pay{height:28px;padding:0 8px}
.mk .pays-cart .pay img{height:14px}
.mk .pays-cart .pay.izi img{height:18px}
.mk .fbottom{border-top:1px solid var(--ink-2);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.8rem;align-items:center}
.mk .reclamos{display:inline-flex;align-items:center;gap:8px;border:1px solid #23457A;border-radius:10px;padding:8px 12px;color:#fff;font-weight:700}
.mk .wa{position:fixed;right:22px;bottom:22px;z-index:80;display:flex;align-items:center;gap:10px}
.mk .wa .bubble{background:#fff;border-radius:16px 16px 4px 16px;box-shadow:var(--shadow);padding:12px 14px;font-size:.84rem;max-width:230px;opacity:0;transform:translateY(8px) scale(.95);transition:all .4s var(--ease);pointer-events:none}
.mk .wa .bubble.on{opacity:1;transform:none;pointer-events:auto}
.mk .wa .bubble b{display:block}
.mk .wa .bubble button{position:absolute}
.mk .wa .btnwa{width:62px;height:62px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 10px 26px rgba(31,175,90,.45);position:relative;transition:transform .25s var(--ease)}
.mk .wa .btnwa:hover{transform:scale(1.08)}
.mk .wa .btnwa::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--wa);animation:mk-ring 2.4s infinite}
@keyframes mk-ring{from{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}
.mk .wa .btnwa svg{width:32px;height:32px;fill:#fff}
.mk .wa .dot{position:absolute;top:0;right:0;width:18px;height:18px;border-radius:50%;background:var(--m);color:#fff;font-size:.65rem;font-weight:700;display:grid;place-items:center;border:2px solid #fff}
.mk .totop{position:fixed;right:30px;bottom:100px;width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;z-index:79;opacity:0;transform:translateY(10px);transition:all .3s var(--ease);pointer-events:none}
.mk .totop.on{opacity:1;transform:none;pointer-events:auto}
.mk .sp-toast{position:fixed;left:22px;bottom:22px;z-index:78;background:#fff;border-radius:16px;box-shadow:var(--shadow-l);padding:10px 14px 10px 10px;display:flex;gap:12px;align-items:center;max-width:340px;transform:translateX(-120%);transition:transform .6s var(--ease)}
.mk .sp-toast.on{transform:none}
.mk .sp-toast img{width:52px;height:52px;border-radius:10px;object-fit:cover}
.mk .sp-toast p{font-size:.82rem;line-height:1.35}
.mk .sp-toast small{color:var(--muted);font-size:.72rem;display:flex;gap:4px;align-items:center}
.mk .sp-toast small svg{width:12px;height:12px;color:var(--ok)}
.mk .sp-toast .x{position:absolute;top:6px;right:8px;color:var(--muted)}
.mk .sp-toast .x svg{width:14px;height:14px}
.mk .toast{position:fixed;left:50%;top:24px;transform:translate(-50%,-20px);opacity:0;background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-size:.9rem;transition:all .3s var(--ease);z-index:120;pointer-events:none;display:flex;gap:8px;align-items:center}
.mk .toast.show{opacity:1;transform:translate(-50%,0)}
.mk .toast svg{width:18px;height:18px;color:var(--y)}
.mk .mbar-bottom{display:none}
.mk .drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100%;background:#fff;z-index:100;transform:translateX(100%);transition:transform .45s var(--ease);display:flex;flex-direction:column;box-shadow:var(--shadow-l)}
.mk .drawer.open{transform:none}
.mk .drawer .dh{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}
.mk .drawer .dh h3{font-size:1.3rem}
.mk .ship{padding:16px 22px;background:var(--paper);font-size:.85rem}
.mk .ship .bar{height:8px;border-radius:8px;background:var(--line);margin-top:8px;overflow:hidden}
.mk .ship .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--c),var(--ok));border-radius:8px;transition:width .6s var(--ease)}
.mk .ditems{flex:1;overflow:auto;padding:12px 22px}
.mk .ditem{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-2);align-items:center;animation:mk-fadeup .35s var(--ease)}
.mk .ditem img{width:64px;height:64px;border-radius:10px;object-fit:cover}
.mk .ditem b{font-size:.92rem;display:block}
.mk .ditem span{font-size:.8rem;color:var(--muted)}
.mk .ditem strong{margin-left:auto;white-space:nowrap}
.mk .dempty{text-align:center;color:var(--muted);padding:48px 10px}
.mk .dempty svg{width:48px;height:48px;margin:0 auto 12px;color:var(--line)}
.mk .upsell{padding:14px 22px;border-top:1px solid var(--line)}
.mk .upsell h5{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.mk .upsell .u{display:flex;gap:10px;align-items:center;font-size:.85rem}
.mk .upsell .u img{width:44px;height:44px;border-radius:8px;object-fit:cover}
.mk .upsell .u button{margin-left:auto}
.mk .dfoot{padding:18px 22px;border-top:1px solid var(--line);display:grid;gap:8px}
.mk .dfoot .tot{display:flex;justify-content:space-between;font-weight:700;font-size:1.1rem;margin-bottom:6px}
.mk .modal{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:all .3s}
.mk .modal.open{opacity:1;visibility:visible}
.mk .modal .bgm{position:absolute;inset:0;background:rgba(10,31,68,.55);backdrop-filter:blur(3px)}
.mk .modal .box{position:relative;background:#fff;border-radius:var(--r-lg);max-width:880px;width:100%;max-height:90vh;overflow:auto;transform:translateY(20px) scale(.97);transition:transform .4s var(--ease)}
.mk .modal.open .box{transform:none}
.mk .modal .close{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;background:var(--paper);display:grid;place-items:center;z-index:2}
.mk .modal .close:hover{background:var(--ink);color:#fff}
.mk .qv{display:grid;grid-template-columns:1fr 1fr}
.mk .qv .gal{background:#F3F1EC;position:relative}
.mk .qv .gal .main{aspect-ratio:1;overflow:hidden;cursor:zoom-in}
.mk .qv .gal .main img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.mk .qv .gal .th{display:flex;gap:8px;padding:12px}
.mk .qv .gal .th img{width:60px;height:60px;border-radius:10px;object-fit:cover;cursor:pointer;border:2px solid transparent}
.mk .qv .gal .th img.on{border-color:var(--ink)}
.mk .qv .info{padding:30px;display:flex;flex-direction:column;gap:12px}
.mk .qv .info h3{font-size:1.6rem}
.mk .qv table{width:100%;border-collapse:collapse;font-size:.88rem}
.mk .qv td,.mk .qv th{padding:8px;border-bottom:1px solid var(--line-2);text-align:left}
.mk .qv th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.mk .qv tr.sel td{background:var(--soft-y);font-weight:700}
.mk .exit .box{max-width:760px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.mk .exit .ph{position:relative;min-height:420px}
.mk .exit .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mk .exit .ph .off{position:absolute;left:20px;top:20px;background:var(--y);color:var(--ink);font-family:var(--font-d);font-weight:800;font-size:2.4rem;border-radius:18px;padding:10px 16px;transform:rotate(-6deg);line-height:1}
.mk .exit .ph .off small{display:block;font-size:.8rem;font-family:var(--font)}
.mk .exit .tx{padding:34px 30px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.mk .exit h3{font-size:1.8rem}
.mk .exit p{color:var(--muted);font-size:.93rem}
.mk .exit .no{font-size:.8rem;color:var(--muted);text-decoration:underline;margin-top:4px}
@media (max-width:1360px){.mk .mnav .allcats span{display:none}}
@media (max-width:1200px){.mk .hero .grid{grid-template-columns:1fr 340px}
.mk .fgrid{grid-template-columns:repeat(4,1fr)}
.mk .fgrid .fcard:nth-child(5){display:none}
.mk .mega .wrap{grid-template-columns:repeat(3,1fr) 260px}
.mk .mega .mcol:nth-child(4){display:none}}
@media (max-width:1024px){.mk .hero .grid{grid-template-columns:1fr}
.mk .perks{grid-template-columns:repeat(3,1fr)}
.mk .perks .perk:nth-child(n+4){display:none}
.mk .pgrid{grid-template-columns:repeat(3,1fr)}
.mk .bento{grid-template-columns:repeat(6,1fr)}
.mk .b-a{grid-column:span 6}
.mk .b-b,.mk .b-c,.mk .b-d,.mk .b-e,.mk .b-f,.mk .b-g,.mk .b-h{grid-column:span 3}
.mk .ind{grid-template-columns:1fr}
.mk .ind-tabs{position:static;flex-direction:row;overflow-x:auto}
.mk .ind-tabs button{flex:0 0 auto}
.mk .ind-tabs button span{display:none}
.mk .budget{grid-template-columns:repeat(2,1fr)}
.mk .season{grid-template-columns:1fr}
.mk .season .kits{padding:0 24px 30px}
.mk .steps{grid-template-columns:repeat(2,1fr);row-gap:32px}
.mk .steps::before,.mk .steps .line{display:none}
.mk .b2b,.mk .design,.mk .reviews,.mk .faq,.mk .parallax .wrap,.mk .news-band{grid-template-columns:1fr}
.mk .testi{flex:0 0 calc((100% - 16px)/2)}
.mk .fcols{grid-template-columns:repeat(3,1fr)}
.mk .fcols>div:first-child{grid-column:span 3}
.mk .mnav .allcats span{display:none}}
@media (max-width:760px){.mk .wrap{padding:0 16px}
.mk .topbar .aux{display:none}
.mk .hrow{flex-wrap:wrap;gap:10px;padding:10px 0}
.mk .search{order:5;flex-basis:100%}
.mk .hicons{margin-left:auto}
.mk .hicons .hide-m{display:none}
.mk .seg{order:6;flex-basis:100%}
.mk .seg button{flex:1;justify-content:center}
.mk header.main{position:relative}
.mk .mega,.mk .vmenu{display:none}
.mk .slider{min-height:640px}
.mk .slide{grid-template-columns:1fr;grid-template-rows:1fr 230px}
.mk .slide .tx{padding:28px 22px 12px;order:1}
.mk .slide .ph{order:2}
.mk .slide .ph::before{background:linear-gradient(180deg,var(--sbg) 0%,transparent 40%)}
.mk .slide .float{display:none}
.mk .s-nav{left:22px;bottom:auto;top:18px}
.mk .s-arrows{right:12px;bottom:12px}
.mk .s-arrows button{width:38px;height:38px}
.mk .chips{grid-template-columns:repeat(2,1fr)}
.mk .chips.speed{grid-template-columns:repeat(3,1fr)}
.mk .slide .ctas .btn:nth-child(2){display:none}
.mk .slide .ctas{margin-top:18px}
.mk .slide p{font-size:.95rem}
.mk .perks{grid-template-columns:1fr 1fr}
.mk .perks .perk:nth-child(n+4){display:flex}
.mk .perks .perk:nth-child(5){display:none}
.mk .perk{padding:12px;font-size:.78rem}
.mk .perk .ic{width:34px;height:34px}
.mk .ccat{flex-basis:96px}
.mk .ccat .ci{width:96px;height:96px}
.mk .rail-btn{display:none}
.mk .fgrid{grid-template-columns:repeat(4,72%);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.mk .fgrid .fcard{scroll-snap-align:start}
.mk .fgrid .fcard:nth-child(5){display:flex}
.mk .flash{padding:20px;border-radius:18px}
.mk .bento{grid-auto-rows:150px;gap:10px}
.mk .b-a{grid-column:span 6;grid-row:span 2}
.mk .b-b,.mk .b-c,.mk .b-d,.mk .b-e,.mk .b-f,.mk .b-g,.mk .b-h{grid-column:span 3}
.mk .bcat{padding:14px}
.mk .bcat h3{font-size:1.05rem}
.mk .bcat .from{font-size:.72rem}
.mk .pgrid{grid-template-columns:1fr 1fr;gap:10px}
.mk .pbody{padding:10px 12px 12px}
.mk .tiers,.mk .pbody .spec,.mk .proof-line{display:none}
.mk .pimg .quick{display:none}
.mk .price b{font-size:1.15rem}
.mk .addbtn{width:38px;height:38px}
.mk .ind-panel{grid-template-columns:1fr}
.mk .ind-hero{min-height:260px}
.mk .ind-list{grid-template-columns:1fr}
.mk .budget{grid-template-columns:1fr 1fr;gap:10px}
.mk .bud{min-height:180px;padding:18px}
.mk .bud h3{font-size:1.9rem}
.mk .bud .imgs img{width:64px;height:64px}
.mk .season .tx{padding:28px}
.mk .season .kits{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px 24px}
.mk .kit div{padding:8px}
.mk .kit b{font-size:.78rem}
.mk .kit span{display:none}
.mk .countdown div{min-width:64px;padding:10px}
.mk .steps{grid-template-columns:1fr}
.mk .plans{grid-template-columns:1fr}
.mk .design .tx{padding:28px}
.mk .design .ph{min-height:240px}
.mk .testi{flex:0 0 100%}
.mk .sec{padding:52px 0}
.mk .fcols{grid-template-columns:1fr 1fr}
.mk .fcols>div:first-child{grid-column:span 2}
.mk .qv,.mk .exit .box{grid-template-columns:1fr}
.mk .exit .ph{min-height:200px}
.mk .wa{bottom:84px;right:14px}
.mk .wa .btnwa{width:56px;height:56px}
.mk .wa .bubble{display:none}
.mk .totop{display:none}
.mk .sp-toast{bottom:84px;left:12px;right:84px;max-width:none}
.mk .mbar-bottom{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:85;background:#fff;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
.mk .mbar-bottom a,.mk .mbar-bottom button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.68rem;color:var(--muted);padding:4px;position:relative}
.mk .mbar-bottom .hl{color:var(--m);font-weight:700}
body.mk-body{padding-bottom:64px}
.mk .drawer{width:100%}}
@media (prefers-reduced-motion:reduce){.mk *,.mk *::before,.mk *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.mk .rv{opacity:1;transform:none}}
.mk #pdpRoot{padding-bottom:40px}
.mk .crumbs{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted);padding:18px 0 10px;flex-wrap:wrap}
.mk .crumbs a:hover{color:var(--m)}
.mk .crumbs svg{width:14px;height:14px}
.mk .crumbs span{color:var(--ink);font-weight:500}
.mk .proto{display:flex;align-items:center;gap:10px;background:var(--soft-y);border:1px dashed #E5C84A;border-radius:12px;padding:8px 12px;margin-bottom:16px;font-size:.82rem;font-weight:700;flex-wrap:wrap}
.mk .proto span{display:inline-flex;gap:6px;align-items:center}
.mk .proto svg{width:16px;height:16px}
.mk .proto select{border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:#fff;font-weight:500;max-width:100%}
.mk .pdp{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:start}
.mk .muted-s{font-size:.78rem;color:var(--muted)}
.mk .gallery{position:sticky;top:150px;display:grid;grid-template-columns:72px 1fr;gap:12px}
.mk .thumbs{display:flex;flex-direction:column;gap:8px}
.mk .thumbs button{border-radius:12px;overflow:hidden;border:2px solid transparent;aspect-ratio:1;background:#F3F1EC;transition:border-color .2s}
.mk .thumbs button.on{border-color:var(--ink)}
.mk .thumbs img{width:100%;height:100%;object-fit:cover}
.mk .stage{position:relative;aspect-ratio:1;border-radius:var(--r-lg);overflow:hidden;background:#F3F1EC;touch-action:none}
.mk .stage>#mainImg{width:100%;height:100%;object-fit:cover;animation:mk-fadeup .4s var(--ease)}
.mk .stage-tags{position:absolute;top:14px;left:14px;display:flex;gap:6px;flex-wrap:wrap}
.mk .fav-btn{position:absolute;top:12px;right:12px;width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:var(--shadow-s)}
.mk .fav-btn.on svg{fill:var(--m);color:var(--m)}
.mk .logo-ov{position:absolute;cursor:grab;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15));mix-blend-mode:multiply;user-select:none;-webkit-user-drag:none;outline:1.5px dashed transparent;outline-offset:4px;transition:outline-color .2s}
.mk .logo-ov:hover,.mk .logo-ov.drag{outline-color:var(--m);cursor:grabbing}
.mk .logo-tools{grid-column:2;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mk .logo-tools .upl{position:relative;overflow:hidden;cursor:pointer}
.mk .logo-tools .upl input{position:absolute;inset:0;opacity:0;cursor:pointer}
.mk .logo-tools .sz{display:flex;align-items:center;gap:6px;flex:1;min-width:140px}
.mk .logo-tools .sz input{flex:1;accent-color:var(--m)}
.mk .buy .kick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.mk .pill.cat{background:var(--soft-c);color:var(--c)}
.mk .pill svg{width:13px;height:13px}
.mk .buy h1{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;text-wrap:balance}
.mk .tagline{color:var(--muted);margin-top:8px;font-size:1.02rem;max-width:52ch}
.mk .rate-row{display:flex;gap:16px;align-items:center;margin-top:12px;font-size:.88rem;flex-wrap:wrap}
.mk .rate-row a:hover{text-decoration:underline}
.mk .proof{display:inline-flex;gap:5px;align-items:center;color:var(--m);font-weight:700}
.mk .proof svg{width:15px;height:15px}
.mk .pricebox{margin-top:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.mk .pr-main{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.mk .pr-main .big{font-family:var(--font-d);font-size:2.3rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.mk .pr-main .lbl{color:var(--muted);font-size:.85rem}
.mk .pr-main .tot{text-align:right;font-size:.9rem}
.mk .pr-main .tot b{font-family:var(--font-d);font-size:1.35rem;display:block;font-variant-numeric:tabular-nums}
.mk .pr-main .tot span{font-size:.76rem;color:var(--muted)}
.mk .pr-sub{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.mk .pr-sub:empty{display:none}
.mk .save{display:inline-flex;gap:4px;align-items:center;font-size:.76rem;font-weight:700;color:var(--ok);background:var(--soft-ok);border-radius:6px;padding:3px 8px}
.mk .save svg{width:14px;height:14px}
.mk .fixed{font-size:.76rem;color:var(--muted);background:var(--paper);border-radius:6px;padding:3px 8px}
.mk .nudge{margin-top:12px;width:100%;display:flex;gap:8px;align-items:center;background:var(--soft-y);border-radius:10px;padding:10px 12px;font-size:.86rem;text-align:left;transition:transform .2s var(--ease)}
.mk .nudge:hover{transform:translateX(3px)}
.mk .nudge svg{width:18px;height:18px;color:#C23A1F;flex:none}
.mk .cfg{margin-top:8px}
.mk .cfg fieldset{border:0;border-top:1px solid var(--line);padding:18px 0 4px;margin:0}
.mk .cfg legend{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.98rem;padding:0 0 12px;width:100%}
.mk .cfg legend .n{width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:.75rem;flex:none}
.mk .cfg legend .lnk{margin-left:auto;font-size:.8rem;color:var(--c);display:inline-flex;gap:4px;align-items:center;font-weight:700}
.mk .cfg legend .lnk svg{width:15px;height:15px}
.mk .hint{font-size:.8rem;color:var(--muted);margin-top:8px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mk .hint svg{width:14px;height:14px}
.mk .hint a{color:var(--m);font-weight:700}
.mk .hint.warn{color:var(--m)}
.mk .qchips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.mk .qchips button,.mk .ochips button,.mk .ocards button,.mk .speeds button,.mk .arttabs button,.mk .tpls button{border:1.5px solid var(--line);background:var(--card);border-radius:12px;transition:border-color .2s,background .2s,box-shadow .2s;text-align:center}
.mk .qchips button{padding:10px 4px}
.mk .qchips b{display:block;font-size:1rem}
.mk .qchips small{font-size:.72rem;color:var(--muted)}
.mk .qchips button:hover,.mk .ochips button:hover,.mk .ocards button:hover,.mk .speeds button:not([disabled]):hover{border-color:#B9B4A8}
.mk .qchips [aria-pressed="true"],.mk .ochips [aria-pressed="true"],.mk .ocards [aria-pressed="true"],.mk .speeds [aria-pressed="true"],.mk .arttabs [aria-pressed="true"],.mk .tpls [aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:var(--card)}
.mk .stepper{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}
.mk .stepper button{width:40px;height:40px;border-radius:10px;border:1.5px solid var(--line);display:grid;place-items:center;background:var(--card)}
.mk .stepper input{width:100px;height:40px;border:1.5px solid var(--line);border-radius:10px;text-align:center;font-weight:700;font-size:1rem;background:var(--card)}
.mk .ocards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.mk .ocards button{padding:12px;text-align:left;position:relative;display:flex;flex-direction:column;gap:2px}
.mk .ocards b{font-size:.9rem}
.mk .ocards span{font-size:.78rem;color:var(--muted)}
.mk .ocards small{font-size:.74rem;color:var(--ok);font-weight:700;margin-top:4px}
.mk .ocards em{position:absolute;top:-9px;right:10px;font-style:normal;font-size:.64rem;font-weight:700;background:var(--y);color:var(--ink);border-radius:99px;padding:2px 8px}
.mk .ochips{display:flex;flex-wrap:wrap;gap:8px}
.mk .ochips button{padding:9px 14px;font-size:.88rem;font-weight:500;display:flex;flex-direction:column;align-items:flex-start}
.mk .ochips small{font-size:.7rem;color:var(--muted)}
.mk .swatches{display:flex;gap:10px;flex-wrap:wrap}
.mk .swatches button{width:38px;height:38px;border-radius:50%;background:var(--sw);border:1px solid rgba(0,0,0,.15);box-shadow:0 0 0 3px #fff,0 0 0 4px transparent;transition:box-shadow .2s,transform .2s var(--ease)}
.mk .swatches button:hover{transform:scale(1.08)}
.mk .swatches [aria-pressed="true"]{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ink)}
.mk .omulti{display:grid;gap:8px}
.mk .omulti button{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;padding:11px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);text-align:left;font-size:.9rem}
.mk .omulti .ck,.mk .kitgrid .ck{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--line);display:grid;place-items:center;color:transparent;background:#fff}
.mk .omulti .ck svg,.mk .kitgrid .ck svg{width:14px;height:14px}
.mk .omulti [aria-pressed="true"]{border-color:var(--ink)}
.mk .omulti [aria-pressed="true"] .ck,.mk .kitgrid [aria-pressed="true"] .ck{background:var(--ink);border-color:var(--ink);color:#fff}
.mk .omulti small{font-size:.76rem;color:var(--ok);font-weight:700}
.mk .omulti button[disabled]{opacity:.75;cursor:default}
.mk .dims{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.mk .dims label{display:grid;gap:4px;font-size:.78rem;color:var(--muted);font-weight:700}
.mk .dims input{width:110px;height:44px;border:1.5px solid var(--line);border-radius:10px;padding:0 12px;font-size:1rem;font-weight:700;background:var(--card)}
.mk .dims>span{padding-bottom:12px;color:var(--muted)}
.mk .dims .m2{margin-left:auto;background:var(--soft-c);color:var(--c);border-radius:10px;padding:8px 12px;text-align:right}
.mk .dims .m2 b{display:block;font-family:var(--font-d);font-size:1.2rem}
.mk .dims .m2 span{font-size:.72rem}
.mk .sizes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.mk .sizes label{display:grid;gap:4px;text-align:center;background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:8px 6px}
.mk .sizes label:focus-within{border-color:var(--ink)}
.mk .sizes b{font-size:.9rem}
.mk .sizes input{width:100%;border:0;border-bottom:1.5px solid var(--line);text-align:center;font-size:1.05rem;font-weight:700;padding:4px 0;background:transparent;outline:none}
.mk .sizes small{font-size:.68rem;color:var(--muted)}
.mk .kitgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.mk .kitgrid button{position:relative;border:1.5px solid var(--line);border-radius:12px;background:var(--card);padding:6px 6px 10px;text-align:left;display:flex;flex-direction:column;gap:3px;transition:border-color .2s,opacity .2s}
.mk .kitgrid button:not([aria-pressed="true"]){opacity:.7}
.mk .kitgrid [aria-pressed="true"]{border-color:var(--ink);opacity:1}
.mk .kitgrid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:var(--paper)}
.mk .kitgrid .ck{position:absolute;top:10px;right:10px}
.mk .kitgrid b{font-size:.76rem;line-height:1.25}
.mk .kitgrid small{font-size:.74rem;color:var(--muted);font-weight:700}
.mk #namesIn{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px;font:inherit;background:var(--card);resize:vertical;outline:none}
.mk #namesIn:focus{border-color:var(--ink)}
.mk .speeds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mk .speeds button{padding:11px 10px;text-align:left;display:flex;flex-direction:column;gap:2px}
.mk .speeds b{font-size:.9rem}
.mk .speeds span{font-size:.78rem}
.mk .speeds small{font-size:.72rem;color:var(--muted)}
.mk .speeds button[disabled]{opacity:.5;cursor:not-allowed;background:var(--paper)}
.mk .arttabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mk .arttabs button{padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.82rem;font-weight:700}
.mk .artbody{margin-top:10px;background:var(--paper);border-radius:12px;padding:12px 14px;font-size:.86rem;display:grid;gap:8px}
.mk .okline{display:flex;gap:6px;align-items:center;color:var(--ok);font-weight:700;font-size:.8rem}
.mk .okline svg{width:16px;height:16px}
.mk .tpls{display:flex;gap:6px}
.mk .tpls button{padding:7px 12px;font-size:.82rem}
.mk .cta{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:22px}
.mk .cta .btn-m{padding:16px 20px;font-size:1rem}
.mk .cta2{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.mk .cta2 .btn{flex:1}
.mk .shipmini{margin-top:14px;font-size:.84rem;display:grid;gap:6px}
.mk .shipmini svg{width:16px;height:16px;vertical-align:-3px;margin-right:4px}
.mk .shipmini .bar{height:6px;border-radius:6px;background:var(--line-2);overflow:hidden}
.mk .shipmini .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--c),var(--ok));transition:width .5s var(--ease)}
.mk .trust{margin-top:18px;border-top:1px solid var(--line);padding-top:16px;display:grid;gap:12px}
.mk .trust .pays{margin:0}
.mk .trust ul{list-style:none;display:grid;gap:6px;font-size:.84rem;color:var(--muted)}
.mk .trust li{display:flex;gap:8px;align-items:center}
.mk .trust li svg{width:16px;height:16px;color:var(--ok)}
.mk .bstrip{background:var(--ink);color:#fff;margin-top:56px}
.mk .bstrip .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding-top:30px;padding-bottom:30px}
.mk .bstrip div>div{display:grid;gap:4px}
.mk .bstrip .ic{width:40px;height:40px;border-radius:12px;background:var(--ink-3);display:grid;place-items:center;color:var(--y);margin-bottom:6px}
.mk .bstrip b{font-size:1rem}
.mk .bstrip span:not(.ic){font-size:.85rem;color:#A9B8D0}
.mk .sec-pdp{margin-top:56px}
.mk .h2s{font-size:1.5rem;margin-bottom:14px}
.mk .two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:start}
.mk .ttable{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;overflow-x:auto}
.mk .ttable table{width:100%;border-collapse:collapse;font-size:.9rem;font-variant-numeric:tabular-nums}
.mk .ttable th{text-align:left;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 14px;background:var(--paper)}
.mk .ttable td{padding:12px 14px;border-top:1px solid var(--line-2)}
.mk .ttable tr[data-q]{cursor:pointer}
.mk .ttable tr[data-q]:hover td{background:var(--paper)}
.mk .ttable tr.cur td{background:var(--soft-y);font-weight:700}
.mk .bundle{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:grid;gap:10px}
.mk .bitem{display:flex;gap:12px;align-items:center;cursor:pointer;padding:6px;border-radius:10px}
.mk .bitem:hover{background:var(--paper)}
.mk .bitem input{width:18px;height:18px;accent-color:var(--ink)}
.mk .bitem img{width:56px;height:56px;border-radius:10px;object-fit:cover}
.mk .bitem b{display:block;font-size:.9rem}
.mk .bitem small{font-size:.8rem;color:var(--muted)}
.mk .bundle .btn{justify-self:start}
.mk .ptabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.mk .ptabs button{padding:12px 16px;font-weight:700;font-size:.92rem;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap}
.mk .ptabs [aria-selected="true"]{color:var(--ink);border-color:var(--m)}
.mk .ppanel{padding:22px 0;animation:mk-fadeup .35s var(--ease)}
.mk .ppanel .lead{font-size:1.1rem;max-width:62ch;margin-bottom:18px}
.mk .usos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.mk .usos div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:4px}
.mk .usos svg{color:var(--m)}
.mk .usos span{font-size:.86rem;color:var(--muted)}
.mk .spec{width:100%;max-width:720px;border-collapse:collapse;font-size:.92rem}
.mk .spec th{text-align:left;width:40%;color:var(--muted);font-weight:500;padding:11px 0;border-bottom:1px solid var(--line)}
.mk .spec td{padding:11px 0;border-bottom:1px solid var(--line)}
.mk .guide{display:grid;gap:10px;padding-left:20px;max-width:720px}
.mk .ppanel details{border-bottom:1px solid var(--line);max-width:780px}
.mk .ppanel summary{display:flex;justify-content:space-between;gap:12px;padding:14px 0;font-weight:700;cursor:pointer;list-style:none}
.mk .ppanel summary::-webkit-details-marker{display:none}
.mk .ppanel summary svg{transition:transform .3s var(--ease);flex:none}
.mk .ppanel details[open] summary svg{transform:rotate(45deg)}
.mk .ppanel details p{color:var(--muted);padding-bottom:14px}
.mk .revs{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}
.mk .rsum{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}
.mk .rsum .big{font-family:var(--font-d);font-size:3.2rem;font-weight:800;line-height:1}
.mk .rsum p{font-size:.85rem;color:var(--muted);margin-top:4px}
.mk .rbars{display:grid;gap:6px;margin-top:14px;font-size:.8rem}
.mk .rbars div{display:grid;grid-template-columns:24px 1fr 36px;gap:8px;align-items:center}
.mk .rbars i{height:8px;border-radius:8px;background:var(--line-2);display:block;overflow:hidden}
.mk .rbars em{display:block;height:100%;background:#F2A900}
.mk .rec{display:flex;gap:6px;align-items:center;margin-top:14px!important;color:var(--ink)!important}
.mk .rec svg{width:16px;height:16px;color:var(--ok)}
.mk .rfil{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.mk .rfil button{padding:7px 13px;border-radius:99px;border:1.5px solid var(--line);font-size:.82rem;font-weight:700;background:#fff}
.mk .rfil [aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.mk .rlist{display:grid;gap:12px}
.mk .rev{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.mk .rev .rh{display:flex;justify-content:space-between;align-items:center}
.mk .rev p{margin:10px 0 14px}
.mk .rev .who{display:flex;gap:10px;align-items:center;font-size:.84rem;flex-wrap:wrap}
.mk .rev .avatar{background:var(--c);width:36px;height:36px;font-size:.8rem}
.mk .rev .bought{margin-left:auto;font-size:.76rem;background:var(--paper);border-radius:6px;padding:3px 8px;color:var(--muted)}
.mk .rel{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.mk .rcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px;display:grid;gap:6px;transition:transform .3s var(--ease),box-shadow .3s}
.mk .rcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.mk .rcard .im{aspect-ratio:1;border-radius:12px;overflow:hidden;background:#F3F1EC}
.mk .rcard img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.mk .rcard:hover img{transform:scale(1.06)}
.mk .rcard b{font-size:.94rem}
.mk .rcard .pr{font-size:.8rem;color:var(--muted)}
.mk .rcard .pr strong{color:var(--ink);font-family:var(--font-d);font-size:1.05rem}
.mk .sticky-buy{position:fixed;left:50%;bottom:16px;transform:translate(-50%,140%);z-index:75;background:#fff;border-radius:18px;box-shadow:var(--shadow-l);padding:8px 8px 8px 10px;display:flex;align-items:center;gap:12px;width:min(640px,calc(100% - 32px));transition:transform .4s var(--ease)}
.mk .sticky-buy.on{transform:translate(-50%,0)}
.mk .sticky-buy img{width:44px;height:44px;border-radius:10px;object-fit:cover}
.mk .sticky-buy .t{flex:1;min-width:0}
.mk .sticky-buy .t b{display:block;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk .sticky-buy .t span{font-size:.8rem;color:var(--muted)}
.mk .sticky-buy .t strong{color:var(--ink)}
.mk .sticky-buy .iconb{width:42px;height:42px;border-radius:12px;background:var(--wa);color:#fff;display:grid;place-items:center}
body:has(.mk .sticky-buy.on) .mk .wa{bottom:92px}
@media (max-width:1024px){.mk .pdp{grid-template-columns:1fr;gap:24px}
.mk .gallery{position:static}
.mk .two-col,.mk .revs{grid-template-columns:1fr}
.mk .rel{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.mk .gallery{grid-template-columns:1fr}
.mk .thumbs{flex-direction:row;order:2;overflow-x:auto}
.mk .thumbs button{width:64px;flex:none}
.mk .stage{order:1;border-radius:18px}
.mk .logo-tools{grid-column:1;order:3}
.mk .qchips{grid-template-columns:repeat(2,1fr)}
.mk .kitgrid{grid-template-columns:repeat(2,1fr)}
.mk .sizes{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.mk .speeds{grid-template-columns:1fr}
.mk .arttabs button{font-size:.74rem}
.mk .cta{grid-template-columns:1fr}
.mk .pr-main .tot{text-align:left}
.mk .bstrip{margin-top:36px}
.mk .sec-pdp{margin-top:40px}
.mk .rev .bought{margin-left:0}
.mk .sticky-buy{bottom:10px}
.mk .sticky-buy .btn span{display:none}
body:has(.mk .sticky-buy.on) .mk .wa{bottom:84px}}
/* ==========================================================
   MARKA · Ajustes para WordPress + The7 (se agregan al final de marka.css)
   ========================================================== */

/* ---------- Marca Patas Digitales en toda la tienda ---------- */
.mk{--blue:#0060A5}
.mk .kicker{color:var(--blue)}
.mk .btn-ink{background:var(--blue)}.mk .btn-ink:hover{background:#0F2B5B}
.mk .mk-brand{display:flex;align-items:center;gap:10px;flex:none}
.mk .mk-brand img{height:44px;width:auto;display:block}
.mk .mk-brand span{font-family:var(--font);font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);border-left:2px solid var(--line);padding-left:10px;line-height:1}
@media (max-width:760px){.mk .mk-brand img{height:36px}}

/* ---------- Convivencia con The7 ---------- */
/* Sin el bubble de WhatsApp del sitio en la tienda y el flujo de compra (la tienda tiene sus propios botones de WhatsApp) */
body.mk-body #pdc-fab,body.mk-body #pdc-panel{display:none!important}
.mk{position:relative}
.mk [hidden]{display:none!important}
.mk-ov{position:static;background:none;overflow:visible}
.mk-body #main{padding-top:0!important;padding-bottom:0!important;background:#F4F8FC}
.mk-body #main>.wf-wrap{width:100%;max-width:100%;padding:0}
.mk-body .wf-container-main{display:block}
.mk-page{width:100vw;margin-left:calc(50% - 50vw);overflow-x:clip}
.mk-body .vc_row.vc_row-fluid:has(>.wpb_column .mk-sec){margin-bottom:0}
.mk-body .wpb_column>.vc_column-inner{padding-top:0}
.mk-body .wpb_content_element:has(>.mk),.mk-body .vc_column-inner>.wpb_wrapper>.mk-sec{margin-bottom:0}
.mk h1,.mk h2,.mk h3,.mk h4,.mk h5{color:inherit;text-transform:none;margin:0;font-family:var(--font-d);letter-spacing:-.025em}
.mk h5{font-family:var(--font)}
.mk p,.mk ul,.mk ol{margin:0}
.mk ul,.mk ol{padding:0}
.mk a{color:inherit;text-decoration:none}
.mk a:hover{color:inherit}
.mk button,.mk .btn{font-family:var(--font);text-transform:none;letter-spacing:0;line-height:1.3;min-height:0;box-shadow:none}
.mk .btn-m{box-shadow:0 6px 18px rgba(254,33,125,.28)}
.mk input,.mk select,.mk textarea{font-family:var(--font);box-shadow:none;margin:0}
.mk .lucide{display:inline-block}
.mk img{height:auto}
.mk .pimg img,.mk .slide .ph img,.mk .bcat img,.mk .ind-hero img,.mk .mfeat img,.mk .stage>img,.mk .qv .main img{height:100%}

/* The7 en páginas WooCommerce (tema oscuro: titulares y leyendas en blanco) */
.mk fieldset{border:0;margin:0;padding:0;min-width:0}
.mk .cfg legend{color:var(--ink);font:700 .98rem/1.3 var(--font);text-transform:none;letter-spacing:0;margin:0}
.mk table{margin:0}
.mk th,.mk td{color:inherit}

/* Clases genéricas que el sitio ya usa en su CSS inline */
.mk .slider{display:block;width:auto;height:auto;margin:0;transition:none;background:var(--ink);border-radius:var(--r-lg)}

/* Tipos de header de The7: la barra de la tienda no es sticky para no chocar con el header del sitio */
.mk header.main{position:relative;top:auto;z-index:62}
.mk .storebar{position:relative;z-index:62}
.mk .search .go{border:0}
.mk .hicons button{background:none}

/* Overlays por encima del header de The7 */
.mk-ov .scrim{z-index:61}
.mk-ov .scrim.over{z-index:100000}
.mk .storebar,.mk-sec.mk-bar{position:relative;z-index:9000}
.mk-ov .drawer{z-index:100001}
.mk-ov .modal{z-index:100002}
.mk-ov .toast{z-index:100003}
.mk-ov .totop{z-index:9990;bottom:100px;right:28px}
.mk-ov .sticky-buy{z-index:9991}
body.mk-lock{overflow:hidden}
dialog.mk-dialog{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:visible;color:var(--ink);font-family:var(--font)}
/* Textos de los modales con la paleta de la marca (el tema del sitio es oscuro y los pintaba en blanco) */
.mk .modal .box{color:var(--ink)}
.mk .modal .box h3,.mk .modal .box b,.mk .modal .box strong,.mk .modal .box td,.mk .modal .box th{color:var(--ink)}
.mk .modal .box p,.mk .modal .box small,.mk .modal .box .hint{color:var(--muted)}
.mk .modal .box a:not(.btn){color:var(--m)}
.mk .modal .box th{color:var(--muted);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
.mk .modal .box tr.sel td{background:var(--soft-m);color:var(--ink);font-weight:700}
.mk .modal .box tr[data-k]:hover td{background:var(--soft-c)}
.mk .modal .close{color:var(--ink);background:var(--soft-c)}
.mk .modal .close:hover{background:var(--blue);color:#fff}
.mk .modal-brand{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--line-2)}
.mk .modal-brand img{height:34px;width:auto}
.mk .modal-brand span{font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);border-left:2px solid var(--line);padding-left:10px}
.mk .qv .info .modal-brand{margin-bottom:6px}
dialog.mk-dialog::backdrop{background:transparent}
dialog.mk-dialog .modal{z-index:1}
.mk .modal .box{max-height:calc(100dvh - 40px)}
.mk .sizes-note{font-size:.85rem;color:var(--muted);margin-bottom:14px}
.mk .drawer .dlinks{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mk .drawer .dlinks .btn{width:100%}
.mk .drawer #dcheckout.disabled{opacity:.5}
.mk .favlist{padding:28px;display:grid;gap:10px}
.mk .favlist h3{font-size:1.4rem;margin-bottom:6px}

/* ---------- Mega menú: ítem y tarjeta promocional ---------- */
.mk .mcol li a.mhl{background:var(--soft-m);color:var(--m-dark);font-weight:700;padding:7px 10px;margin-left:-10px;border-radius:10px}
.mk .mcol li a.mhl svg{width:15px;height:15px}
.mk .mcol li a.mhl:hover{background:var(--m);color:#fff;padding-left:14px}
.mk .mfeat.promo{background:linear-gradient(160deg,#0A1F44,#16386F);color:#fff;box-shadow:0 16px 36px rgba(10,31,68,.28)}
.mk .mfeat.promo .im{position:relative}
.mk .mfeat.promo span{color:#C9D6EA}
.mk .mfeat-tag{position:absolute;top:12px;left:12px;background:var(--m);color:#fff!important;font-size:.72rem;font-weight:800;letter-spacing:.04em;border-radius:99px;padding:5px 11px}
.mk .mfeat-cta{display:flex;width:fit-content;align-items:center;gap:6px;margin-top:12px;font-style:normal;font-weight:800;font-size:.88rem;color:var(--y)}
.mk .mfeat-cta svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.mk .mfeat:hover .mfeat-cta svg{transform:translateX(4px)}

/* ---------- Tarjetas ---------- */
.mk .prod[hidden]{display:none}
.mk .pimg>a{position:absolute;inset:0;display:block}
.mk .pimg .quick a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(255,255,255,.95);backdrop-filter:blur(6px);border-radius:10px;padding:9px;font-size:.8rem;font-weight:700}
.mk .pimg .quick a:hover{background:var(--ink);color:#fff}
.mk .pimg .quick a svg{width:16px;height:16px}
.mk .price s.was,.mk s.was{display:block;font-size:.78rem;color:var(--muted);font-weight:500}
.mk .addbtn.busy,.mk [data-add].busy{opacity:.5;pointer-events:none}
.mk .pgrid-3{grid-template-columns:repeat(3,1fr)}
.mk .hero .grid.nocalc{grid-template-columns:1fr}
.mk .prodref{color:inherit}

/* ---------- Ficha ---------- */
.mk .upl{position:relative;overflow:hidden;cursor:pointer}
.mk .upl input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.mk .artbody .upl{margin:6px 0 10px}

/* Descripción larga en la ficha */
.mk .ppanel .pdesc{max-width:72ch;color:var(--muted);margin:10px 0 0;font-size:1rem;line-height:1.65}
.mk .ppanel .pdesc+.usos{margin-top:22px}

/* ---------- Catálogo / categorías ---------- */
.mk .cat-hero{padding:22px 0 10px}
.mk .cat-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:14px 0 18px;flex-wrap:wrap}
.mk .cat-head h1{font-size:clamp(2rem,4vw,3rem);font-weight:800}
.mk .cat-head p{color:var(--muted);max-width:62ch;margin-top:8px}
.mk .cat-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.mk .cat-chips a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:8px 14px;font-size:.86rem;font-weight:700;transition:all .2s}
.mk .cat-chips a svg{width:16px;height:16px}
.mk .cat-chips a:hover{border-color:var(--ink)}
.mk .cat-chips a.on{background:var(--ink);border-color:var(--ink);color:#fff}
.mk .cat-body{padding-top:16px}
.mk .cat-subs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 0 4px}
.mk .cat-subs a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border-radius:10px;padding:7px 12px;font-size:.84rem;font-weight:600;background:var(--soft-c);color:var(--ink);transition:all .2s}
.mk .cat-subs a small{font-size:.7rem;background:#fff;border-radius:99px;padding:1px 7px;color:var(--muted)}
.mk .cat-subs a:hover{background:var(--c);color:#fff}
.mk .cat-subs a.on{background:var(--blue);color:#fff}
.mk .cat-layout{display:grid;grid-template-columns:250px 1fr;gap:28px;align-items:start}
.mk .cat-side{position:sticky;top:120px;display:grid;gap:16px}
.mk .cat-side h4{display:flex;align-items:center;gap:8px;font-family:var(--font);font-size:.95rem;letter-spacing:0}
.mk .cat-side h4 svg{width:18px;height:18px;color:var(--m)}
.mk .cat-side ul{list-style:none;display:grid;gap:4px}
.mk .cat-side li a{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:.9rem}
.mk .cat-side li a svg{width:14px;height:14px}
.mk .cat-side li a:hover{border-color:var(--ink)}
.mk .cat-side li a.on{background:var(--soft-m);border-color:var(--m);color:var(--m);font-weight:700}
.mk .side-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;gap:6px;justify-items:start}
.mk .side-card>svg{width:26px;height:26px;color:var(--m)}
.mk .side-card.wa>svg{color:var(--wa)}
.mk .side-card p{font-size:.85rem;color:var(--muted);margin-bottom:6px}
.mk .cat-sort .woocommerce-ordering{margin:0}
.mk .cat-sort select{border:1.5px solid var(--line);border-radius:10px;padding:10px 36px 10px 12px;background:#fff;font-weight:700;font-size:.88rem;height:auto}
.mk .pager{display:flex;justify-content:center;gap:6px;margin-top:32px}
.mk .pager .page-numbers{min-width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#fff;border:1px solid var(--line);font-weight:700}
.mk .pager .page-numbers.current{background:var(--ink);color:#fff;border-color:var(--ink)}
.mk .empty-state{background:#fff;border:1px dashed var(--line);border-radius:var(--r-lg);padding:48px;text-align:center;display:grid;gap:10px;justify-items:center}
.mk .empty-state>svg{width:42px;height:42px;color:var(--muted)}
.mk .crumbs{display:flex;align-items:center;gap:6px;font-size:.84rem;color:var(--muted);flex-wrap:wrap}
.mk .crumbs svg{width:14px;height:14px}
.mk .crumbs a:hover{color:var(--m)}

/* ---------- Pasos de compra ---------- */
.mk-journey{padding:28px 0 8px}
.mk .jhead{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.mk .jhead h1{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800}
.mk .journey{list-style:none;display:flex;align-items:center;gap:6px;counter-reset:s}
.mk .journey li{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:700;color:var(--muted)}
.mk .journey li a{display:flex;align-items:center;gap:8px}
.mk .journey li:not(:last-child)::after{content:"";width:34px;height:2px;background:var(--line);border-radius:2px;margin-left:4px}
.mk .journey .n{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1.5px solid var(--line)}
.mk .journey .n svg{width:17px;height:17px}
.mk .journey li.cur{color:var(--ink)}
.mk .journey li.cur .n{background:var(--m);border-color:var(--m);color:#fff;box-shadow:0 6px 16px rgba(254,33,125,.3)}
.mk .journey li.done{color:var(--ok)}
.mk .journey li.done .n{background:var(--soft-ok);border-color:var(--ok);color:var(--ok)}
.mk .journey li.done::after{background:var(--ok)}

/* ---------- Carrito: espaciados ---------- */
.mk-wc table.shop_table.cart th{padding:14px 16px!important;font-size:.74rem!important}
.mk-wc table.shop_table.cart td{padding:20px 16px!important;vertical-align:middle}
.mk-wc table.shop_table.cart td.product-remove{position:static!important;width:52px;padding-right:0!important;text-align:center}
.mk-wc table.shop_table.cart td.product-remove a.remove{position:static!important;display:inline-grid!important;margin:0!important}
.mk-wc table.shop_table.cart td.product-thumbnail{width:108px;padding-left:4px!important}
.mk-wc table.shop_table.cart td.product-thumbnail img{width:88px!important;height:88px!important;border-radius:14px;object-fit:cover}
.mk-wc table.shop_table.cart td.product-name a{display:inline-block;margin-bottom:8px;font-size:1.05rem;line-height:1.3}
.mk-wc table.shop_table.cart dl.variation{display:grid!important;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;padding:10px 12px;background:var(--paper);border-radius:12px;max-width:420px}
.mk-wc table.shop_table.cart dl.variation dt,.mk-wc table.shop_table.cart dl.variation dd,.mk-wc table.shop_table.cart dl.variation dd p{margin:0!important;padding:0!important;float:none!important;line-height:1.4!important;font-size:.84rem}
.mk-wc table.shop_table.cart dl.variation dt{font-weight:700;color:var(--ink)}
.mk-wc table.shop_table.cart dl.variation dd{color:var(--muted)}
.mk-wc table.shop_table.cart td.product-price,.mk-wc table.shop_table.cart td.product-subtotal{white-space:nowrap;font-weight:700;color:var(--ink)}
.mk-wc table.shop_table.cart td.product-subtotal{text-align:right;padding-right:24px!important;font-size:1.05rem}
.mk-wc table.shop_table.cart th.product-subtotal{text-align:right;padding-right:24px!important}
.mk-wc table.shop_table.cart td.actions{padding:16px!important;background:var(--paper)}
.mk-wc .cart-collaterals{margin-top:24px}
@media (max-width:760px){
  .mk-wc table.shop_table.cart td{padding:10px 14px!important}
  .mk-wc table.shop_table.cart td.product-thumbnail img{width:72px!important;height:72px!important}
  .mk-wc table.shop_table.cart dl.variation{max-width:none}
  .mk-wc table.shop_table.cart td.product-subtotal{text-align:left}
}

/* ---------- Checkout: resumen, envío y medios de pago ---------- */
.mk-wc .woocommerce-checkout-review-order-table{border:0!important;background:none!important;margin:0}
.mk-wc .woocommerce-checkout-review-order-table tr{display:flex!important;flex-flow:row nowrap!important;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--line-2);background:none!important}
.mk-wc .woocommerce-checkout-review-order-table td,.mk-wc .woocommerce-checkout-review-order-table th{display:block!important;border:0!important;padding:0!important;background:none!important;width:auto!important;text-transform:none!important;letter-spacing:0!important}
.mk-wc .woocommerce-checkout-review-order-table .product-name{font-weight:800;font-size:.98rem;flex:1;color:var(--ink)}
.mk-wc .woocommerce-checkout-review-order-table .product-quantity{display:none}
.mk-wc .woocommerce-checkout-review-order-table .product-total{font-weight:800;white-space:nowrap;color:var(--ink)}
.mk-wc .woocommerce-checkout-review-order-table dl.variation{display:grid!important;font-size:.8rem;color:var(--muted);grid-template-columns:auto 1fr;gap:3px 10px;margin-top:8px;font-weight:500;background:var(--paper);border-radius:10px;padding:10px 12px}
.mk-wc .woocommerce-checkout-review-order-table tfoot th{font-size:.92rem!important;font-weight:500!important;color:var(--muted)!important}
.mk-wc .woocommerce-checkout-review-order-table tfoot td{font-weight:700;text-align:right}
.mk-wc .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals{flex-flow:column nowrap!important;align-items:stretch}
.mk-wc .woocommerce-checkout-review-order-table dl.variation dt,.mk-wc .woocommerce-checkout-review-order-table dl.variation dd{display:block!important;margin:0!important;float:none!important}
.mk-wc .woocommerce-checkout-review-order-table dl.variation dt{color:var(--ink);font-weight:700;text-align:left!important}
.mk-wc .woocommerce-checkout-review-order-table .product-name{min-width:0}
.mk-wc .woocommerce-checkout-review-order-table .product-total{flex:none}
@media (max-width:760px){.mk-wc .woocommerce-checkout-review-order-table tr.cart_item{flex-flow:column nowrap!important;gap:6px}.mk-wc .woocommerce-checkout-review-order-table tr.cart_item .product-total{align-self:flex-end;font-size:1.05rem}.mk-wc #order_review{padding:16px!important}.mk-wc .mk-pay-sub{padding-left:0;margin-top:0}.mk-wc #payment li.wc_payment_method>label{padding:14px 12px 14px 44px!important}}
.mk-wc .woocommerce-checkout-review-order-table tr.order-total{border-bottom:0;padding-top:18px;align-items:center}
.mk-wc .woocommerce-checkout-review-order-table tr.order-total th{font-size:1.1rem!important;font-weight:800!important;color:var(--ink)!important}
.mk-wc .woocommerce-checkout-review-order-table tr.order-total .amount{font-size:1.9rem;color:var(--m)}
.mk-wc .woocommerce-checkout-review-order-table tr.order-total small{display:block;font-size:.75rem;color:var(--muted);font-weight:500}
.mk-wc #shipping_method li,.mk-wc .woocommerce-shipping-methods li{position:relative;list-style:none;border:2px solid var(--line);border-radius:14px;margin:8px 0 0!important;padding:0!important;background:#fff;transition:border-color .2s,background .2s,transform .2s}
.mk-wc #shipping_method li input{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;margin:0!important;accent-color:var(--m)}
.mk-wc #shipping_method li label{display:block;text-align:left;padding:13px 14px 13px 42px;font-weight:700;cursor:pointer;margin:0!important;color:var(--ink)}
.mk-wc #shipping_method li:hover{border-color:var(--ink)}
.mk-wc #shipping_method li:has(input:checked){border-color:var(--m);background:var(--soft-m)}
.mk-wc #payment{background:none!important;border-radius:0!important}
.mk-wc #payment ul.payment_methods{border:0!important;padding:0!important;margin:18px 0 0!important;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.mk-wc #payment ul.payment_methods::before,.mk-wc #payment ul.payment_methods::after{display:none}
.mk-wc #payment li.wc_payment_method{position:relative;list-style:none;min-width:0;width:auto!important;max-width:100%;left:auto!important;background:#fff;border:2px solid var(--line);border-radius:16px;padding:0!important;margin:0!important;transition:border-color .2s,box-shadow .25s}
/* Sin transform en la tarjeta de pago: un transform convierte la tarjeta en el contenedor del popin de Izipay (position:fixed),
   que quedaba encerrado en la tarjeta y "vibraba" al entrar y salir del hover. */
.mk-wc #payment li.wc_payment_method:hover{border-color:var(--ink);box-shadow:var(--shadow-s)}
.mk-wc #payment li.wc_payment_method>input{position:absolute;left:16px;top:27px;width:20px;height:20px;margin:0!important;accent-color:var(--m);cursor:pointer}
.mk-wc #payment li.wc_payment_method>label{display:flex!important;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:16px 16px 16px 48px!important;margin:0!important;font-weight:800!important;font-size:1rem!important;color:var(--ink)!important;cursor:pointer;line-height:1.3;white-space:normal!important;width:auto!important}
.mk-wc #payment li.wc_payment_method>label img{order:2;margin-left:auto!important;max-height:26px!important;width:auto}
.mk-wc .mk-pay-ic{order:-1;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--soft-c);color:var(--c);transition:background .2s,color .2s}
.mk-wc .mk-pay-ic svg{width:20px;height:20px}
.mk-wc .mk-pay-sub{order:3;flex-basis:100%;padding-left:50px;margin-top:-6px;font-size:.8rem;font-weight:500;color:var(--muted)}
.mk-wc #payment li.wc_payment_method:has(>input:checked){border-color:var(--m);box-shadow:0 0 0 4px rgba(254,33,125,.12),var(--shadow-s)}
.mk-wc #payment li.wc_payment_method:has(>input:checked) .mk-pay-ic{background:var(--m);color:#fff}
.mk-wc #payment div.payment_box{margin:0 14px 14px!important;padding:12px 14px!important;background:var(--paper)!important;border-radius:12px!important;font-size:.86rem!important;color:var(--muted)!important}
.mk-wc #payment div.payment_box::before{display:none!important}
.mk-wc #payment div.payment_box p{margin:0}
.mk-wc #payment .place-order{padding:18px 0 0!important;background:none!important}
.mk-wc #payment .woocommerce-privacy-policy-text p{font-size:.8rem;color:var(--muted)}
.mk-wc #place_order{font-size:1.12rem!important;padding:18px 22px!important;border-radius:14px!important;margin-top:12px!important;letter-spacing:.01em}
.mk-wc #place_order:hover{transform:translateY(-2px)}
.mk-wc .woocommerce-billing-fields h3,.mk-wc #order_review_heading{display:flex;align-items:center;gap:10px}
.mk-wc .woocommerce-billing-fields h3::before{content:"1";width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:.9rem;font-family:var(--font)}
.mk-wc .woocommerce-additional-fields h3{font-size:1.05rem!important}
.mk-wc form .form-row.mk-comp select{font-weight:700}

/* ---------- Carrito, checkout y mi cuenta (WooCommerce clásico) ---------- */
/* The7 del sitio es oscuro: dentro de la tienda se usan sus variables en versión clara */
.mk{--the7-base-color:#56657F;--the7-title-color:#0A1F44;--the7-secondary-text-color:#56657F;--the7-h1-color:#0A1F44;--the7-h2-color:#0A1F44;--the7-h3-color:#0A1F44;--the7-h4-color:#0A1F44;--the7-h5-color:#0A1F44;--the7-h6-color:#0A1F44;--the7-content-boxes-bg:#FFFFFF;--the7-divider-color:#DCE6F2;--the7-input-bg-color:#FFFFFF;--the7-input-border-color:#DCE6F2;--the7-input-color:#0A1F44;--the7-links-color:#FE217D;--the7-accent-color:#FE217D;--the7-accent-bg-color:#FE217D;--the7-btn-bg-color:#0A1F44;--the7-btn-hover-bg-color:#16386F;--the7-page-title-color:#0A1F44;--the7-widget-sidebar-color:#56657F;--the7-widget-sidebar-header-color:#0A1F44}
.mk-body .checkout-page-title,.mk-body .page-title{display:none}
.mk-wc,.mk-wc .woocommerce,.mk-wc table,.mk-wc label,.mk-wc p{color:var(--ink)}
.mk-wc a:not(.button):not(.btn){color:var(--m)}
.mk-wc .woocommerce *:not(svg):not(i):not(.lucide){font-family:var(--font)!important;text-transform:none}
.mk-wc .woocommerce h2,.mk-wc .woocommerce h3,.mk-wc .woocommerce .order-total .amount,.mk-wc .woocommerce .order-total .amount *{font-family:var(--font-d)!important}
.mk-wc .woocommerce-cart-form,.mk-wc .cart-collaterals{background:none}
.mk-wc{padding:18px 0 72px}
.mk-wc .woocommerce{font-size:15px}
.mk-wc .woocommerce-notices-wrapper:empty{display:none}
.mk-wc .woocommerce-message,.mk-wc .woocommerce-info,.mk-wc .woocommerce-error{border-radius:14px;border:0;background:#fff;box-shadow:var(--shadow-s);padding:14px 18px;margin-bottom:18px;list-style:none;color:var(--ink)}
.mk-wc .woocommerce-error{background:var(--soft-m);color:#A10E4F}
.mk-wc table.shop_table{background:#fff;border:1px solid var(--line)!important;border-radius:var(--r);overflow:hidden;border-collapse:separate;border-spacing:0;width:100%}
.mk-wc table.shop_table th{font-family:var(--font);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--paper);padding:12px 14px}
.mk-wc table.shop_table td{padding:14px;border-top:1px solid var(--line-2);vertical-align:middle}
.mk-wc table.shop_table td.product-thumbnail img{width:72px;height:72px;object-fit:cover;border-radius:12px}
.mk-wc table.shop_table td.product-name a{font-weight:700;font-size:1rem}
.mk-wc .variation,.mk-wc dl.variation{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;font-size:.82rem;color:var(--muted);margin-top:6px}
.mk-wc dl.variation dt{font-weight:700;color:var(--ink);margin:0}
.mk-wc dl.variation dd{margin:0}
.mk-wc dl.variation dd p{margin:0}
.mk-wc .mk-qty{display:inline-flex;background:var(--paper);border-radius:8px;padding:6px 10px;font-weight:700;font-size:.85rem;white-space:nowrap}
.mk-wc td.product-remove a.remove{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:var(--muted)!important;background:var(--paper);font-size:20px}
.mk-wc td.product-remove a.remove:hover{background:var(--m);color:#fff!important}
.mk-wc .coupon input{border:1.5px solid var(--line);border-radius:10px;padding:10px 12px;min-width:180px}
.mk-wc .button,.mk-wc button.button,.mk-wc input.button,.mk-wc a.button{background:var(--ink)!important;color:#fff!important;border-radius:12px!important;padding:12px 18px!important;font-weight:700!important;font-family:var(--font)!important;text-transform:none!important;border:0!important;line-height:1.3!important;height:auto!important}
.mk-wc .button:hover{background:var(--ink-3)!important}
.mk-wc .checkout-button,.mk-wc #place_order,.mk-wc .button.alt{background:var(--m)!important;box-shadow:0 6px 18px rgba(254,33,125,.28)!important;font-size:1.02rem!important;padding:16px 22px!important;width:100%}
.mk-wc .checkout-button:hover,.mk-wc #place_order:hover{background:var(--m-dark)!important}
.mk-wc .cart-collaterals .cart_totals,.mk-wc #order_review,.mk-wc .woocommerce-checkout-review-order{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}
.mk-wc .cart_totals h2,.mk-wc #order_review_heading,.mk-wc .woocommerce-billing-fields h3,.mk-wc .woocommerce-shipping-fields h3,.mk-wc .woocommerce-additional-fields h3,.mk-wc h2{font-family:var(--font-d);font-size:1.35rem;font-weight:800;margin:0 0 14px;color:var(--ink);text-transform:none;letter-spacing:-.02em}
.mk-wc .cart_totals table.shop_table{border:0!important}
.mk-wc form .form-row{margin:0 0 12px;padding:0}
.mk-wc form .form-row label{font-weight:700;font-size:.85rem;margin-bottom:4px;color:var(--ink)}
.mk-wc form .form-row input.input-text,.mk-wc form .form-row textarea,.mk-wc form .form-row select,.mk-wc .select2-container .select2-selection--single{border:1.5px solid var(--line)!important;border-radius:12px!important;padding:12px 14px!important;background:#fff!important;font-size:15px!important;height:auto!important;min-height:48px;color:var(--ink)}
.mk-wc .select2-container .select2-selection--single .select2-selection__rendered{line-height:22px;padding:0}
.mk-wc .select2-container .select2-selection--single .select2-selection__arrow{top:11px;right:8px}
.mk-wc form .form-row input.input-text:focus,.mk-wc form .form-row textarea:focus,.mk-wc form .form-row select:focus{border-color:var(--ink)!important;box-shadow:0 0 0 4px rgba(10,31,68,.06)!important;outline:0}
.mk-wc form .form-row.woocommerce-invalid input.input-text{border-color:var(--m)!important}
.mk-wc #customer_details{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px}
.mk-wc #customer_details .col-1,.mk-wc #customer_details .col-2{width:100%;float:none;max-width:none;flex:none}
.mk-wc form.checkout,.mk-wc form.checkout>#customer_details,.mk-wc form.checkout>.wc-order-review{width:auto;max-width:none;min-width:0;float:none;margin:0;flex:none}
.mk-wc form.checkout .woocommerce-billing-fields,.mk-wc form.checkout .woocommerce-shipping-fields,.mk-wc form.checkout .woocommerce-additional-fields,.mk-wc form.checkout #order_review,.mk-wc form.checkout #payment{width:auto;max-width:none;float:none}
.mk-wc .woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.mk-wc .woocommerce-billing-fields__field-wrapper .form-row{width:auto!important;float:none!important;grid-column:1/-1}
.mk-wc .woocommerce-billing-fields__field-wrapper .form-row-first{grid-column:1}
.mk-wc .woocommerce-billing-fields__field-wrapper .form-row-last{grid-column:2}
.mk-wc form.checkout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:start}
.mk-wc form.checkout>.woocommerce-NoticeGroup,.mk-wc form.checkout>.wc_coupon_message_wrap{grid-column:1/-1}
.mk-wc form.checkout #order_review_heading{display:none}
.mk-wc form.checkout #order_review{position:sticky;top:110px}
.mk-wc #payment{background:var(--paper)!important;border-radius:var(--r)!important;margin-top:16px}
.mk-wc #payment ul.payment_methods{border-bottom:1px solid var(--line)!important;padding:14px!important}
.mk-wc #payment ul.payment_methods li{list-style:none;padding:10px 0;font-weight:700}
.mk-wc #payment div.payment_box{background:#fff!important;border-radius:12px;font-weight:400;font-size:.88rem;color:var(--muted)}
.mk-wc #payment div.payment_box::before{border-bottom-color:#fff!important}
.mk-wc #payment .place-order{padding:14px!important}
.mk-wc .mk-trust{margin-top:14px;display:grid;gap:12px}
.mk-wc .mk-trust ul{list-style:none;display:grid;gap:6px;font-size:.85rem;color:var(--muted)}
.mk-wc .mk-trust li{display:flex;align-items:center;gap:8px}
.mk-wc .mk-trust li svg{width:17px;height:17px;color:var(--ok)}
.mk-wc .woocommerce-shipping-methods{list-style:none;padding:0;margin:0}
.mk-wc .woocommerce-shipping-methods li{margin-bottom:4px}
.mk-wc .order-total .amount{font-family:var(--font-d);font-size:1.5rem;color:var(--ink)}
.mk-wc .cart-empty.woocommerce-info{font-size:1.1rem;padding:32px;text-align:center}
.mk-wc .return-to-shop .button{background:var(--m)!important}
.mk-wc .mk-next{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;margin:0 0 28px}
.mk-wc .mk-next h3{font-size:1.4rem;margin-bottom:14px}
.mk-wc .mk-next ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.mk-wc .mk-next li{display:flex;gap:10px;align-items:flex-start;background:var(--paper);border-radius:14px;padding:14px}
.mk-wc .mk-next li>svg{width:22px;height:22px;color:var(--m);flex:none}
.mk-wc .mk-next li b{display:block;font-size:.92rem}
.mk-wc .mk-next li span{font-size:.82rem;color:var(--muted)}
.mk-wc ul.order_details{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-wrap:wrap;gap:18px;list-style:none}
.mk-wc ul.order_details li{border:0;margin:0;padding:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.mk-wc ul.order_details li strong{display:block;text-transform:none;letter-spacing:0;font-size:1rem;color:var(--ink)}
.mk-wc .woocommerce-MyAccount-navigation ul{list-style:none;display:grid;gap:4px}
.mk-wc .woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:10px;background:#fff;border:1px solid var(--line);font-weight:700}
.mk-wc .woocommerce-MyAccount-navigation .is-active a{background:var(--ink);color:#fff;border-color:var(--ink)}

@media (max-width:1024px){
  .mk .cat-layout{grid-template-columns:1fr}
  .mk .cat-side{position:static;grid-template-columns:1fr 1fr}
  .mk .cat-side ul{grid-column:1/-1;display:flex;flex-wrap:wrap}
  .mk .pgrid-3{grid-template-columns:repeat(2,1fr)}
  .mk-wc form.checkout{grid-template-columns:1fr}
  .mk-wc form.checkout #order_review{position:static}
  .mk-wc .mk-next ol{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .mk .cat-side{grid-template-columns:1fr}
  .mk .cat-side .side-card{display:none}
  .mk .journey .l{display:none}
  .mk .journey li:not(:last-child)::after{width:18px}
  .mk-wc .mk-next ol{grid-template-columns:1fr}
  .mk-wc table.shop_table_responsive tr td{padding:10px 14px}
  .mk-ov .totop{display:none}
}

@media (max-width:760px){body.mk-body{padding-bottom:0}}

/* ==========================================================
   LANDING · Casacas de promoción (.cc-*)
   ========================================================== */
.mkc-body #main{padding:0!important;background:#F4F8FC}
/* Paleta Patas Digitales: azules, cyan y naranja */
.mkc-body .mk{--ink:#0A1F44;--ink-2:#0F2B5B;--ink-3:#16386F;--blue:#0060A5;--c:#2B8CDB;--m:#FE217D;--m-dark:#E0106B;--y:#FF6543;--paper:#F4F8FC;--line:#DCE6F2;--line-2:#EAF1F8;--muted:#56657F;--soft-m:#FFE8F2;--soft-c:#E6F0F9;--soft-y:#FFEDE9;--soft-ok:#E4F5EC;background:var(--paper)}
.mkc-body .mk .btn-m{box-shadow:0 8px 22px rgba(254,33,125,.35)}
.mkc-body .mk .btn-m:hover{box-shadow:0 12px 28px rgba(254,33,125,.42)}
.mkc-body .mk .btn-ink{background:var(--blue)}.mkc-body .mk .btn-ink:hover{background:var(--ink-2)}
.mkc-body .mk .kicker{color:var(--blue)}
.mkc-body .mk .pill.s{background:var(--m)}.mkc-body .mk .pill.x{background:var(--c);color:#fff}
.mkc-body #main>.wf-wrap{width:100%;max-width:100%;padding:0}
.mk .cc-svg{width:100%;height:auto;display:block;overflow:visible}
/* En la landing no se muestran la barra móvil ni el chat del sitio (evita fugas del tráfico pagado; la landing tiene su propio WhatsApp) */
.mkc-body #pd-mnav,.mkc-body #pdc-fab,.mkc-body #pdc-panel{display:none!important}
.mk [class*=-grid]>*{min-width:0}
.mk .cc-hero h1,.mk .cc-hero-tx{text-align:left}
.mk .cc-stage .cc-svg,.mk .cc-preview .cc-svg{display:none}
.mk [data-style=varsity][data-view=front] .cc-svg[data-style=varsity][data-view=front],
.mk [data-style=varsity][data-view=back] .cc-svg[data-style=varsity][data-view=back],
.mk [data-style=highschool][data-view=front] .cc-svg[data-style=highschool][data-view=front],
.mk [data-style=highschool][data-view=back] .cc-svg[data-style=highschool][data-view=back],
.mk [data-style=shark][data-view=front] .cc-svg[data-style=shark][data-view=front],
.mk [data-style=shark][data-view=back] .cc-svg[data-style=shark][data-view=back]{display:block;animation:mk-fadeup .45s var(--ease)}
.mk .cc-svg path,.mk .cc-svg circle{transition:fill .5s var(--ease)}

/* Cabecera */
.mk-sec.cc-head-wrap{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.mk .cc-head .wrap{display:flex;align-items:center;gap:24px;height:68px}
/* logo */
.mk .cc-logo{display:flex;align-items:center;gap:10px}
.mk .cc-logo img{height:46px;width:auto}
.mk .cc-logo span{font-family:var(--font);font-size:.72rem;line-height:1.15;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);border-left:2px solid var(--line);padding-left:10px}
.mk .cc-head .logo small{font-family:var(--font);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--m);margin-left:6px;align-self:flex-end;padding-bottom:5px}
.mk .cc-nav{display:flex;gap:22px;margin-left:auto;font-weight:700;font-size:.92rem}
.mk .cc-nav a:hover{color:var(--m)}
.mk .cc-head-cta{display:flex;align-items:center;gap:14px}
.mk .cc-phone{display:inline-flex;gap:6px;align-items:center;font-weight:700;color:var(--wa)}
.mk .cc-phone svg{width:18px;height:18px}

/* Hero */
.mk .cc-hero{background:radial-gradient(1200px 500px at 85% -10%,rgba(254,33,125,.30),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(43,140,219,.35),transparent 60%),var(--ink);color:#fff;padding:56px 0 64px}
.mk .cc-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.mk .cc-eyebrow{display:inline-flex;max-width:100%;white-space:normal;gap:8px;align-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:99px;padding:7px 14px;font-size:.82rem;font-weight:700}
.mk .cc-eyebrow svg{width:17px;height:17px;color:var(--y)}
.mk .cc-hero h1{font-size:clamp(2.2rem,4.3vw,3.7rem);font-weight:800;margin:18px 0 16px;text-wrap:balance;color:#fff}
.mk .cc-lead{font-size:1.12rem;opacity:.86;max-width:52ch}
.mk .cc-price{margin:22px 0 18px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:1rem}
.mk .cc-price b{font-family:var(--font-d);font-size:2.6rem;color:var(--y);line-height:1}
.mk .cc-price span{font-size:.82rem;opacity:.7;flex-basis:100%}
.mk .cc-checks{list-style:none;display:grid;gap:9px;margin-bottom:26px}
.mk .cc-checks li{display:block;position:relative;padding-left:30px;font-size:.98rem}
.mk .cc-checks svg{position:absolute;left:0;top:2px;width:20px;height:20px;color:var(--y)}
.mk .cc-checks b{color:#fff}
.mk .cc-ctas{display:flex;gap:10px;flex-wrap:wrap}
.mk .cc-ctas .btn{padding:16px 24px;font-size:1.02rem}
.mk .cc-fine{display:flex;gap:6px;align-items:center;font-size:.82rem;opacity:.7;margin-top:14px}
.mk .cc-fine svg{width:15px;height:15px}
.mk .cc-studio{background:#fff;color:var(--ink);border-radius:28px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.mk .cc-stage{position:relative;border-radius:20px;background:radial-gradient(circle at 50% 40%,#fff 0%,#EEEAE1 75%);padding:22px 70px 12px;aspect-ratio:1.05}
.mk .cc-views{height:100%;display:grid;place-items:center}
.mk .cc-views .cc-svg{max-height:100%;width:auto;max-width:100%;filter:drop-shadow(0 18px 24px rgba(10,31,68,.22))}
.mk .cc-tag{position:absolute;left:14px;top:14px;display:inline-flex;gap:6px;align-items:center;background:var(--ink);color:#fff;border-radius:99px;padding:6px 12px;font-size:.76rem;font-weight:700}
.mk .cc-tag svg{width:14px;height:14px;color:var(--y)}
.mk .cc-tools{display:grid;gap:12px;padding:16px 4px 4px}
.mk .cc-seg{display:flex;background:var(--paper);border-radius:12px;padding:3px;gap:3px}
.mk .cc-seg button{flex:1;padding:9px 8px;border-radius:9px;font-weight:700;font-size:.85rem;color:var(--muted)}
.mk .cc-seg button[aria-pressed=true]{background:var(--ink);color:#fff}
.mk .cc-palettes{display:flex;gap:8px;flex-wrap:wrap}
.mk .cc-pal{display:flex;border-radius:99px;overflow:hidden;border:2px solid var(--line);padding:2px;transition:transform .2s var(--ease),border-color .2s}
.mk .cc-pal i{width:16px;height:26px;display:block}
.mk .cc-pal i:first-child{border-radius:99px 0 0 99px;width:20px}
.mk .cc-pal i:last-child{border-radius:0 99px 99px 0;width:12px}
.mk .cc-pal[aria-pressed=true]{border-color:var(--ink);transform:scale(1.08)}
.mk .cc-inputs{display:grid;grid-template-columns:64px 84px minmax(0,1fr);gap:8px}
.mk .cc-inputs input{min-width:0}
.mk .cc-inputs label{display:grid;gap:3px;font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.mk .cc-inputs input{border:1.5px solid var(--line);border-radius:10px;padding:9px 10px;font-weight:700;text-transform:uppercase;width:100%;color:var(--ink)}
.mk .cc-inputs input:focus{border-color:var(--ink);outline:0}
.mk .cc-tools .btn{width:100%}

/* Confianza */
.mk-sec.cc-sec-trust{background:#fff;border-bottom:1px solid var(--line)}
.mk .cc-trust{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:20px 0}
.mk .cc-trust div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.mk .cc-trust svg{grid-row:span 2;width:34px;height:34px;padding:7px;border-radius:10px;background:var(--soft-c);color:var(--blue)}
.mk .cc-trust b{font-size:.92rem}
.mk .cc-trust span{font-size:.78rem;color:var(--muted)}

/* Problemas */
.mk .cc-pain-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.mk .cc-pain{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;display:grid;gap:12px;align-content:start}
.mk .cc-pain .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--blue);color:#fff}
.mk .cc-pain p{display:flex;gap:8px;font-size:.9rem;line-height:1.45}
.mk .cc-pain p svg{width:17px;height:17px;flex:none;margin-top:2px}
.mk .cc-pain .no{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(254,33,125,.45)}
.mk .cc-pain .no svg{color:var(--m)}
.mk .cc-pain .yes{font-weight:700}
.mk .cc-pain .yes svg{color:var(--ok)}

/* Modelos */
.mk .cc-models{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mk .cc-model{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s}
.mk .cc-model:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.mk .cc-model-img{position:relative;background:radial-gradient(circle at 50% 45%,#fff,#E6EEF7 80%);padding:26px 40px 14px}
.mk .cc-model-img:has(>img){padding:0;aspect-ratio:4/5;overflow:hidden}
.mk .cc-model-img>img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.mk .cc-model:hover .cc-model-img>img{transform:scale(1.05)}
.mk .cc-model-img .pill{z-index:2}
.mk .cc-model-img .pill{position:absolute;top:12px;left:12px}
.mk .cc-model-img .cc-svg{filter:drop-shadow(0 12px 16px rgba(10,31,68,.2));transition:transform .5s var(--ease)}
.mk .cc-model:hover .cc-svg{transform:scale(1.05) rotate(-2deg)}
.mk .cc-model-b{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.mk .cc-model-b h3{font-size:1.2rem}
.mk .cc-model-b p{font-size:.85rem;color:var(--muted)}
.mk .cc-model .tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--paper);border-radius:10px;padding:6px}
.mk .cc-model .tiers div{text-align:center;font-size:.72rem;color:var(--muted);padding:4px 0;border-radius:7px}
.mk .cc-model .tiers b{display:block;font-size:.9rem;color:var(--ink)}
.mk .cc-model .tiers .best{background:var(--soft-y)}
.mk .cc-model-f{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-top:auto}
.mk .cc-model-f small{display:block;font-size:.72rem;color:var(--muted)}
.mk .cc-model-f b{font-family:var(--font-d);font-size:1.5rem}
.mk .cc-model-btns{display:grid;gap:6px}

/* Anatomía */
.mk .cc-anat{background:#fff}
.mk .cc-anat-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.mk .cc-anat-img{position:relative;background:radial-gradient(circle at 50% 45%,#fff,#EEEAE1 80%);border-radius:28px;padding:40px 70px}
.mk .cc-dot{position:absolute;width:32px;height:32px;border-radius:50%;background:var(--m);border:2px solid #fff;color:#fff;display:grid;place-items:center;font-weight:800;font-size:.85rem;box-shadow:0 0 0 6px rgba(254,33,125,.25);animation:mk-pulse 2s infinite}
.mk .cc-anat h2{margin-bottom:18px}
.mk .cc-anat-list{list-style:none;display:grid;gap:14px}
.mk .cc-anat-list li{display:flex;gap:14px}
.mk .cc-anat-list li>span{width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.8rem;flex:none}
.mk .cc-anat-list p{font-size:.9rem;color:var(--muted)}
.mk .cc-note{display:flex;gap:8px;align-items:center;margin-top:18px;font-size:.88rem;background:var(--soft-y);border-radius:12px;padding:12px 14px}
.mk .cc-note svg{width:18px;height:18px;color:#C23A1F;flex:none}

/* Calculadora */
.mk .cc-calc-sec{background:var(--ink);color:#fff}
.mk .cc-calc-sec h2{color:#fff;margin-bottom:12px}
.mk .cc-calc-sec p{opacity:.85}
.mk .cc-calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.mk .cc-mini-list{list-style:none;display:grid;gap:8px;margin-top:18px}
.mk .cc-mini-list li{display:flex;gap:8px;align-items:center}
.mk .cc-mini-list svg{width:18px;height:18px;color:var(--y)}
.mk .cc-calc{background:#fff;color:var(--ink);border-radius:24px;padding:26px;display:grid;gap:16px;box-shadow:var(--shadow-l)}
.mk .cc-field{display:grid;gap:6px;font-weight:700;font-size:.86rem}
.mk .cc-field b{float:right;font-family:var(--font-d);font-size:1.3rem;color:var(--m)}
.mk .cc-field select,.mk .cc-field .inp{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-weight:500;background:#fff;width:100%;color:var(--ink);font-size:15px}
.mk .cc-field input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:12px!important;min-height:0!important;border:0!important;padding:0!important;margin:18px 0 6px!important;border-radius:99px;box-shadow:inset 0 1px 2px rgba(10,31,68,.12)!important;background:linear-gradient(90deg,var(--c) 0%,var(--m) var(--p,18%),#DCE6F2 var(--p,18%))!important;cursor:pointer}
.mk .cc-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:#fff;border:5px solid var(--m);box-shadow:0 6px 16px rgba(254,33,125,.45);cursor:grab;transition:transform .15s var(--ease)}
.mk .cc-field input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15);cursor:grabbing}
.mk .cc-field input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:5px solid var(--m);box-shadow:0 6px 16px rgba(254,33,125,.45);cursor:grab}
.mk .cc-field input[type=range]::-moz-range-track{background:transparent}
.mk .cc-field input[type=range]:focus-visible{outline:3px solid rgba(43,140,219,.5);outline-offset:6px}
.mk .cc-range-scale{display:flex;justify-content:space-between;font-size:.72rem;font-weight:700;color:var(--muted);padding:0 4px}
.mk .cc-field b#ccNOut{font-size:2rem;line-height:1}
.mk .cc-check{display:flex;gap:8px;align-items:center;font-weight:700;font-size:.9rem}
.mk .cc-check input{width:18px;height:18px;accent-color:var(--m)}
.mk .cc-res{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--paper);border-radius:16px;padding:14px}
.mk .cc-res small{display:block;font-size:.72rem;color:var(--muted)}
.mk .cc-res b{font-family:var(--font-d);font-size:1.25rem}
.mk .cc-res div:first-child b{color:var(--m);font-size:1.6rem}
.mk .cc-gift{display:block;font-size:.88rem;background:var(--soft-ok);color:var(--ok);border-radius:12px;padding:10px 12px}
.mk .cc-gift svg{width:18px;height:18px;vertical-align:-4px;margin-right:6px}
.mk .cc-calc .cc-fine{color:var(--muted);opacity:1;margin:0}

/* Fechas */
.mk .cc-dates{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;display:grid;grid-template-columns:340px 1fr;gap:28px;align-items:center}
.mk .cc-date-in{display:grid;gap:14px}
.mk .cc-date-in label{display:grid;gap:6px;font-weight:700;font-size:.86rem}
.mk .cc-date-in input{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-size:1rem;color:var(--ink)}
.mk .cc-date-out{background:var(--soft-ok);border-radius:16px;padding:16px}
.mk .cc-date-out.late{background:var(--soft-m)}
.mk .cc-date-out small{display:block;font-size:.78rem;color:var(--muted)}
.mk .cc-date-out b{display:block;font-family:var(--font-d);font-size:1.5rem;margin:2px 0 6px}
.mk .cc-date-out b::first-letter{text-transform:uppercase}
.mk .cc-date-out span{text-transform:none}
.mk .cc-date-out span{font-size:.88rem}
.mk .cc-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative}
.mk .cc-steps li{display:grid;justify-items:center;text-align:center;gap:6px;position:relative}
.mk .cc-steps li:not(:last-child)::after{content:"";position:absolute;top:24px;left:calc(50% + 30px);right:calc(-50% + 30px);height:2px;background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px)}
.mk .cc-steps .n{width:48px;height:48px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center}
.mk .cc-steps b{font-size:.9rem}
.mk .cc-steps small{font-size:.78rem;color:var(--muted)}

/* Comparación */
.mk .cc-compare{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;max-width:860px}
.mk .cc-compare table{width:100%;border-collapse:collapse}
.mk .cc-compare th,.mk .cc-compare td{padding:14px 18px;border-bottom:1px solid var(--line-2);text-align:left;font-size:.93rem}
.mk .cc-compare th{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.mk .cc-compare th.us{color:var(--blue)}
.mk .cc-compare td.us{background:rgba(0,96,165,.05)}
.mk .cc-compare td:not(:first-child),.mk .cc-compare th:not(:first-child){text-align:center;width:150px}
.mk .cc-compare td svg{width:22px;height:22px;vertical-align:middle}
.mk .cc-compare td.yes svg{color:var(--ok)}
.mk .cc-compare td.no svg{color:#A9B8D0}
.mk .cc-compare td.maybe svg{color:#E0B400}
.mk .cc-compare td small{display:block;font-size:.72rem;color:var(--muted)}

/* Estilos (fotos) */
.mk .cc-style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mk .cc-style{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:grid;gap:4px;padding-bottom:16px;transition:transform .3s var(--ease),box-shadow .3s}
.mk .cc-style:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.mk .cc-style img{width:100%;aspect-ratio:1;object-fit:cover;margin-bottom:10px;transition:transform .6s var(--ease)}
.mk .cc-style:hover img{transform:scale(1.04)}
.mk .cc-style b,.mk .cc-style span{padding:0 16px}
.mk .cc-style span{font-size:.85rem;color:var(--muted)}

/* Galería */
.mk .cc-masonry{columns:4 220px;column-gap:12px}
.mk .cc-ph{position:relative;margin:0 0 12px;border-radius:18px;overflow:hidden;background:var(--line-2);break-inside:avoid;aspect-ratio:1}
.mk .cc-ph.tall{aspect-ratio:3/4}
.mk .cc-ph.wide{aspect-ratio:4/3}
.mk .cc-ph img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.mk .cc-ph:hover img{transform:scale(1.05)}
.mk .cc-ph figcaption{position:absolute;left:10px;bottom:10px;right:10px;background:rgba(10,31,68,.78);backdrop-filter:blur(6px);color:#fff;font-size:.8rem;font-weight:700;border-radius:10px;padding:7px 10px;opacity:0;transform:translateY(6px);transition:all .3s var(--ease)}
.mk .cc-ph:hover figcaption{opacity:1;transform:none}
.mk .cc-ref{font-size:.74rem;color:var(--muted);margin-top:10px;text-align:right}
/* Detalles y proceso */
.mk .cc-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.mk .cc-details img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px}
.mk .cc-process{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
.mk .cc-process figure{position:relative;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:16/9}
.mk .cc-process img{width:100%;height:100%;object-fit:cover}
.mk .cc-process figcaption{position:absolute;left:14px;bottom:14px;display:inline-flex;gap:8px;align-items:center;background:#fff;color:var(--ink);font-weight:700;font-size:.88rem;border-radius:99px;padding:8px 14px;box-shadow:var(--shadow)}
.mk .cc-process figcaption svg{width:17px;height:17px;color:var(--blue)}

/* Formulario */
.mk .cc-form-sec{background:radial-gradient(900px 500px at 100% 0%,rgba(254,33,125,.30),transparent 60%),var(--ink);color:#fff;padding:80px 0}
.mk .cc-form-grid{display:grid;grid-template-columns:1fr 440px;gap:56px;align-items:center}
.mk .cc-form-tx h2{color:#fff;font-size:clamp(1.9rem,3.4vw,2.8rem)}
.mk .cc-preview{max-width:320px;margin-top:28px;filter:drop-shadow(0 24px 30px rgba(0,0,0,.35))}
.mk .cc-form{color:var(--ink);display:grid;gap:12px}
.mk .cc-form h3{font-size:1.4rem;margin-bottom:4px}
.mk .cc-form [data-step]{display:grid;gap:12px}
.mk .cc-roles{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mk .cc-roles .chip{font-size:.84rem;padding:10px 8px}
.mk .cc-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mk .cc-back{display:inline-flex;gap:6px;align-items:center;justify-self:center;font-size:.85rem;color:var(--muted);font-weight:700}
.mk .cc-back svg{width:15px;height:15px}
.mk .cc-err{background:var(--soft-m);color:#A10E4F;border-radius:10px;padding:10px 12px;font-size:.88rem;font-weight:700}
.mk .cc-done{text-align:center;justify-items:center;padding:12px 0}
.mk .cc-done>svg{width:52px;height:52px;color:var(--m)}
.mk .cc-done p{color:var(--muted)}
.mk .cc-sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:9992;display:none;grid-template-columns:1fr 1.4fr;gap:8px;background:#fff;border-radius:18px;padding:8px;box-shadow:var(--shadow-l);transform:translateY(140%);transition:transform .4s var(--ease)}
.mk .cc-sticky.on{transform:none}
.mk .cc-sticky .btn{min-width:0;padding:13px 8px;font-size:.92rem}

@media (max-width:1100px){
  .mk .cc-models,.mk .cc-style-grid{grid-template-columns:repeat(2,1fr)}
  .mk .cc-pain-grid{grid-template-columns:repeat(2,1fr)}
  .mk .cc-trust{grid-template-columns:repeat(3,1fr)}
  .mk .cc-dates{grid-template-columns:1fr}
}
@media (max-width:900px){
  .mk .cc-hero-grid,.mk .cc-anat-grid,.mk .cc-calc-grid,.mk .cc-form-grid{grid-template-columns:1fr;gap:32px}
  .mk .cc-nav{display:none}
  .mk .cc-head-cta{margin-left:auto}
}
@media (max-width:760px){
  .mk .cc-head .wrap{height:58px;gap:10px}
  /* logo */
.mk .cc-logo{display:flex;align-items:center;gap:10px}
.mk .cc-logo img{height:46px;width:auto}
.mk .cc-logo span{font-family:var(--font);font-size:.72rem;line-height:1.15;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);border-left:2px solid var(--line);padding-left:10px}
.mk .cc-head .logo small{display:none}
  .mk .cc-phone span{display:none}
  .mk .cc-hero{padding:32px 0 40px}
  .mk .cc-ctas .btn{flex:1 1 100%;white-space:normal}
  .mk .cc-studio{padding:12px;border-radius:22px}
  .mk .cc-seg button{font-size:.78rem;padding:9px 4px}
  .mk .cc-head-cta .btn{padding:9px 12px}
  .mk .cc-stage{padding:16px 40px 8px}
  .mk .cc-trust{grid-template-columns:1fr 1fr;padding:14px 0}
  .mk .cc-trust div:last-child{display:none}
  .mk .cc-pain-grid,.mk .cc-models{grid-template-columns:1fr}
  .mk .cc-style-grid{grid-template-columns:1fr 1fr;gap:10px}
  .mk .cc-style span{display:none}
  .mk .cc-masonry{columns:2;column-gap:8px}
  .mk .cc-ph{margin-bottom:8px}
  .mk .cc-ph figcaption{display:none}
  .mk .cc-process{grid-template-columns:1fr}
  .mk .cc-logo img{height:38px}
  .mk .cc-logo span{display:none}
  .mk .cc-res{grid-template-columns:1fr 1fr}.mk .cc-res div:first-child{grid-column:1/-1}
  .mk .cc-steps{grid-template-columns:1fr 1fr;row-gap:18px}.mk .cc-steps li::after{display:none}
  .mk .cc-compare td:not(:first-child),.mk .cc-compare th:not(:first-child){width:80px;padding:12px 6px}
  .mk .cc-anat-img{padding:24px 40px}
  .mk .cc-sticky{display:grid}
  .mk .cc-form-sec{padding:48px 0 100px}
  .mk .cc-preview{display:none}
}

/* ---------- Landing · capa animada (tono juvenil) ---------- */
@keyframes cc-marq{to{transform:translateX(-33.333%)}}
@keyframes cc-marq-r{from{transform:translateX(-33.333%)}to{transform:translateX(0)}}
@keyframes cc-float{0%,100%{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-14px) rotate(calc(var(--rot,0deg) + 4deg))}}
@keyframes cc-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes cc-blob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.12)}66%{transform:translate(-30px,20px) scale(.92)}}
@keyframes cc-shine{0%{transform:translateX(-120%) skewX(-20deg)}60%,100%{transform:translateX(220%) skewX(-20deg)}}
@keyframes cc-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@keyframes cc-city{0%,100%{background:rgba(255,255,255,.08);color:#fff}8%,20%{background:var(--m);color:#fff}}
@keyframes cc-draw{from{background-size:0 45%}to{background-size:100% 45%}}
@keyframes cc-wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}

/* Progreso */
.cc-progress{position:fixed;left:0;right:0;top:0;height:4px;z-index:99999;background:linear-gradient(90deg,#0060A5,#FE217D,#FF6543);transform-origin:left;transform:scaleX(0)}

/* Hero con manchas de color en movimiento y casaca flotando */
.mk .cc-hero{position:relative;overflow:hidden;isolation:isolate}
.mk .cc-hero::before,.mk .cc-hero::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(60px);opacity:.55;animation:cc-blob 14s ease-in-out infinite}
.mk .cc-hero::before{width:420px;height:420px;background:#2B8CDB;top:-120px;right:18%}
.mk .cc-hero::after{width:360px;height:360px;background:#FE217D;bottom:-140px;left:-60px;animation-delay:-5s}
.mk .cc-views .cc-svg{animation:cc-bob 4.5s ease-in-out infinite}
.mk .cc-rotate{position:relative;display:inline-block;vertical-align:bottom;height:1.1em;overflow:hidden;transition:width .45s var(--ease);color:var(--y);white-space:nowrap}
.mk .cc-rotate b{position:absolute;left:0;top:0;font-weight:800;transform:translateY(110%);opacity:0;transition:transform .55s var(--ease),opacity .4s}
.mk .cc-rotate b.on{position:relative;transform:none;opacity:1}
.mk .cc-rotate b.out{transform:translateY(-110%);opacity:0}
.mk .cc-rotate::after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.14em;border-radius:4px;background:var(--m)}
.mk .cc-ctas .btn-m,.mk .cc-form .btn-m,.mk .cc-head-cta .btn-m{position:relative;overflow:hidden}
.mk .cc-ctas .btn-m::after,.mk .cc-form .btn-m::after,.mk .cc-head-cta .btn-m::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:cc-shine 3.2s ease-in-out infinite}
.mk .btn{transition:transform .2s var(--ease),box-shadow .2s,background .2s}
.mk .btn:hover{transform:translateY(-2px)}
.mk .cc-hl{background:linear-gradient(90deg,rgba(43,140,219,.35),rgba(254,33,125,.35)) no-repeat 0 88%/100% 45%;padding:0 .12em;border-radius:6px}
.mk .rv.in .cc-hl{animation:cc-draw 1s .3s var(--ease) both}

/* Franja */
.mk-sec.cc-sec-ribbon{background:transparent;overflow:hidden;padding:14px 0;margin:-10px 0}
.mk .cc-ribbon{transform:rotate(-1.6deg);background:var(--m);color:#fff;padding:12px 0;box-shadow:0 10px 30px rgba(10,31,68,.18);width:104%;margin-left:-2%}
.mk .cc-ribbon.cyan{background:var(--c);transform:rotate(1.4deg)}
.mk .cc-ribbon.blue{background:var(--blue)}
.mk .cc-ribbon-track{display:flex;gap:22px;width:max-content;align-items:center;animation:cc-marq 28s linear infinite;font-family:var(--font-d);font-weight:800;font-size:1.15rem;letter-spacing:.04em;white-space:nowrap}
.mk .cc-ribbon.cyan .cc-ribbon-track{animation-direction:reverse}
.mk .cc-ribbon i{font-style:normal;opacity:.75}

/* Colegios */
.mk .cc-schools{position:relative;padding:84px 0 72px;background:linear-gradient(180deg,#0A1F44 0%,#0F2B5B 100%);color:#fff;overflow:hidden;isolation:isolate}
.mk .cc-schools::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(600px 300px at 10% 10%,rgba(43,140,219,.28),transparent 70%),radial-gradient(600px 300px at 90% 90%,rgba(254,33,125,.25),transparent 70%)}
.mk .cc-schools h2{color:#fff;font-size:clamp(1.9rem,3.6vw,3rem);max-width:20ch;margin:6px auto 12px}
.mk .cc-schools-head{text-align:center;max-width:760px;margin:0 auto}
.mk .cc-schools-head p{opacity:.85;font-size:1.05rem}
.mk .cc-schools .kicker{color:var(--c)}
.mk .cc-cities{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0 34px}
.mk .cc-cities span{display:inline-flex;gap:5px;align-items:center;border-radius:99px;padding:7px 13px;font-size:.84rem;font-weight:700;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);animation:cc-city 10s calc(var(--i) * 1s) infinite}
.mk .cc-cities svg{width:14px;height:14px}
.mk .cc-logos{display:grid;gap:14px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mk .cc-logo-row{overflow:hidden}
.mk .cc-logo-track{display:flex;gap:14px;width:max-content;animation:cc-marq 45s linear infinite}
.mk .cc-logo-row.rev .cc-logo-track{animation:cc-marq-r 50s linear infinite}
.mk .cc-logos:hover .cc-logo-track{animation-play-state:paused}
.mk .cc-school{flex:none;width:200px;height:104px;background:#fff;border-radius:18px;display:grid;place-items:center;position:relative;padding:14px 18px 22px;transition:transform .3s var(--ease),box-shadow .3s}
.mk .cc-school.dark{background:#16386F}
.mk .cc-school img{max-width:100%;max-height:56px;object-fit:contain;filter:saturate(.95)}
.mk .cc-school span{position:absolute;bottom:6px;font-size:.68rem;font-weight:700;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}
.mk .cc-school.dark span{color:#9FB6D8}
.mk .cc-school:hover{transform:translateY(-6px) rotate(-1.5deg);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.mk .cc-schools .cc-ref{color:#9FB6D8;text-align:center}
.mk .cc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:40px 0 54px}
.mk .cc-stats div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:20px;text-align:center;backdrop-filter:blur(6px)}
.mk .cc-stats b{display:block;font-family:var(--font-d);font-size:3rem;line-height:1;background:linear-gradient(90deg,#FE217D,#FF6543);-webkit-background-clip:text;background-clip:text;color:transparent}
.mk .cc-stats span{font-size:.85rem;opacity:.8}
.mk .cc-testi-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.mk .cc-testi-head h3{font-size:1.6rem;color:#fff}
.mk .cc-testi-nav{display:flex;gap:8px}
.mk .cc-testi-nav button{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;transition:background .2s,transform .2s}
.mk .cc-testi-nav button:hover{background:var(--m);transform:scale(1.08)}
.mk .cc-testis{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:18px 6px 26px}
.mk .cc-testis::-webkit-scrollbar{display:none}
.mk .cc-testi{flex:0 0 330px;scroll-snap-align:start;background:#fff;color:var(--ink);border-radius:22px;padding:22px 20px 18px;position:relative;transform:rotate(var(--r));transition:transform .35s var(--ease),box-shadow .35s;box-shadow:0 14px 34px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:12px}
.mk .cc-testi:hover{transform:rotate(0) translateY(-6px) scale(1.02)}
.mk .cc-testi-tag{position:absolute;top:-12px;right:16px;background:var(--c);color:#fff;font-size:.72rem;font-weight:800;border-radius:99px;padding:5px 11px;transform:rotate(3deg)}
.mk .cc-testi-stars{color:#FF6543;letter-spacing:2px}
.mk .cc-testi p{font-size:.98rem;line-height:1.5;flex:1}
.mk .cc-testi-who{display:flex;gap:10px;align-items:center}
.mk .cc-testi-who img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid var(--soft-c)}
.mk .cc-testi-who b{display:block;font-size:.95rem}
.mk .cc-testi-who span{font-size:.8rem;color:var(--muted)}
.mk .cc-stickers .st{position:absolute;z-index:0;font-family:var(--font-d);font-weight:800;border-radius:14px;padding:8px 14px;font-size:1rem;box-shadow:0 10px 24px rgba(0,0,0,.25);animation:cc-float 6s ease-in-out infinite;pointer-events:none}
.mk .cc-stickers .st1{top:70px;left:5%;background:var(--m);color:#fff;--rot:-8deg}
.mk .cc-stickers .st2{top:120px;right:7%;font-size:2.4rem;background:none;box-shadow:none;animation-delay:-2s}
.mk .cc-stickers .st3{top:330px;left:2%;background:var(--c);color:#fff;--rot:6deg;animation-delay:-1s}
.mk .cc-stickers .st4{bottom:120px;right:4%;font-size:2.2rem;background:none;box-shadow:none;animation-delay:-3s}
.mk .cc-stickers .st5{top:300px;right:3%;background:#fff;color:var(--blue);--rot:-5deg;animation-delay:-4s}

/* Inclinación 3D y apariciones con rebote */
.mk .cc-model,.mk .cc-style,.mk .cc-studio{transition:transform .35s var(--ease),box-shadow .35s}
.mk .tilt{transform:perspective(900px) rotateX(var(--ty,0)) rotateY(var(--tx,0)) translateY(-4px)!important}
.mk .cc-testi.tilt{transform:perspective(900px) rotateX(var(--ty,0)) rotateY(var(--tx,0)) scale(1.02)!important}
.mkc-body .mk .rv{transform:translateY(34px) scale(.97)}
.mkc-body .mk .rv.in{transform:none}
.mkc-body .mk .cc-pain.rv.in .ic,.mkc-body .mk .cc-steps .n{animation:cc-pop .6s var(--ease) both}
.mk .cc-pain:hover .ic{animation:cc-wiggle .5s ease-in-out}
.mk .cc-dot:hover{transform:scale(1.2)}
.mk .cc-ph{transition:transform .4s var(--ease)}
.mk .cc-ph:hover{transform:rotate(-1deg) scale(1.02)}

@media (max-width:760px){
  .mk .cc-schools{padding:56px 0 48px}
  .mk .cc-school{width:150px;height:84px;padding:10px 12px 20px}
  .mk .cc-school img{max-height:42px}
  .mk .cc-stats{grid-template-columns:1fr 1fr;gap:10px}
  .mk .cc-stats b{font-size:2.2rem}
  .mk .cc-testi{flex-basis:84%}
  .mk .cc-stickers .st{display:none}
  .mk .cc-ribbon-track{font-size:.95rem}
}
@media (prefers-reduced-motion:reduce){
  .mk .cc-logo-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}
  .mk .cc-ribbon-track{animation:none}
}

/* ---------- Ficha: títulos de cada paso pegados a su módulo ----------
   El <legend> nativo se dibuja sobre el borde del fieldset y el padding del fieldset queda debajo del título
   (quedaba lejos de sus opciones y pegado al paso anterior). Con float sale del modo especial del legend. */
.mk .cfg fieldset{padding:24px 0 20px;border-top:1px solid var(--line)}
.mk .cfg fieldset:first-child{border-top:0;padding-top:8px}
.mk .cfg legend{float:left;width:100%;padding:0 0 14px!important;display:flex;align-items:center;gap:10px}
.mk .cfg legend+*{clear:both}
.mk .cfg .numsel .chips,.mk .cfg .numsel+.muted-s,.mk .cfg fieldset>.muted-s{margin-top:12px}

/* ---------- Checkout cerrado: sin header ni footer ---------- */
body.mk-focus #footer,body.mk-focus .footer,body.mk-focus #bottom-bar,body.mk-focus .scroll-top,body.mk-focus .mk-wa-float,body.mk-focus .mk-bar-site{display:none!important}
.mk-focusbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:9000}
.mk-focusbar .wrap{display:flex;align-items:center;gap:16px;min-height:72px}
.mk-focusbar .fb-logo{display:flex;align-items:center}
.mk-focusbar .fb-logo img{width:56px;height:auto;display:block}
.mk-focusbar .fb-safe{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:.84rem;font-weight:700;color:var(--ok)}
.mk-focusbar .fb-safe svg{width:16px;height:16px}
.mk-focusbar .fb-back{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1.5px solid var(--line);border-radius:12px;font-weight:700;font-size:.9rem;color:var(--ink);background:#fff;transition:border-color .2s,background .2s,transform .2s var(--ease)}
.mk-focusbar .fb-back svg{width:17px;height:17px;transition:transform .25s var(--ease)}
.mk-focusbar .fb-back:hover{border-color:var(--ink);background:var(--paper)}
.mk-focusbar .fb-back:hover svg{transform:translateX(-3px)}
.mk-focusbar .fb-back .s{display:none}
body.mk-focus .mk-journey{padding-top:24px}
@media (max-width:640px){
  .mk-focusbar .wrap{min-height:60px;gap:10px}
  .mk-focusbar .fb-logo img{width:46px}
  .mk-focusbar .fb-safe{font-size:.76rem}
  .mk-focusbar .fb-back{padding:8px 12px;font-size:.84rem}
  .mk-focusbar .fb-back .l{display:none}
  .mk-focusbar .fb-back .s{display:inline}
  body.mk-focus .mk-journey .jhead{flex-direction:column;align-items:flex-start;gap:14px}
  body.mk-focus .mk-journey h1{font-size:1.7rem}
  body.mk-focus .mk .journey{width:100%;overflow-x:auto;scrollbar-width:none}
  body.mk-focus .mk .journey .l{display:none}
  body.mk-focus .mk .journey li.cur .l{display:inline}
}

/* ---------- Login: pantalla partida con collage animado ---------- */
body.mk-login .mk-wc{padding:0!important;background:var(--paper)}
body.mk-login .mk-wc>.wrap{max-width:none!important;padding:0!important;width:100%}
body.mk-login .mk-wc .woocommerce{margin:0!important;padding:0!important}
body.mk-login .mk-wc .woocommerce>.woocommerce-notices-wrapper:empty{display:none}
.mkl{--ease:cubic-bezier(.22,1,.36,1);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);min-height:max(660px,calc(100svh - 150px));background:var(--paper);position:relative;overflow:hidden}
.mkl .in{opacity:0;animation:mklIn .9s var(--ease) forwards;animation-delay:var(--d,0s)}
@keyframes mklIn{from{opacity:0;transform:translateY(22px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}

/* Lado visual */
.mkl-art{position:relative;overflow:hidden;background:#0A1F44;isolation:isolate}
.mkl-cols{position:absolute;inset:-18% -12%;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;transform:rotate(-9deg);opacity:0;animation:mklFade 1.4s .05s var(--ease) forwards}
.mkl-col{overflow:hidden;opacity:0;transform:translateY(80px);animation:mklRise 1.3s var(--ease) forwards;animation-delay:calc(var(--c) * .14s)}
.mkl-track{display:flex;flex-direction:column;gap:16px;animation:mklUp 60s linear infinite}
.mkl-col:nth-child(2) .mkl-track{animation-direction:reverse;animation-duration:70s}
.mkl-col:nth-child(3) .mkl-track{animation-duration:54s}
.mkl-track img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px;display:block;box-shadow:0 20px 40px rgba(0,0,0,.25)}
@keyframes mklUp{to{transform:translateY(calc(-50% - 8px))}}
@keyframes mklRise{to{opacity:1;transform:none}}
@keyframes mklFade{to{opacity:1}}
.mkl-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,31,68,.15) 0%,rgba(10,31,68,.35) 40%,rgba(10,31,68,.92) 100%),radial-gradient(120% 70% at 0% 100%,rgba(0,96,165,.55),transparent 60%)}
.mkl-copy{position:absolute;z-index:2;left:clamp(28px,5vw,64px);right:clamp(28px,5vw,64px);bottom:clamp(32px,6vh,64px);color:#fff}
.mkl-kick{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);font-size:.8rem;font-weight:700;letter-spacing:.02em}
.mkl-kick svg{width:15px;height:15px;color:#FF6543}
.mkl-copy h2{font-family:var(--font-d);font-weight:800;font-size:clamp(2.4rem,4.4vw,4rem);line-height:.98;letter-spacing:-.035em;color:#fff!important;margin:18px 0 22px}
.mkl-copy h2 em{font-style:normal;background:linear-gradient(90deg,#FE217D,#FF6543);-webkit-background-clip:text;background-clip:text;color:transparent}
.mkl-perks{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin:0;max-width:560px}
.mkl-perks li{display:flex;align-items:center;gap:10px;font-size:.92rem;font-weight:500;color:#E2EEF9;margin:0}
.mkl-perks svg{width:18px;height:18px;flex:none;color:#2B8CDB}
.mkl-float{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 40px rgba(10,31,68,.28);color:var(--ink)}
.mkl-float>div{display:flex;flex-direction:column;line-height:1.25}
.mkl-float b{font-size:.9rem}
.mkl-float small{font-size:.76rem;color:var(--muted)}
.mkl-float .ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none}
.mkl-float .ic svg{width:19px;height:19px}
.mkl-float .ok{background:#E4F5EC;color:#1C8C5E}
.mkl-float .star{background:#FFEDE9;color:#FE217D}
.mkl-float .star svg{fill:currentColor}
.mkl-float .truck{background:#E6F0F9;color:#0060A5}
.mkl-float.f1{top:12%;left:8%}
.mkl-float.f2{top:26%;right:7%}
.mkl-float.f3{top:44%;left:14%}
.mkl-float.f1.in{animation:mklIn .9s var(--ease) 1s forwards,mklBob 6s 2s ease-in-out infinite}
.mkl-float.f2.in{animation:mklIn .9s var(--ease) 1.2s forwards,mklBob 7s 2.4s ease-in-out infinite reverse}
.mkl-float.f3.in{animation:mklIn .9s var(--ease) 1.4s forwards,mklBob 6.5s 2.8s ease-in-out infinite}
@keyframes mklBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* Lado del formulario */
.mkl-side{display:flex;align-items:center;justify-content:center;padding:48px clamp(20px,4vw,64px);position:relative}
.mkl-side::before{content:"";position:absolute;width:420px;height:420px;right:-160px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(43,140,219,.18),transparent 70%);pointer-events:none}
.mkl-side::after{content:"";position:absolute;width:360px;height:360px;left:-120px;bottom:-160px;border-radius:50%;background:radial-gradient(circle,rgba(254,33,125,.14),transparent 70%);pointer-events:none}
.mkl-card{position:relative;z-index:1;width:100%;max-width:440px}
.mkl-logo{display:inline-block;margin-bottom:22px}
.mkl-logo img{width:64px;height:auto;display:block}
.mkl-head h1{font-family:var(--font-d);font-weight:800;font-size:clamp(1.9rem,2.6vw,2.4rem);letter-spacing:-.03em;line-height:1.05;color:var(--ink)!important;margin:0 0 10px}
.mkl-head p{color:var(--muted);font-size:1rem;line-height:1.5;margin:0 0 26px}
.mkl-notices:empty{display:none}
.mkl-notices .woocommerce-error,.mkl-notices .woocommerce-message,.mkl-notices .woocommerce-info{margin:0 0 18px!important;border-radius:14px!important;font-size:.9rem;animation:mklShake .5s var(--ease)}
@keyframes mklShake{0%,100%{transform:none}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.mkl-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:5px;margin-bottom:24px;background:#fff;border:1px solid var(--line);border-radius:14px}
.mkl-tabs button{position:relative;z-index:1;padding:11px 0;border:0;background:none;font-weight:700;font-size:.92rem;color:var(--muted);cursor:pointer;transition:color .3s}
.mkl-tabs button[aria-selected=true]{color:#fff}
.mkl-tabs .thumb{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:10px;background:var(--ink);transition:transform .45s var(--ease)}
.mkl[data-tab=reg] .mkl-tabs .thumb{transform:translateX(100%)}
.mkl[data-tab=in] .mkl-reg,.mkl[data-tab=reg] .mkl-in{display:none}
.mkl-form.swap{animation:mklIn .55s var(--ease)}
.mkl-form{margin:0!important;padding:0!important;border:0!important;background:none!important}
.mkl-field{margin-bottom:16px}
.mkl-field label,.mkl-lrow label{display:block;font-weight:700;font-size:.86rem;color:var(--ink);margin:0 0 7px}
.mkl-lrow{display:flex;justify-content:space-between;align-items:baseline}
.mkl-lrow a{font-size:.82rem;font-weight:700;color:var(--blue)}
.mkl-lrow a:hover{color:var(--m)}
.mkl-input{position:relative}
.mkl-input>svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted);pointer-events:none;z-index:1;transition:color .2s}
.mkl-input:focus-within>svg{color:var(--blue)}
.mkl-input .password-input{display:block;position:relative}
.mk .mkl-input input{width:100%;height:54px;padding:0 48px 0 46px!important;border:1.5px solid var(--line)!important;border-radius:14px!important;background:#fff!important;color:var(--ink)!important;font-size:1rem;transition:border-color .2s,box-shadow .2s}
.mk .mkl-input input::placeholder{color:#A9B8D0}
.mk .mkl-input input:hover{border-color:#A9B8D0!important}
.mk .mkl-input input:focus{outline:0;border-color:var(--blue)!important;box-shadow:0 0 0 4px rgba(0,96,165,.12)!important}
.mkl-input .show-password-input{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:8px;background:none;border:0;cursor:pointer;color:var(--muted)}
.mkl-input .show-password-input:hover{background:var(--paper)}
.mkl-check{display:flex;align-items:center;gap:10px;margin:4px 0 22px;font-size:.9rem;font-weight:500;color:var(--ink);cursor:pointer;user-select:none}
.mkl-check input{position:absolute;opacity:0;pointer-events:none}
.mkl-check .box{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line);background:#fff;display:grid;place-items:center;transition:background .2s,border-color .2s}
.mkl-check .box svg{width:14px;height:14px;color:#fff;opacity:0;transform:scale(.4);transition:opacity .2s,transform .3s var(--ease)}
.mkl-check input:checked+.box{background:var(--ink);border-color:var(--ink)}
.mkl-check input:checked+.box svg{opacity:1;transform:none}
.mkl-check input:focus-visible+.box{box-shadow:0 0 0 4px rgba(0,96,165,.18)}
.mk .mkl-btn{position:relative;overflow:hidden;width:100%;height:56px;display:flex!important;align-items:center;justify-content:center;gap:10px;border:0!important;border-radius:14px!important;background:var(--grad)!important;color:#fff!important;font-weight:800!important;font-size:1rem!important;cursor:pointer;box-shadow:0 12px 26px rgba(254,33,125,.32)!important;transition:transform .2s var(--ease),box-shadow .2s}
.mk .mkl-btn svg{width:19px;height:19px;transition:transform .3s var(--ease)}
.mk .mkl-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-100%)}
.mk .mkl-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(254,33,125,.4)!important}
.mk .mkl-btn:hover svg{transform:translateX(4px)}
.mk .mkl-btn:hover::after{transform:translateX(100%);transition:transform .8s var(--ease)}
.mkl-note{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--muted);background:#fff;border:1px dashed var(--line);border-radius:12px;padding:12px 14px;margin:0 0 18px}
.mkl-note svg{width:18px;height:18px;flex:none;color:var(--blue)}
.mkl-or{display:flex;align-items:center;gap:14px;margin:24px 0 18px;color:var(--muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.mkl-or::before,.mkl-or::after{content:"";flex:1;height:1px;background:var(--line)}
.mkl-guest{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border:1.5px solid var(--line);border-radius:14px;transition:border-color .2s,transform .2s var(--ease),box-shadow .2s}
.mkl-guest>svg:first-child{width:22px;height:22px;color:var(--c);flex:none}
.mkl-guest>svg:last-child{width:18px;height:18px;margin-left:auto;color:var(--muted);transition:transform .25s var(--ease)}
.mkl-guest span{display:flex;flex-direction:column;line-height:1.3}
.mkl-guest b{font-size:.94rem;color:var(--ink)}
.mkl-guest small{font-size:.8rem;color:var(--muted)}
.mkl-guest:hover{border-color:var(--c);transform:translateY(-2px);box-shadow:0 10px 24px rgba(10,31,68,.08)}
.mkl-guest:hover>svg:last-child{transform:translateX(4px)}
.mkl-foot{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:26px;padding-top:20px;border-top:1px dashed var(--line)}
.mkl-safe{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:0;font-size:.8rem;color:var(--muted);text-align:center;line-height:1.4}
.mkl-help{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;background:var(--soft-m);color:var(--m-dark)!important;font-weight:700;font-size:.84rem;transition:background .2s,transform .2s var(--ease)}
.mkl-help svg{width:16px;height:16px}
.mkl-help:hover{background:#FFD6E8;transform:translateY(-1px)}
.mkl-safe svg{width:15px;height:15px;color:var(--ok)}

@media (max-width:980px){
  .mkl{grid-template-columns:1fr;min-height:0}
  .mkl-art{height:320px}
  .mkl-cols{inset:-40% -20%}
  .mkl-copy{bottom:64px}
  .mkl-copy h2{font-size:2.2rem;margin:12px 0 0}
  .mkl-perks,.mkl-float.f3{display:none}
  .mkl-float.f1{top:24px;left:20px}
  .mkl-float.f2{top:88px;right:20px}
  .mkl-side{padding:0 16px 48px;margin-top:-44px}
  .mkl-card{background:#fff;border-radius:24px;padding:28px 22px;box-shadow:0 24px 60px rgba(10,31,68,.14)}
  .mkl-logo{display:none}
}
@media (max-width:420px){
  .mkl-art{height:280px}
  .mkl-float{padding:9px 12px 9px 9px}
  .mkl-float .ic{width:32px;height:32px}
  .mkl-float.f2{top:84px}
}
@media (prefers-reduced-motion:reduce){
  .mkl .in,.mkl-cols,.mkl-col{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
  .mkl-track,.mkl-float{animation:none!important}
}

/* ---------- Colores reales de la marca (sept. 2026) ----------
   Primario: azul #0060A5 · Secundarios: fucsia #FE217D y coral #FF6543 (juntos en degradado).
   El azul profundo #0A1F44 queda solo para textos y fondos oscuros. */
.mk{--blue:#0060A5;--blue-dark:#004C83;--pink:#FE217D;--coral:#FF6543;--grad:linear-gradient(135deg,#FE217D 0%,#FF6543 100%);--grad-dark:linear-gradient(135deg,#E0106B 0%,#F04A2A 100%)}
.mk .btn-m,.mk .allcats,.mk .season,.mk .cc-ribbon,.mk .mfeat-tag,.mk .fcard .off,.mk .pill.s,.mk .cc-stickers .st1,.mk .journey li.cur .n{background:var(--grad)!important;border-color:transparent!important}
.mk .btn-m:hover,.mk .allcats:hover{background:var(--grad-dark)!important}
.mk-wc .checkout-button,.mk-wc #place_order,.mk-wc .button.alt,.mk-wc .return-to-shop .button{background:var(--grad)!important;border:0!important}
.mk-wc .checkout-button:hover,.mk-wc #place_order:hover,.mk-wc .button.alt:hover{background:var(--grad-dark)!important}
.mk .btn-ink,.mk .search-box .go,.mk .seg .thumb,.mkl-tabs .thumb,.mkc-body .mk .btn-ink{background:var(--blue)}
.mk .btn-ink:hover,.mkc-body .mk .btn-ink:hover{background:var(--blue-dark)}
.mk .search-box .go:hover{background:var(--grad)}
.mk .cfg legend .n{background:var(--blue)}

/* ---------- Categorías: cabecera compacta (sin chips de categorías ni contador) ---------- */
.mk .cat-hero{padding:18px 0 4px}
.mk .cat-head{margin:10px 0 12px;align-items:flex-end}
.mk .cat-head h1{font-size:clamp(1.8rem,3.2vw,2.5rem);line-height:1.05;margin:0}
.mk .cat-head p{margin-top:6px;font-size:.98rem}
.mk .cat-subs{padding:4px 0 2px}
.mk .cat-body.sec-sm{padding-top:18px}
@media (max-width:760px){
  .mk .cat-hero{padding:12px 0 0}
  .mk .cat-head{margin:6px 0 8px;gap:10px}
  .mk .cat-head p{display:none}
  .mk .cat-sort{width:100%}
}

/* Tarjeta de campaña en la barra lateral (reemplaza el kit de muestras) */
.mk .side-promo{display:block;margin-top:18px;border-radius:18px;overflow:hidden;background:var(--ink);color:#fff;box-shadow:0 14px 30px rgba(10,31,68,.18);transition:transform .25s var(--ease),box-shadow .25s}
.mk .side-promo:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(10,31,68,.26);color:#fff}
.mk .side-promo .im{position:relative;display:block;aspect-ratio:4/3;overflow:hidden}
.mk .side-promo .im img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.mk .side-promo:hover .im img{transform:scale(1.05)}
.mk .side-promo .im em{position:absolute;top:10px;left:10px;font-style:normal;font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:99px;background:var(--grad);color:#fff}
.mk .side-promo .tx{display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}
.mk .side-promo b{font-size:1.02rem;color:#fff}
.mk .side-promo small{font-size:.84rem;color:#C5D3E8;line-height:1.4}
.mk .side-promo .go{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-style:normal;font-weight:800;font-size:.88rem;color:var(--coral)}
.mk .side-promo .go svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.mk .side-promo:hover .go svg{transform:translateX(4px)}

/* ---------- Vista previa de la cotización membretada (sección Empresas) ---------- */
.mk .qv2 .doc{background:#fff;padding:0;overflow:hidden;font-size:.84rem;box-shadow:0 18px 40px rgba(10,31,68,.1)}
.mk .qv2 .qhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 12px}
.mk .qv2 .qbrand{display:flex;gap:10px;align-items:center;min-width:0}
.mk .qv2 .qbrand img{width:46px;height:auto;flex:none}
.mk .qv2 .qbrand span{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.mk .qv2 .qbrand b{font-family:var(--font-d);font-size:1rem;color:var(--ink)}
.mk .qv2 .qbrand small{font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk .qv2 .qid{display:flex;flex-direction:column;align-items:flex-end;gap:4px;text-align:right;flex:none}
.mk .qv2 .qid em{font-style:normal;font-size:.68rem;font-weight:800;letter-spacing:.14em;color:var(--blue)}
.mk .qv2 .qid b{font-family:var(--font-d);font-size:.95rem;color:var(--ink)}
.mk .qv2 .qbar{height:4px;background:linear-gradient(90deg,var(--blue),#FE217D,#FF6543)}
.mk .qv2 .qfor{display:flex;justify-content:space-between;gap:12px;padding:10px 18px;background:var(--paper);border-bottom:1px solid var(--line)}
.mk .qv2 .qfor span{display:flex;flex-direction:column;line-height:1.25}
.mk .qv2 .qfor small{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}
.mk .qv2 .qfor b{font-size:.84rem;color:var(--ink)}
.mk .qv2 .doc .row{display:grid;grid-template-columns:40px 1fr auto 86px;align-items:center;gap:10px;padding:9px 18px;border-bottom:1px solid var(--line-2)}
.mk .qv2 .doc .qth{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;padding-top:10px;padding-bottom:6px;opacity:1;transform:none}
.mk .qv2 .qi img{width:40px;height:40px;border-radius:9px;object-fit:cover;background:var(--paper)}
.mk .qv2 .qn{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.mk .qv2 .qn b{font-weight:700;color:var(--ink);font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk .qv2 .qn small{font-size:.68rem;color:var(--blue);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk .qv2 .qq{color:var(--muted);font-weight:600}
.mk .qv2 .qa,.mk .qv2 .qth span:last-child{text-align:right;font-weight:700;color:var(--ink)}
.mk .qv2 .qtot{margin:10px 18px 0 auto;width:min(260px,70%);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mk .qv2 .qtot .row{display:flex;justify-content:space-between;padding:7px 12px;border-bottom:1px solid var(--line-2);font-size:.82rem}
.mk .qv2 .qtot .qgrand{background:var(--ink);color:#fff;border:0;font-weight:800;font-size:.98rem}
.mk .qv2 .qwords{margin:8px 18px 16px;font-size:.66rem;font-weight:700;letter-spacing:.03em;color:var(--muted);text-align:right}
.mk .qv2 .qnote{font-size:.85rem;color:var(--muted);margin-top:14px}
.mk .qv2 .dl{background:var(--grad);color:#fff}
@media (max-width:760px){
  .mk .qv2 .qhead{flex-direction:column}
  .mk .qv2 .qid{align-items:flex-start;text-align:left;flex-direction:row;flex-wrap:wrap;gap:8px}
  .mk .qv2 .doc .row{grid-template-columns:34px 1fr auto;padding:8px 14px}
  .mk .qv2 .qq{display:none}
  .mk .qv2 .qi img{width:34px;height:34px}
  .mk .qv2 .qtot{width:auto;margin:10px 14px 0}
}

/* ---------- Ofertas de la semana en móvil: una fila, 2 tarjetas completas + asomo de la 3.ª ---------- */
@media (max-width:760px){
  .mk .flash{padding:18px 0 18px 16px}
  .mk .flash .head{padding-right:16px;margin-bottom:14px}
  .mk .flash h2{font-size:1.35rem}
  .mk .fgrid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px) / 2.25);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;padding-right:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .mk .fgrid::-webkit-scrollbar{display:none}
  .mk .fgrid .fcard{scroll-snap-align:start;padding:8px;border-radius:14px;gap:5px;min-width:0}
  .mk .fgrid .fcard:nth-child(n){display:flex}
  .mk .fcard b{font-size:.8rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
  .mk .fcard .pr{flex-wrap:wrap;gap:2px 6px}
  .mk .fcard .pr strong{font-size:1.02rem}
  .mk .fcard .pr s{font-size:.72rem}
  .mk .fcard .off{font-size:.7rem;padding:2px 7px}
  .mk .fcard small{font-size:.66rem;line-height:1.3}
}

/* ---------- Navegación inferior de la tienda (móvil) ---------- */
.mk-bnav{display:none}
@media (max-width:760px){
  body.mk-body #pd-mnav,body.mk-body #pdc-fab,body.mk-body .pdc-fab,body.mk-body .pdc-widget,body.mk-body .scroll-top{display:none!important}
  body.mk-body:not(.mk-focus){padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  body.mk-body:not(.mk-focus) .mk-bnav{display:block}
  .mk-bnav{position:fixed;left:0;right:0;bottom:0;z-index:9500;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-top:1px solid var(--line,#DCE6F2);box-shadow:0 -6px 24px rgba(10,31,68,.08);padding-bottom:env(safe-area-inset-bottom)}
  .mk-bnav ul{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;margin:0;padding:6px 6px 8px;list-style:none}
  .mk-bnav li{margin:0;padding:0;list-style:none}
  .mk-bnav a,.mk-bnav button{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:6px 0 2px;border:0;background:none;color:#56657F;font:600 .68rem/1.1 var(--font,"DM Sans",sans-serif);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .mk-bnav svg{width:22px;height:22px;transition:transform .25s cubic-bezier(.22,1,.36,1)}
  .mk-bnav a:active svg,.mk-bnav button:active svg{transform:scale(.88)}
  .mk-bnav .on{color:var(--blue,#0060A5)}
  .mk-bnav .on::before{content:"";position:absolute;top:-7px;width:22px;height:3px;border-radius:0 0 3px 3px;background:var(--blue,#0060A5)}
  .mk-bnav .cart .ci{width:52px;height:52px;margin-top:-26px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#FE217D,#FF6543);color:#fff;box-shadow:0 10px 22px rgba(254,33,125,.35);border:3px solid #fff}
  .mk-bnav .cart{color:var(--ink,#0A1F44)}
  .mk-bnav .cart svg{width:24px;height:24px}
  .mk-bnav .badge{position:absolute;top:-30px;left:calc(50% + 12px);min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--ink,#0A1F44);color:#fff;font-size:.68rem;font-weight:800;display:grid;place-items:center;border:2px solid #fff}
  .mk-bnav .badge:empty,.mk-bnav .badge[data-n="0"]{display:none}
  .mk-bnav .hot{position:absolute;top:2px;left:calc(50% + 6px);width:8px;height:8px;border-radius:50%;background:#FE217D;box-shadow:0 0 0 2px #fff}
  /* Hoja de categorías */
  .mk-sheet{position:fixed;inset:0;z-index:9600;visibility:hidden;pointer-events:none}
  .mk-sheet.open{visibility:visible;pointer-events:auto}
  .mk-sheet .sc{position:absolute;inset:0;background:rgba(10,31,68,.45);opacity:0;transition:opacity .3s}
  .mk-sheet.open .sc{opacity:1}
  .mk-sheet .pn{position:absolute;left:0;right:0;bottom:0;max-height:80vh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:10px 16px calc(24px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .38s cubic-bezier(.22,1,.36,1)}
  .mk-sheet.open .pn{transform:none}
  .mk-sheet .grab{width:42px;height:5px;border-radius:5px;background:#DCE6F2;margin:4px auto 12px}
  .mk-sheet h3{display:flex;justify-content:space-between;align-items:center;font:800 1.15rem var(--font-d,"Bricolage Grotesque",sans-serif);color:var(--ink,#0A1F44);margin:0 0 10px}
  .mk-sheet h3 button{border:0;background:#F4F8FC;border-radius:10px;width:36px;height:36px;display:grid;place-items:center;color:var(--ink,#0A1F44)}
  .mk-sheet .cats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none}
  .mk-sheet .cats a{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#F4F8FC;color:var(--ink,#0A1F44);font-weight:700;font-size:.86rem;line-height:1.2;text-decoration:none}
  .mk-sheet .cats a .ic{width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center;color:var(--blue,#0060A5);flex:none}
  .mk-sheet .cats a .ic svg{width:18px;height:18px}
  .mk-sheet .cats a.promo{grid-column:1/-1;background:linear-gradient(135deg,#FE217D,#FF6543);color:#fff}
  .mk-sheet .cats a.promo .ic{background:rgba(255,255,255,.2);color:#fff}
}