/* ============================================================
   Marketplaces (home #marketplaces e as 4 páginas de vendedores).
   Blocos na cor de cada plataforma, com o guilhochê da Certifica
   por cima em branco. Botões de compra seguem no azul do site.
   Cores de texto conferidas em AA: branco sobre o fim do degradê
   da Shopee (de #C8391B em diante, 5,2:1), azul #2D3277 sobre o amarelo (9:1),
   #EEF6FF sobre o azul do tíquete (4,7:1).
   ============================================================ */
.is-shopee{--mk-bg:linear-gradient(170deg,#F4623C 0%,#EE4D2D 34%,#C8391B 76%,#BD3416 100%);--mk-flat:#E2451F;--mk-fg:#fff;--mk-fg-2:#fff;--mk-ink:#C2361A;--mk-glow:rgba(200,57,27,.45)}
.is-ml{--mk-bg:linear-gradient(165deg,#FFEB33 0%,#FFE600 55%,#F7D900 100%);--mk-flat:#FFE600;--mk-fg:#2D3277;--mk-fg-2:#2D3277;--mk-ink:#2D3277;--mk-glow:rgba(173,150,0,.45)}
.is-tiktok{--mk-bg:radial-gradient(120% 80% at 0% 0%,rgba(37,244,238,.22),transparent 55%),radial-gradient(110% 80% at 100% 100%,rgba(254,44,85,.28),transparent 55%),#111114;--mk-flat:#111114;--mk-fg:#fff;--mk-fg-2:#D9D9E0;--mk-ink:#D41E4B;--mk-glow:rgba(17,17,20,.5)}
.is-shein{--mk-bg:linear-gradient(165deg,#2A2A2A 0%,#161616 60%,#0E0E0E 100%);--mk-flat:#161616;--mk-fg:#fff;--mk-fg-2:#DADADA;--mk-ink:#161616;--mk-glow:rgba(14,14,14,.5)}

/* ░░ BLOCO DA MARCA ░░ */
.mk-tile{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:360px;padding:26px 24px 24px;border-radius:20px;background:var(--mk-bg);color:var(--mk-fg);box-shadow:0 1px 2px rgba(14,42,71,.08),0 22px 40px -26px var(--mk-glow);transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}
.mk-tile .guilloche{position:absolute;z-index:-1;width:175%;right:-98%;top:-58%;transition:transform 1.2s var(--ease-out)}
.mk-tile .guilloche path{stroke:var(--mk-fg);opacity:.13}
.is-ml.mk-tile .guilloche path{opacity:.1}
.is-shein.mk-tile .guilloche path{opacity:.17}
.mk-logo{flex:1;display:grid;place-items:center;min-height:150px;padding:8px 0 18px}
.mk-logo img{display:block;height:auto;transition:transform .45s var(--ease-out)}
.mk-logo .mk-ic{width:96px}
.mk-logo .mk-ml{width:190px}
.mk-logo .mk-sh{width:196px}
/* o "glitch" de duas cores é a assinatura visual do TikTok */
.is-tiktok .mk-logo img{filter:drop-shadow(-3px -2px 0 #25F4EE) drop-shadow(3px 2px 0 #FE2C55)}
.mk-body{display:flex;flex-direction:column;gap:6px}
.mk-tile h3{font-size:22px;letter-spacing:-.025em;color:inherit}
.mk-tile p{font-size:14.5px;line-height:1.5;color:var(--mk-fg-2);max-width:30ch}
.mk-cta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:12px;min-height:40px;padding:0 14px;border-radius:var(--r-sm);background:#fff;color:var(--mk-ink);font-size:14.5px;font-weight:700;box-shadow:0 6px 16px -10px rgba(0,0,0,.45)}
.is-ml .mk-cta{background:#2D3277;color:#fff}
a.mk-tile:active{transform:scale(.98)}
a.mk-tile:focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:20px}
@media (hover:hover) and (pointer:fine){
  a.mk-tile:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(14,42,71,.08),0 30px 50px -24px var(--mk-glow)}
  a.mk-tile:hover .mk-logo img{transform:scale(1.05)}
  a.mk-tile:hover .guilloche{transform:rotate(14deg)}
  a.mk-tile:hover .i-arrow{transform:translateX(3px)}
}

/* ░░ HOME: vitrine ░░ */
.mkt-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 48px;align-items:end;margin-bottom:40px}
.mkt-head .sec-head{margin-bottom:0}
.mkt-head .h2 .muted{display:block}
.mk-offer{display:grid;grid-template-columns:auto auto;grid-template-areas:'txt cta' 'price cta';align-items:center;column-gap:30px;row-gap:6px;padding:20px 20px 20px 26px;border-radius:var(--r);background:#fff;box-shadow:var(--sh-2),0 0 0 1px var(--line)}
.mk-offer-txt{grid-area:txt;display:flex;flex-direction:column;gap:1px}
.mk-offer .btn{grid-area:cta}
.mk-offer-txt strong{font-size:15px;font-weight:700;color:var(--ink)}
.mk-offer-txt span{font-size:13.5px;color:var(--ink-3)}
.mk-offer-price{grid-area:price;font-size:42px;font-weight:700;letter-spacing:-.035em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.mk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}

/* ░░ PÁGINAS: topo com o bloco grande e o tíquete ░░ */
.mk-page .page-hero h1 i{color:var(--mk-ink)}
.is-ml.mk-page .page-hero h1 i,.is-shein.mk-page .page-hero h1 i{color:var(--ink)}
.is-ml.mk-page .page-hero h1 i{background:linear-gradient(transparent 58%,#FFE600 58%,#FFE600 90%,transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.is-shein.mk-page .page-hero h1 i{background:linear-gradient(transparent 58%,#E4E4E7 58%,#E4E4E7 90%,transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.mk-hero{position:relative;justify-self:end;width:100%;max-width:430px}
.mk-tile.is-hero{min-height:0;aspect-ratio:1/1;padding:30px;justify-content:center;border-radius:24px}
.mk-tile.is-hero .guilloche{width:130%;right:-48%;top:-30%}
.mk-tile.is-hero .mk-logo{min-height:0;padding:0 0 56px}
.mk-tile.is-hero .mk-ic{width:150px}
.mk-tile.is-hero .mk-ml{width:270px}
.mk-tile.is-hero .mk-sh{width:280px}
/* tíquete: o invólucro leva a sombra (drop-shadow segue o recorte); o miolo leva o picote */
.mk-ticket{position:absolute;left:-28px;bottom:-22px;transform:rotate(-3deg);filter:drop-shadow(0 18px 22px rgba(14,42,71,.22)) drop-shadow(0 2px 3px rgba(14,42,71,.12))}
.mk-ticket-in{display:flex;align-items:center;gap:16px;padding:16px 26px 16px 24px;border-radius:14px;background:#fff;color:var(--ink);
  -webkit-mask:radial-gradient(circle 9px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 9px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle 9px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 9px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat}
.mk-ticket-p{font-size:34px;font-weight:700;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.mk-ticket-d{display:flex;flex-direction:column;gap:1px;padding-left:16px;border-left:1.5px dashed var(--line-2);font-size:13.5px;line-height:1.35;color:var(--ink-3)}
.mk-ticket-d strong{font-size:14.5px;color:var(--ink)}

/* ░░ PÁGINAS: os dois tíquetes de preço ░░
   .mk-pt (sombra) > .mk-pt-a (nome e preço, picote embaixo) + .mk-pt-b (detalhes, picote em cima).
   O indicado para a NF-e tem a parte de cima no azul do site. */
.mk-prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:900px}
.mk-pt{display:flex;flex-direction:column;filter:drop-shadow(0 14px 22px rgba(14,42,71,.10)) drop-shadow(0 1px 1.5px rgba(14,42,71,.14))}
.mk-pt-a,.mk-pt-b{position:relative;isolation:isolate;overflow:hidden;background:#fff}
.mk-pt-a{display:flex;flex-direction:column;gap:6px;padding:28px 30px 26px;border-radius:var(--r) var(--r) 0 0;
  -webkit-mask:radial-gradient(circle 12px at 0 100%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 12px at 100% 100%,#0000 98%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle 12px at 0 100%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 12px at 100% 100%,#0000 98%,#000) right/51% 100% no-repeat}
.mk-pt-b{flex:1;display:flex;flex-direction:column;gap:16px;padding:24px 30px 28px;border-radius:0 0 var(--r) var(--r);background-image:linear-gradient(90deg,var(--line-2) 50%,transparent 0);background-size:12px 1.5px;background-repeat:repeat-x;background-position:0 0;
  -webkit-mask:radial-gradient(circle 12px at 0 0,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 12px at 100% 0,#0000 98%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle 12px at 0 0,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 12px at 100% 0,#0000 98%,#000) right/51% 100% no-repeat}
.mk-pt-a .guilloche{position:absolute;z-index:-1;width:340px;right:-140px;top:-150px}
.mk-pt-a .guilloche path{opacity:.12}
.mk-pt h3{font-size:22px;letter-spacing:-.025em;color:inherit}
.mk-pt-s{font-size:14.5px;color:var(--ink-3)}
.mk-pt .pt-tag{align-self:flex-start;margin-bottom:4px;padding:3px 10px;border-radius:999px;background:var(--blue-t);color:var(--blue-h);font-size:12.5px;font-weight:700}
.mk-pt-p{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:12px;font-size:46px;font-weight:700;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}
.mk-pt-p small{font-size:14.5px;font-weight:500;letter-spacing:0;color:var(--ink-3)}
.mk-pt.hl .mk-pt-a{background:var(--blue-cta);color:#fff}
.mk-pt.hl .mk-pt-a .guilloche path{stroke:#fff;opacity:.16}
.mk-pt.hl .mk-pt-s,.mk-pt.hl .mk-pt-p small{color:#EEF6FF}
.mk-pt.hl .pt-tag{background:#fff;color:var(--blue-h)}
.mk-pt .checks li{font-size:15px}
.mk-pt-for{font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.mk-pt .btn{width:100%;margin-top:auto}

/* ░░ PÁGINAS: do pedido à nota ░░ */
.mk-flow-wrap{position:relative}
.mk-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
/* a linha liga o centro do primeiro ícone ao do último (colunas de (100% - 3 x 18px) / 4) */
.mk-flow-line{position:absolute;left:32px;right:calc((100% - 54px) / 4 - 32px);top:31px;height:2px;background:var(--line-2);overflow:hidden;border-radius:2px}
.mk-flow-line i{position:absolute;inset:0;background:linear-gradient(90deg,var(--mk-flat),var(--blue));transform-origin:left center}
.mk-flow > li{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.mk-flow-ic{position:relative;z-index:1;display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#fff;color:var(--blue-cta);font-size:28px;box-shadow:var(--sh-1),0 0 0 1px var(--line)}
.mk-flow-ic.is-brand{background:var(--mk-bg);box-shadow:0 12px 24px -14px var(--mk-glow)}
.mk-flow-ic.is-brand img{width:34px;height:auto}
.is-ml .mk-flow-ic.is-brand img{width:46px}
.is-shein .mk-flow-ic.is-brand img{width:48px}
.is-tiktok .mk-flow-ic.is-brand img{filter:drop-shadow(-1.5px -1px 0 #25F4EE) drop-shadow(1.5px 1px 0 #FE2C55)}
.mk-flow-ic.is-ok{background:var(--blue-cta);color:#fff;box-shadow:0 12px 24px -14px rgba(31,111,191,.8)}
.mk-flow h3{font-size:19px;letter-spacing:-.02em;line-height:1.3}
.mk-flow p{margin-top:6px;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.mk-flow-foot{display:flex;gap:12px;align-items:flex-start;margin-top:40px;padding:18px 20px;border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px var(--line);font-size:15.5px;line-height:1.6;color:var(--ink-2);max-width:780px}
.mk-flow-foot .ph{flex-shrink:0;margin-top:3px;font-size:20px;color:var(--blue-cta)}
.mk-flow-foot strong{color:var(--ink)}
.mk-page .howm-steps .n{background:var(--mk-flat);color:var(--mk-fg)}

/* ░░ PÁGINAS IRMÃS: logo na cor da plataforma ░░ */
.sib .im.is-logo.mk-swatch{background:var(--mk-bg)}
.sib .im.is-logo.mk-swatch img{max-width:46%;max-height:46%}
.sib .im.is-logo.mk-swatch.is-ml img,.sib .im.is-logo.mk-swatch.is-shein img{max-width:62%}
.sib .im.is-logo.mk-swatch.is-tiktok img{filter:drop-shadow(-2px -1px 0 #25F4EE) drop-shadow(2px 1px 0 #FE2C55)}

/* ░░ RESPONSIVO ░░ */
@media (max-width:1100px){
  .mkt-head{grid-template-columns:1fr;align-items:start}
  .mk-offer{justify-self:start}
  .mk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-tile{min-height:320px}
  .mk-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
  .mk-flow-line{display:none}
}
@media (max-width:900px){
  .mk-hero{justify-self:center;max-width:340px;margin:8px auto 30px}
  .mk-ticket{left:-10px;bottom:-24px}
  .mk-ticket-in{padding:13px 20px 13px 18px}
  .mk-ticket-p{font-size:28px}
  .mk-tile.is-hero .mk-ic{width:116px}
  .mk-tile.is-hero .mk-ml{width:210px}
  .mk-tile.is-hero .mk-sh{width:220px}
  .mk-prices{grid-template-columns:1fr;max-width:520px}
}
@media (max-width:600px){
  .mk-offer{width:100%;grid-template-columns:1fr;grid-template-areas:'txt' 'price' 'cta';row-gap:8px;padding:20px}
  .mk-offer .btn{width:100%;margin-top:8px}
  .mk-offer-price{font-size:38px}
  .mk-grid{gap:10px}
  .mk-tile{min-height:0;padding:16px 14px 14px;border-radius:16px}
  .mk-logo{min-height:96px;padding:2px 0 10px}
  .mk-logo .mk-ic{width:62px}
  .mk-logo .mk-ml{width:118px}
  .mk-logo .mk-sh{width:122px}
  .mk-tile h3{font-size:17px}
  .mk-tile p{display:none}
  .mk-cta{margin-top:8px;min-height:36px;padding:0 11px;font-size:13.5px}
  .mk-pt-a{padding:24px 22px 22px}
  .mk-pt-b{padding:22px 22px 24px}
  .mk-pt-p{font-size:40px}
  .mk-flow{grid-template-columns:1fr;gap:26px}
  .mk-flow > li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px}
  .mk-flow-ic{width:56px;height:56px;border-radius:16px;font-size:24px}
}
@media (prefers-reduced-motion: reduce){
  .mk-tile,.mk-tile .guilloche,.mk-logo img{transition:none}
}