/* 3D Club Maranhão · páginas de marca (/bambulab/, /snapmaker/, /xtool/)
   Prefixo mrc-. Hero em palco de produto e bento grid. Só transform e opacity animam. */

/* ---------- hero ---------- */
.mrc-hero{position:relative;isolation:isolate;overflow:hidden;padding:calc(var(--nav-h) + clamp(22px,3.6vw,44px)) 0 clamp(72px,12vw,176px)}
.mrc-hero::before{content:"";position:absolute;z-index:-2;right:-12%;top:-8%;width:min(980px,130vw);aspect-ratio:1;background:radial-gradient(closest-side,rgba(37,99,235,.17),transparent 72%);pointer-events:none}
.mrc-hero__dagua{position:absolute;z-index:-1;left:50%;bottom:-.3em;transform:translateX(-50%);margin:0;font-family:var(--f-display);font-weight:700;font-size:clamp(84px,17vw,260px);line-height:.8;letter-spacing:-.05em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.075);pointer-events:none;user-select:none}

.mrc-hero__topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-bottom:clamp(30px,4.6vw,60px)}
.mrc-hero__topo .migalhas{margin:0}
.mrc-trocar{display:inline-flex;gap:4px;padding:4px;border-radius:var(--r-pill);border:1px solid var(--line);background:rgba(255,255,255,.03);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.mrc-trocar a{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:var(--r-pill);font-size:14px;font-weight:500;color:var(--text-2);white-space:nowrap;transition:color var(--t-fast),background-color var(--t-fast)}
.mrc-trocar a:hover{color:#fff;background:rgba(255,255,255,.07)}
.mrc-trocar a[aria-current="page"]{background:#fff;color:var(--product-ink)}

.mrc-hero__grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(40px,5.4vw,84px);align-items:center}
.mrc-hero__texto{min-width:0}
.mrc-hero__kicker{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.mrc-hero__kicker span{display:inline-flex;align-items:center;gap:14px;color:var(--accent-soft)}
.mrc-hero__kicker span::after{content:"";width:26px;height:1px;background:var(--line-strong)}
.mrc-hero h1{margin-top:18px;font-size:var(--h1);line-height:1.02;letter-spacing:-.035em;max-width:15ch}
.mrc-hero .lede{margin-top:22px;font-size:clamp(16.5px,1.4vw,19px);max-width:50ch}
.mrc-hero__selo{margin-top:24px}
.mrc-hero .btns{margin-top:28px}
.mrc-fatos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(34px,4vw,50px);border-top:1px solid var(--line)}
.mrc-fatos li{min-width:0;padding:18px 16px 0 0}
.mrc-fatos li+li{padding-left:18px;border-left:1px solid var(--line)}
.mrc-fatos strong{display:block;font-family:var(--f-display);font-weight:600;font-size:clamp(19px,1.7vw,24px);line-height:1.15;letter-spacing:-.02em}
.mrc-fatos span{display:block;margin-top:6px;font-size:13.5px;line-height:1.4;color:var(--text-3)}

/* palco de produto */
.mrc-hero__visual{margin:0;min-width:0}
.mrc-palco{position:relative;overflow:hidden;border-radius:28px;background:var(--product);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 60px 120px -60px rgba(37,99,235,.55),0 30px 70px -34px rgba(0,0,0,.9)}
.mrc-palco__chip{position:absolute;left:18px;top:18px;z-index:3;display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:var(--r-pill);font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--product-ink);background:rgba(255,255,255,.72);border:1px solid rgba(22,24,29,.08)}
.mrc-palco__nota{position:absolute;right:16px;bottom:14px;z-index:3;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--product-ink-2)}
.mrc-hero__legenda{display:flex;align-items:flex-start;gap:10px;margin-top:14px;font-size:13px;line-height:1.5;color:var(--text-3)}
.mrc-hero__legenda svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--accent-soft)}

/* Bambu Lab: fila de máquinas na proporção da altura oficial */
.mrc-palco--fila{padding:64px clamp(14px,2.6vw,30px) 0}
.mrc-palco--fila::after{content:"";position:absolute;left:0;right:0;bottom:0;height:64px;background:linear-gradient(180deg,#DDE1E6,#E7EAEE);border-top:1px solid rgba(22,24,29,.1)}
.mrc-fila{position:relative;z-index:1;display:flex;align-items:flex-end;gap:clamp(2px,.8vw,10px)}
.mrc-fila__item{flex:var(--h) 1 0;min-width:0}
.mrc-fila__foto{position:relative;aspect-ratio:440/534;overflow:hidden}
.mrc-fila__foto img{position:absolute;top:-18.727%;left:50%;width:163.64%;max-width:none;height:auto;transform:translateX(-50%)}
.mrc-fila__nome{height:var(--nome-h,64px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:var(--f-display);font-weight:600;font-size:clamp(12.5px,1.15vw,15px);line-height:1.2;color:var(--product-ink)}
.mrc-fila__nome span{margin-top:3px;font-family:var(--f-mono);font-weight:500;font-size:10.5px;letter-spacing:.06em;color:var(--product-ink-2)}

/* Variante da fila para a xTool. A regra padrão amplia a foto 163% e corta o topo, o que serve
   para as impressoras da Bambu Lab, que são altas e preenchem o quadro. As xTool são baixas e
   largas: nesse corte a máquina sai de cena e sobra um retângulo cinza. Aqui a foto aparece
   inteira, e as colunas ficam do mesmo tamanho, porque não há comparação de altura a fazer. */
.mrc-fila--igual{align-items:flex-start}
.mrc-fila--igual .mrc-fila__foto{aspect-ratio:1/1}
.mrc-fila--igual .mrc-fila__foto img{position:absolute;inset:0;top:0;left:0;width:100%;height:100%;object-fit:contain;transform:none}
/* A linha de varredura encosta na base das máquinas, e ela se posiciona pela altura do bloco de
   nomes. Por isso as duas leem a mesma medida: mudar uma sem a outra põe a linha atravessando as
   fotos, que foi o que aconteceu quando este bloco ficou mais baixo. */
.mrc-fila--igual .mrc-fila__nome{justify-content:flex-start;padding-top:4px}
@media (max-width:560px){
  .mrc-palco--fila{--nome-h:62px}
  .mrc-fila--igual .mrc-fila__nome{font-size:11.5px}
  .mrc-fila--igual .mrc-fila__nome span{font-size:9.5px}
}
.mrc-varre{position:absolute;inset:0 0 var(--nome-h,64px);z-index:2;pointer-events:none;opacity:0;animation:mrc-varre 8s var(--ease-io) infinite;animation-delay:-2.5s}
.mrc-varre::before{content:"";position:absolute;left:6%;right:6%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.7),transparent);box-shadow:0 0 14px 1px rgba(59,130,246,.35)}
@keyframes mrc-varre{0%{transform:translateY(0);opacity:0}14%{opacity:1}78%{opacity:.85}100%{transform:translateY(-80%);opacity:0}}

/* Snapmaker: foto com pontos numerados */
.mrc-palco--pontos{aspect-ratio:720/560}
.mrc-recorte{position:absolute;inset:0;overflow:hidden}
.mrc-recorte img{position:absolute;left:0;top:-17.857%;width:100%;max-width:none;height:auto}
.mrc-ponto{position:absolute;z-index:2;left:var(--x);top:var(--y);width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;display:grid;place-items:center;background:var(--product-ink);color:#fff;font-family:var(--f-mono);font-size:12px;line-height:1;box-shadow:0 0 0 5px rgba(255,255,255,.8),0 10px 22px -8px rgba(0,0,0,.6)}
.mrc-ponto--vivo::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid var(--accent-strong);opacity:0;animation:mrc-pulso 4.5s var(--ease-out) infinite;animation-delay:-1s}
@keyframes mrc-pulso{0%{transform:scale(1);opacity:.85}60%,100%{transform:scale(2.2);opacity:0}}
.mrc-legenda{display:grid;gap:10px;margin-top:18px}
.mrc-legenda li{display:flex;align-items:center;gap:12px;font-size:14.5px;line-height:1.45;color:var(--text-2)}
.mrc-legenda__n{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--f-mono);font-size:11.5px;color:#fff;border:1px solid var(--line-strong)}

/* xTool: gravação ilustrada */
}
.mrc-palco--laser{background:linear-gradient(rgba(22,24,29,.06) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(22,24,29,.06) 1px,transparent 1px) 0 0/24px 24px,var(--product)}
.mrc-cena{width:100%;height:auto}
.mrc-cena__cabeca{animation:mrc-laser 6.5s var(--ease-io) infinite alternate;animation-delay:-3.25s}
@keyframes mrc-laser{from{transform:translateX(-80px)}to{transform:translateX(80px)}}
.mrc-materiais{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.mrc-materiais li{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:13.5px;color:var(--text-2)}
.mrc-materiais b{font-family:var(--f-mono);font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-soft)}

/* ---------- a peça própria de cada marca (entre o herói e o bento) ---------- */
.mrc-peca{padding-bottom:clamp(30px,3.6vw,52px)}

/* Bambu Lab: as três linhas do catálogo */
.mrc-linhas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3.4vw,52px)}
.mrc-linha{display:flex;flex-direction:column;padding-top:22px;border-top:1px solid var(--line-strong)}
.mrc-linha__n{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.mrc-linha__n b{font-weight:500;color:var(--accent-soft)}
.mrc-linha__titulo{margin-top:16px;font-size:clamp(20px,1.9vw,25px);line-height:1.15;letter-spacing:-.02em}
.mrc-linha__texto{margin-top:12px;font-size:14.5px;line-height:1.6;color:var(--text-2)}
.mrc-linha__modelos{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:22px}
.mrc-linha__modelos a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:var(--r-pill);border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:13.5px;font-weight:500;color:var(--text-2);transition:color var(--t-fast),border-color var(--t-fast),background-color var(--t-fast)}
.mrc-linha__modelos a:hover{color:#fff;border-color:rgba(96,165,250,.45);background:rgba(37,99,235,.14)}

/* Snapmaker: a sequência da troca de cabeças */
.mrc-passos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,26px)}
.mrc-passo{position:relative;padding:24px 22px 26px;border-radius:var(--r-card);border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-2),var(--panel))}
.mrc-passo::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,var(--accent-strong),transparent)}
.mrc-passo:last-child::before{background:linear-gradient(90deg,var(--ok),transparent)}
.mrc-passo__n{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);font-family:var(--f-mono);font-size:14px;color:var(--accent-soft)}
.mrc-passo:last-child .mrc-passo__n{border-color:rgba(52,211,153,.5);color:var(--ok)}
.mrc-passo__titulo{margin-top:18px;font-size:clamp(17px,1.5vw,20px);line-height:1.2}
.mrc-passo__texto{margin-top:10px;font-size:14.5px;line-height:1.55;color:var(--text-2)}

/* xTool: a tabela de feixe por material */
.mrc-feixes{min-width:760px;font-size:15px}
.mrc-feixes thead th{padding-block:16px;font-family:var(--f-mono);font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);white-space:nowrap;border-bottom-color:var(--line-strong)}
.mrc-feixes thead th:nth-child(1){width:17%}
.mrc-feixes thead th:nth-child(2){width:17%}
.mrc-feixes thead th:nth-child(3){width:38%}
.mrc-feixes thead th:nth-child(4){width:28%}
.mrc-feixes th[scope="row"]{width:auto;min-width:150px;color:#fff;vertical-align:top}
.mrc-feixes__nome{display:block;font-family:var(--f-display);font-size:17px;font-weight:600}
.mrc-feixes__onda{display:block;margin-top:4px;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.06em;color:var(--accent-soft)}
.mrc-feixes td{min-width:0;color:var(--text-2);vertical-align:top;line-height:1.5}
.mrc-feixes__faz{color:#fff;font-weight:500}
.mrc-feixes__maq{display:flex;flex-wrap:wrap;gap:6px}
.mrc-feixes__maq a{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--line);font-size:13px;color:#fff;transition:border-color var(--t-fast),background-color var(--t-fast)}
.mrc-feixes__maq a:hover{border-color:rgba(96,165,250,.45);background:rgba(37,99,235,.14)}
.mrc-feixes__nota{margin-top:18px}
.mrc-rot{display:none}

/* ---------- bento ---------- */
.mrc-secao{padding-top:clamp(30px,3.6vw,52px)}
.mrc-bento{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(12px,1.3vw,16px)}

.mrc-t{position:relative;min-width:0;overflow:hidden;border-radius:var(--r-card);border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:var(--shadow-soft);padding:clamp(22px,2.4vw,32px);
  transition:opacity .8s var(--ease-out),transform .8s var(--ease-out),border-color var(--t-med) var(--ease-out)}
.mrc-t:hover{border-color:rgba(255,255,255,.17)}
.mrc-t h3{font-size:clamp(21px,1.9vw,26px);line-height:1.14;letter-spacing:-.02em}
.mrc-t p{font-size:15px;line-height:1.6;color:var(--text-2)}
.mrc-t h3 + p{margin-top:12px}
.mrc-t .link-seta{margin-top:18px;min-height:44px}
.mrc-t .mrc-rotulo{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-family:var(--f-mono);font-size:11.5px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.mrc-rotulo svg{width:15px;height:15px;flex:none;color:var(--accent-soft)}

/* manifesto */
.mrc-manif{display:flex;flex-direction:column;padding:clamp(26px,3.4vw,48px);background:radial-gradient(120% 90% at 100% 100%,rgba(37,99,235,.15),transparent 55%),linear-gradient(180deg,var(--panel-2),var(--panel))}
.mrc-t .mrc-manif__titulo{position:relative;z-index:1;font-size:clamp(26px,2.9vw,40px);line-height:1.06;letter-spacing:-.03em;max-width:16ch}
.mrc-t .mrc-manif__texto{position:relative;z-index:1;margin-top:20px;font-size:clamp(15.5px,1.3vw,17.5px);max-width:54ch}
.mrc-principios{position:relative;z-index:1;margin-top:auto;padding-top:30px}
.mrc-principios li{display:flex;align-items:baseline;gap:16px;padding:13px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.45;color:#fff}
.mrc-principios__n{flex:none;font-family:var(--f-mono);font-size:11.5px;letter-spacing:.06em;color:var(--accent-soft)}
.mrc-manif__camadas{position:absolute;right:-60px;top:-60px;width:340px;height:340px;background-image:repeating-linear-gradient(180deg,rgba(147,197,253,.09) 0 1px,transparent 1px 8px);-webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent);pointer-events:none}

/* prova verificável */
.mrc-prova{border-color:rgba(96,165,250,.3);background:radial-gradient(110% 120% at 0% 0%,rgba(37,99,235,.17),transparent 60%),linear-gradient(180deg,var(--panel-2),var(--panel))}
.mrc-t.mrc-prova .mrc-rotulo{color:#BFDBFE}
.mrc-led{position:relative;width:8px;height:8px;flex:none;margin-right:2px;border-radius:50%;background:var(--ok)}
.mrc-led::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--ok);opacity:0;animation:mrc-pulso 4s var(--ease-out) infinite}

/* prêmio */
.mrc-premio{display:flex;align-items:flex-start;gap:22px}
.mrc-premio__marca{flex:none;width:78px;height:78px;border-radius:22px;display:grid;place-items:center;align-content:center;gap:4px;background:linear-gradient(160deg,#1B2438,#0F121A);border:1px solid rgba(96,165,250,.3);color:#BFDBFE}
.mrc-premio__marca svg{width:26px;height:26px}
.mrc-premio__marca span{font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;color:var(--text-2)}
.mrc-premio__corpo{min-width:0}

/* números */
.mrc-numeros__lista{margin-top:16px}
.mrc-numeros__lista div{display:flex;align-items:baseline;gap:16px;padding:12px 0;border-top:1px solid var(--line)}
.mrc-numeros__lista dt{flex:none;min-width:112px;font-family:var(--f-display);font-weight:600;font-size:clamp(22px,2vw,28px);line-height:1.05;letter-spacing:-.03em;color:#fff}
.mrc-numeros__lista dd{margin:0;font-size:14px;line-height:1.45;color:var(--text-2)}

/* cabeçalho dos produtos */
.mrc-ph{display:flex;flex-direction:column;justify-content:center;background:radial-gradient(90% 90% at 0% 100%,rgba(37,99,235,.1),transparent 60%),linear-gradient(180deg,var(--panel-2),var(--panel))}

/* cartões de produto dentro do bento */
.mrc-slot{display:flex;min-width:0;transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.mrc-slot > .produto{flex:1;min-width:0}
.mrc-slot .produto__foto{aspect-ratio:4/3}
.mrc-slot--destaque .foto-tecnica svg{width:min(62%,360px);height:auto}

/* acessórios (Snapmaker) */
.mrc-acess{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:20px}
.mrc-acess__ico{width:84px;height:84px;border-radius:18px;display:grid;place-items:center;color:#3B4556;background:linear-gradient(rgba(22,24,29,.07) 1px,transparent 1px) 0 0/12px 12px,linear-gradient(90deg,rgba(22,24,29,.07) 1px,transparent 1px) 0 0/12px 12px,var(--product)}
.mrc-acess__ico svg{width:38px;height:38px}
.mrc-acess__corpo{min-width:0}
.mrc-t.mrc-acess .mrc-rotulo{margin-bottom:8px}
.mrc-acess h3{font-size:20px}
.mrc-t.mrc-acess p:not(.mrc-rotulo){font-size:14.5px}
.mrc-t.mrc-acess h3 + p{margin-top:8px}
.mrc-t.mrc-acess .link-seta{margin-top:8px}

/* categorias */
.mrc-cat__lista{margin-top:20px;border-top:1px solid var(--line)}
.mrc-cat__link{display:flex;align-items:center;gap:16px;min-height:64px;padding:12px 4px 12px 0;border-bottom:1px solid var(--line)}
.mrc-cat__ico{width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line);color:var(--accent-soft);transition:border-color var(--t-fast),background-color var(--t-fast)}
.mrc-cat__ico svg{width:20px;height:20px}
.mrc-cat__txt{flex:1;min-width:0}
.mrc-cat__txt strong{display:block;font-size:15.5px;font-weight:600;line-height:1.3;color:#fff;transition:color var(--t-fast)}
.mrc-cat__txt small{display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:var(--text-3)}
.mrc-cat__seta{width:18px;height:18px;flex:none;color:var(--text-3);transition:transform var(--t-fast) var(--ease-out),color var(--t-fast)}
.mrc-cat__link:hover strong{color:#BFDBFE}
.mrc-cat__link:hover .mrc-cat__seta{transform:translateX(3px);color:#fff}
.mrc-cat__link:hover .mrc-cat__ico{border-color:rgba(96,165,250,.4);background:rgba(37,99,235,.12)}

/* aplicações */
.mrc-apt{display:flex;flex-direction:column;justify-content:center}
.mrc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.mrc-chips li{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:13px;line-height:1.3;color:var(--text-2)}

.mrc-vis{margin:0;padding:0;min-height:240px}
.mrc-vis--foto{background:var(--panel)}
.mrc-vis--foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);transition:transform 1.2s var(--ease-out)}
.mrc-vis--foto:hover img{transform:scale(1.035)}
.mrc-vis--foto::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,1,3,.5),transparent 42%);pointer-events:none}
.mrc-vis__legenda{position:absolute;left:14px;bottom:14px;z-index:2;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;max-width:calc(100% - 28px);padding:9px 14px;border-radius:14px;background:rgba(1,1,3,.74);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:14px;font-weight:600;line-height:1.3;color:#fff}
.mrc-vis__legenda small{font-family:var(--f-mono);font-weight:500;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-soft)}
.mrc-vis--ilustra{border-color:rgba(255,255,255,.12);background:linear-gradient(rgba(22,24,29,.06) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,rgba(22,24,29,.06) 1px,transparent 1px) 0 0/24px 24px,var(--product)}
.mrc-vis__arte{position:absolute;inset:0 0 58px;display:grid;place-items:center;padding:28px 24px 8px}
.mrc-vis__arte svg{width:100%;height:100%}
.mrc-vis__nota{position:absolute;right:16px;top:14px;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--product-ink-2)}
.mrc-vis--ilustra .mrc-vis__legenda{background:var(--product-ink)}

/* caminhos */
.mrc-cta{display:flex;flex-direction:column;min-height:220px}
.mrc-cta__ico{width:48px;height:48px;flex:none;margin-bottom:auto;border-radius:14px;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line);color:var(--accent-soft)}
.mrc-cta__ico svg{width:24px;height:24px}
.mrc-cta h3{margin-top:30px;padding-right:8px}
.mrc-cta__link::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.mrc-cta__link:focus-visible{outline:none}
.mrc-cta:has(.mrc-cta__link:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
.mrc-t.mrc-cta p{margin-top:8px;max-width:42ch}
.mrc-cta__seta{position:absolute;right:clamp(20px,2.2vw,28px);top:clamp(20px,2.2vw,28px);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-strong);color:#fff;transition:transform var(--t-med) var(--ease-out),background-color var(--t-fast),border-color var(--t-fast),color var(--t-fast)}
.mrc-cta__seta svg{width:18px;height:18px}
.mrc-cta:hover{border-color:rgba(255,255,255,.3)}
.mrc-cta:hover .mrc-cta__seta{transform:translateX(4px);background:#fff;border-color:#fff;color:var(--product-ink)}
.mrc-cta--principal{border-color:rgba(96,165,250,.34);background:radial-gradient(90% 150% at 100% 0%,rgba(37,99,235,.36),transparent 60%),linear-gradient(180deg,#0F1424,#0A0C14)}
.mrc-cta--principal .mrc-cta__ico{background:rgba(37,99,235,.16);border-color:rgba(96,165,250,.35);color:#BFDBFE}
.mrc-t.mrc-cta--principal h3{font-size:clamp(26px,2.6vw,36px)}
.mrc-cta--principal .mrc-cta__seta{background:var(--accent-strong);border-color:transparent}

/* ---------- bento: celular (uma coluna, ordem do HTML) ---------- */
@media (max-width:699px){
  .mrc-vis[data-area="v1"]{aspect-ratio:4/5}
  .mrc-vis[data-area="v2"]{aspect-ratio:1/1}
  .mrc-vis[data-area="v3"]{aspect-ratio:16/11}
  .mrc-vis--ilustra[data-area="v1"]{aspect-ratio:1/1}
  .mrc-vis--ilustra[data-area="v2"]{aspect-ratio:5/4}
  .mrc-cta{min-height:0}
  .mrc-cta h3{margin-top:22px}
  .mrc-acess{grid-template-columns:minmax(0,1fr)}
  .mrc-acess__ico{width:64px;height:64px;border-radius:16px}
  .mrc-acess__ico svg{width:30px;height:30px}
  .mrc-slot--compacto .produto__resumo{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}

/* ---------- bento: tablet (6 colunas) ---------- */
@media (min-width:700px){
  .mrc-bento [data-area="manif"]{grid-area:manif}
  .mrc-bento [data-area="b1"]{grid-area:b1}
  .mrc-bento [data-area="b2"]{grid-area:b2}
  .mrc-bento [data-area="ph"]{grid-area:ph}
  .mrc-bento [data-area="p1"]{grid-area:p1}
  .mrc-bento [data-area="s1"]{grid-area:s1}
  .mrc-bento [data-area="s2"]{grid-area:s2}
  .mrc-bento [data-area="s3"]{grid-area:s3}
  .mrc-bento [data-area="cat"]{grid-area:cat}
  .mrc-bento [data-area="v1"]{grid-area:v1}
  .mrc-bento [data-area="v2"]{grid-area:v2}
  .mrc-bento [data-area="apt"]{grid-area:apt}
  .mrc-bento [data-area="v3"]{grid-area:v3}
  .mrc-bento [data-area="c1"]{grid-area:c1}
  .mrc-bento [data-area="c2"]{grid-area:c2}
  .mrc-bento [data-area="c3"]{grid-area:c3}

  .mrc-bento{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:
    "manif manif manif manif manif manif"
    "b1 b1 b1 b2 b2 b2"
    "ph ph ph ph ph ph"
    "p1 p1 p1 p1 p1 p1"
    "s1 s1 s1 s1 s1 s1"
    "s2 s2 s2 s2 s2 s2"
    "s3 s3 s3 s3 s3 s3"
    "cat cat cat cat cat cat"
    "v1 v1 v1 v2 v2 v2"
    "apt apt apt v3 v3 v3"
    "c1 c1 c1 c1 c1 c1"
    "c2 c2 c2 c3 c3 c3"}
  .mrc-vis[data-area="v1"],.mrc-vis[data-area="v2"]{min-height:360px}
  .mrc-vis[data-area="v3"]{min-height:320px}

  /* cartões deitados */
  .mrc-slot .produto{flex-direction:row}
  .mrc-slot .produto__foto{flex:0 0 40%;aspect-ratio:auto;min-height:220px}
  .mrc-slot--destaque .produto__foto{flex-basis:46%;min-height:320px}
  .mrc-slot .produto__foto img{position:absolute;inset:0}
  .mrc-slot--compacto .produto__corpo{padding:18px 20px;gap:6px}
  .mrc-slot--compacto .produto__nome{font-size:19px}
  .mrc-slot--compacto .produto__resumo{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}
  .mrc-slot--compacto .produto__foto .selo{left:10px;top:10px;min-height:26px;padding:0 9px;gap:6px;font-size:11px}
  .mrc-slot--compacto .produto__acoes{padding-top:6px}
}

/* ---------- bento: desktop (12 colunas) ---------- */
@media (min-width:1240px){
  .mrc-bento{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:
    "manif manif manif manif manif manif manif b1 b1 b1 b1 b1"
    "manif manif manif manif manif manif manif b2 b2 b2 b2 b2"
    "ph ph ph ph ph p1 p1 p1 p1 p1 p1 p1"
    "s1 s1 s1 s1 s1 p1 p1 p1 p1 p1 p1 p1"
    "s2 s2 s2 s2 s2 p1 p1 p1 p1 p1 p1 p1"
    "s3 s3 s3 s3 s3 p1 p1 p1 p1 p1 p1 p1"
    "cat cat cat cat cat v1 v1 v1 v2 v2 v2 v2"
    "cat cat cat cat cat v1 v1 v1 v2 v2 v2 v2"
    "apt apt apt apt apt apt apt v3 v3 v3 v3 v3"
    "c1 c1 c1 c1 c1 c1 c2 c2 c2 c3 c3 c3"}
  .mrc-vis[data-area="v1"],.mrc-vis[data-area="v2"]{min-height:0}
  .mrc-vis[data-area="v3"]{min-height:280px}

  /* destaque em pé, ocupando a altura da coluna ao lado */
  .mrc-slot--destaque .produto{flex-direction:column}
  .mrc-slot--destaque .produto__foto{flex:1 1 auto;min-height:420px}
  .mrc-slot--destaque .produto__corpo{flex:0 0 auto;padding:24px 28px 28px}
  .mrc-slot--destaque .produto__nome{font-size:28px}
  .mrc-slot--destaque .produto__resumo{font-size:15.5px;max-width:56ch}
  .mrc-slot--destaque .produto__acoes .btn{flex:0 1 auto}
  .mrc-slot--compacto .produto__foto{flex-basis:35%}
  .mrc-slot--compacto .produto__corpo{padding:18px 18px 18px 20px}
  .mrc-slot--compacto .produto__acoes{gap:6px}
  .mrc-slot--compacto .produto__acoes .btn{padding:0 14px}
  .mrc-slot--compacto .produto__foto .selo{left:8px;top:8px;padding:0 8px;gap:5px;font-size:10.5px;white-space:nowrap}
  .mrc-slot--compacto .produto__foto .selo svg{width:12px;height:12px}
}

/* ---------- a peça de cada marca: tablet e celular ---------- */
@media (max-width:1024px){
  .mrc-passos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .mrc-linhas{grid-template-columns:minmax(0,1fr);gap:0}
  .mrc-linha{padding-bottom:26px}
  .mrc-linha + .mrc-linha{margin-top:4px}
  .mrc-linha__modelos{padding-top:18px}
  .mrc-passos{grid-template-columns:minmax(0,1fr);gap:10px}
  .mrc-passo{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px 18px;padding:20px 20px 22px}
  .mrc-passo__n{grid-row:span 2}
  .mrc-passo__titulo{margin-top:0}
  .mrc-passo__texto{margin-top:8px}
}
/* enquanto a tabela de feixes não couber inteira, ela vira uma lista: cada valor com o próprio rótulo */
@media (max-width:900px){
  .mrc-feixes__rola{overflow:visible;border:0;border-radius:0;background:none}
  .mrc-feixes{display:block;min-width:0}
  .mrc-feixes thead{display:none}
  .mrc-feixes tbody{display:block}
  .mrc-feixes tr{display:block;padding:2px 16px 8px;margin-bottom:10px;border:1px solid var(--line);border-radius:var(--r-card-sm);background:var(--panel)}
  .mrc-feixes th[scope="row"]{display:block;width:auto;min-width:0;padding:16px 0 12px;border-bottom:1px solid var(--line)}
  .mrc-feixes tr td{display:block;width:auto;min-width:0;padding:12px 0;border-bottom:1px solid var(--line)}
  .mrc-feixes tr td:last-child{border-bottom:0}
  .mrc-feixes .mrc-rot{display:block;margin-bottom:5px;font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
}
@media (pointer:coarse){
  .mrc-peca .link-seta{min-height:44px}
}

/* ---------- hero: tablet e celular ---------- */
@media (max-width:980px){
  .mrc-hero__grade{grid-template-columns:minmax(0,1fr)}
  .mrc-hero__visual{max-width:640px}
}
@media (max-width:560px){
  .mrc-hero__topo{flex-direction:column;align-items:flex-start}
  .mrc-trocar{align-self:stretch;justify-content:space-between}
  .mrc-trocar a{flex:1 1 auto;justify-content:center;padding:0 10px}
  .mrc-fatos{grid-template-columns:minmax(0,1fr)}
  .mrc-fatos li,.mrc-fatos li+li{display:flex;align-items:baseline;gap:14px;padding:14px 0;border-left:0;border-bottom:1px solid var(--line)}
  .mrc-fatos strong{flex:none;min-width:108px;font-size:20px}
  .mrc-fatos span{margin-top:0}
  .mrc-palco--fila{padding-top:60px}
  .mrc-premio{flex-direction:column;gap:16px}
  .mrc-premio__marca{width:64px;height:64px;border-radius:18px}
  .mrc-numeros__lista dt{min-width:92px}
}
@media (pointer:coarse){
  .mrc-trocar a{min-height:44px}
}

/* ---------- movimento reduzido ---------- */
@media (prefers-reduced-motion:reduce){
  .mrc-varre{animation:none!important;opacity:0!important}
  .mrc-ponto--vivo::after,.mrc-led::after{animation:none!important;opacity:0!important}
  .mrc-cena__cabeca{animation:none!important;transform:none}
  .mrc-vis--foto:hover img,.mrc-cta:hover .mrc-cta__seta,.mrc-cat__link:hover .mrc-cat__seta{transform:none}
}
