/* ═══════════════════════════════════════════════════════════════════

 *  [MOD-04-COPA] Seção Copa 2026 — home only (section-copa.php)

 *  Paleta: azul FIFA + amarelo ouro + verde-campo + bandeiras US/MX/CA

 * ═══════════════════════════════════════════════════════════════════ */

.cdl-copa {

	position: relative;

	margin: 0 0 36px;

	padding: 56px 20px 64px;

	overflow: hidden;

	color: #fff;

	background:

		linear-gradient(125deg, rgba(10,20,70,.92) 0%, rgba(0,73,144,.82) 35%, rgba(200,16,46,.55) 75%, rgba(255,223,0,.35) 100%),

		url('https://images.unsplash.com/photo-1522778119026-d647f0596c20?w=1920&q=80&auto=format&fit=crop') center/cover no-repeat;

}

/* Textura sutil: pontinhos (como confete) */

.cdl-copa::before {

	content: "";

	position: absolute; inset: 0;

	background-image:

		radial-gradient(circle, rgba(255,223,0,.08) 1px, transparent 1px),

		radial-gradient(circle, rgba(255,255,255,.05) 1px, transparent 1px);

	background-size: 32px 32px, 18px 18px;

	background-position: 0 0, 16px 16px;

	pointer-events: none;

}

/* Glow radial — foco de luz no countdown */

.cdl-copa::after {

	content: "";

	position: absolute; inset: 0;

	background: radial-gradient(ellipse at 25% 45%, rgba(255,223,0,.22) 0%, transparent 45%);

	pointer-events: none;

}



/* Vídeo leve de fundo (autoplay, muted, loop). Camada embaixo de overlay/texto */

.cdl-copa-video-wrap {

	position: absolute; inset: 0; z-index: 0;

	overflow: hidden;

	background: #0a1446; /* cor de fallback enquanto vídeo carrega */

}

.cdl-copa-video {

	position: absolute; top: 50%; left: 50%;

	min-width: 100%; min-height: 100%; width: auto; height: auto;

	transform: translate(-50%, -50%);

	object-fit: cover;

	opacity: .55; /* suaviza pra texto ficar legível com o overlay gradient */

	pointer-events: none;

}

@media (prefers-reduced-motion: reduce) {

	.cdl-copa-video { display: none; } /* respeita usuários que desativaram animações */

}

.cdl-copa-inner { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1.1fr 1.2fr; gap: 48px; align-items: center; position: relative; z-index: 2; }

.cdl-copa-head  { display: flex; flex-direction: column; gap: 14px; }



/* Badge com bandeirinhas (US/MX/CA) */

.cdl-copa-badge {

	display: inline-flex; align-items: center; gap: 8px;

	background: rgba(0,0,0,.35); backdrop-filter: blur(12px);

	padding: 8px 16px 8px 10px; border-radius: 30px;

	font-size: 11px; font-weight: 800; letter-spacing: 1.4px;

	width: fit-content; text-transform: uppercase;

	border: 1px solid rgba(255,255,255,.22);

}

.cdl-copa-flag { display: inline-block; width: 20px; height: 14px; border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.4); }

.cdl-copa-flag--us { background: linear-gradient(to bottom, #b22234 0 14.3%, #fff 14.3% 28.6%, #b22234 28.6% 43%, #fff 43% 57%, #b22234 57% 71.4%, #fff 71.4% 85.7%, #b22234 85.7% 100%); position: relative; }

.cdl-copa-flag--us::before { content:""; position:absolute; left:0; top:0; width:45%; height:53%; background:#3c3b6e; }

.cdl-copa-flag--mx { background: linear-gradient(to right, #006847 33%, #fff 33% 66%, #ce1126 66%); }

.cdl-copa-flag--ca { background: linear-gradient(to right, #d52b1e 0 25%, #fff 25% 75%, #d52b1e 75% 100%); position: relative; }

.cdl-copa-flag--ca::before { content:"🍁"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:8px; color:#d52b1e; }



/* Cronômetro real — dias : horas : min : seg (JS tick) */

.cdl-copa-timer {

	display: flex; flex-direction: column; align-items: center; justify-content: center;

	gap: 14px;

	min-height: 360px;

	padding: 28px 16px;

	border-radius: 18px;

	background: rgba(0,0,0,.32);

	backdrop-filter: blur(14px);

	border: 1px solid rgba(255,223,0,.28);

	box-shadow: 0 20px 50px rgba(0,0,0,.4), inset 0 0 0 1px rgba(255,255,255,.06);

}

.cdl-copa-timer-eyebrow {

	font-size: 12px; font-weight: 800; letter-spacing: 4px;

	text-transform: uppercase; color: #ffdf00;

	text-shadow: 0 2px 8px rgba(0,0,0,.45);

}

.cdl-copa-timer-boxes { display: flex; align-items: center; gap: 6px; }

.cdl-copa-timer-box {

	min-width: 86px;

	padding: 14px 8px;

	background: linear-gradient(180deg, rgba(255,223,0,.14) 0%, rgba(255,223,0,.04) 100%);

	border: 1px solid rgba(255,223,0,.35);

	border-radius: 12px;

	text-align: center;

	position: relative;

	overflow: hidden;

}

.cdl-copa-timer-box::before {

	content: ""; position: absolute; top: 0; left: 10%; right: 10%; height: 2px;

	background: linear-gradient(90deg, transparent, #ffdf00, transparent);

	opacity: .6;

}

.cdl-tnum {

	display: block; font-size: 54px; font-weight: 900; line-height: 1;

	color: #ffdf00; letter-spacing: -1px;

	text-shadow: 3px 3px 0 rgba(200,16,46,.7), 0 0 22px rgba(255,223,0,.35);

	font-variant-numeric: tabular-nums;

}

.cdl-tlbl {

	display: block; font-size: 10px; font-weight: 800; letter-spacing: 2px;

	text-transform: uppercase; opacity: .85; margin-top: 8px;

}

.cdl-copa-timer-sep {

	font-size: 42px; font-weight: 900; color: rgba(255,223,0,.55);

	margin: 0 -2px; line-height: 1; padding-bottom: 16px;

	animation: cdl-sep-blink 1s ease-in-out infinite;

}

@keyframes cdl-sep-blink { 0%, 50% { opacity: .9; } 51%, 100% { opacity: .25; } }

.cdl-copa-timer-box--s.pulse .cdl-tnum { animation: cdl-num-pulse .4s ease-out; }

@keyframes cdl-num-pulse { 0% { transform: scale(1); } 35% { transform: scale(1.12); color: #fff; } 100% { transform: scale(1); } }

.cdl-copa-timer-kickoff {

	font-size: 13px; font-weight: 700; letter-spacing: .5px;

	opacity: .9; margin-top: 4px;

	text-shadow: 0 2px 6px rgba(0,0,0,.4);

}



/* Modo ao-vivo e pos-evento */

.cdl-copa-timer--live, .cdl-copa-timer--pos { gap: 10px; position: relative; }

.cdl-copa-live-big {

	font-size: 88px; font-weight: 900; line-height: 1; letter-spacing: -2px;

	color: #ffdf00;

	text-shadow: 4px 4px 0 rgba(200,16,46,.75), 0 0 30px rgba(255,223,0,.45);

}

.cdl-copa-timer--live .cdl-copa-live-big { color: #ff3b3b; font-size: 72px; }

.cdl-copa-live-sub { font-size: 15px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; opacity: .95; }

.cdl-copa-live-pulse {

	width: 16px; height: 16px; border-radius: 50%; background: #ff3b3b;

	box-shadow: 0 0 0 0 rgba(255,59,59,.7);

	animation: cdl-live-pulse 1.4s ease-out infinite;

}

@keyframes cdl-live-pulse {

	0% { box-shadow: 0 0 0 0 rgba(255,59,59,.7); }

	80% { box-shadow: 0 0 0 20px rgba(255,59,59,0); }

	100% { box-shadow: 0 0 0 0 rgba(255,59,59,0); }

}



/* Slogan subordinado ao countdown */

.cdl-copa-slogan {

	font-size: 32px; font-weight: 900; line-height: .98; margin: 8px 0 0;

	letter-spacing: -1px;

	text-shadow: 2px 2px 0 rgba(0,0,0,.35);

}

.cdl-copa-slogan span { display: inline; }

.cdl-copa-slogan span:nth-child(2) { color: #ffdf00; padding: 0 4px; }



.cdl-copa-desc { font-size: 14px; line-height: 1.55; opacity: .92; max-width: 440px; margin: 4px 0; }



.cdl-copa-cta {

	display: inline-flex; align-items: center; gap: 8px;

	background: #ffdf00; color: #0a1446;

	padding: 13px 26px; border-radius: 30px;

	font-weight: 900; font-size: 14px; text-decoration: none;

	width: fit-content;

	letter-spacing: .4px; text-transform: uppercase;

	box-shadow: 0 8px 24px rgba(255,223,0,.45), 0 2px 0 rgba(0,0,0,.15);

	transition: all .2s;

	margin-top: 6px;

	border: 2px solid transparent;

}

.cdl-copa-cta:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(255,223,0,.6), 0 2px 0 rgba(0,0,0,.15); }

.cdl-copa-cta span[aria-hidden] { font-size: 18px; }



.cdl-copa-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }

.cdl-copa-grid .lmd-card { border-radius: 10px; box-shadow: 0 12px 30px rgba(0,0,0,.25); }



/* Cena estática (sem animação) — quando ainda não há produtos */

.cdl-copa-cena {

	position: relative;

	min-height: 360px;

	border-radius: 14px;

	overflow: hidden;

	background:

		linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(10,20,70,.55) 100%),

		url('https://images.unsplash.com/photo-1579952363873-27f3bade9f55?w=1400&q=80&auto=format&fit=crop') center/cover no-repeat;

	box-shadow: 0 20px 50px rgba(0,0,0,.4), inset 0 0 0 1px rgba(255,255,255,.12);

}



/* ═══════════════════════════════════════════════════════════════════

 *  Hello Elementor — suprime o header/title nativos (duplicam com nosso header-custom)

 * ═══════════════════════════════════════════════════════════════════ */

.site-header,

body.home .page-header,

body.page .page-header,

body.single .page-header {

	display: none !important;

}



/* Responsivo — cronômetro cabe em mobile sem cortar */

@media (max-width: 900px) {

	.cdl-copa-inner       { grid-template-columns: 1fr; gap: 28px; }

	.cdl-copa-slogan      { font-size: 26px; }

	.cdl-copa-grid        { grid-template-columns: repeat(2, 1fr); }

	.cdl-copa-cena        { min-height: 260px; }

	.cdl-copa-timer       { padding: 20px 12px; min-height: 300px; }

	.cdl-copa-timer-boxes { gap: 4px; }

	.cdl-copa-timer-box   { min-width: 68px; padding: 12px 6px; }

	.cdl-tnum             { font-size: 42px; }

	.cdl-tlbl             { font-size: 9px; letter-spacing: 1.5px; }

	.cdl-copa-timer-sep   { font-size: 32px; padding-bottom: 14px; }

}

@media (max-width: 480px) {

	.cdl-copa             { padding: 40px 12px 48px; }

	.cdl-copa-slogan      { font-size: 22px; letter-spacing: -.5px; }

	.cdl-copa-desc        { font-size: 13px; }

	.cdl-copa-grid        { gap: 10px; }

	.cdl-copa-cena        { min-height: 200px; }

	.cdl-copa-timer       { padding: 16px 8px; min-height: 260px; gap: 10px; }

	.cdl-copa-timer-boxes { gap: 2px; }

	.cdl-copa-timer-box   { min-width: 54px; padding: 10px 4px; border-radius: 8px; }

	.cdl-tnum             { font-size: 32px; letter-spacing: -1px; }

	.cdl-tlbl             { font-size: 8.5px; letter-spacing: 1px; margin-top: 4px; }

	.cdl-copa-timer-sep   { font-size: 22px; padding-bottom: 10px; margin: 0 -1px; }

	.cdl-copa-timer-kickoff { font-size: 12px; }

}

@media (max-width: 360px) {

	.cdl-copa-timer-box { min-width: 48px; padding: 8px 3px; }

	.cdl-tnum           { font-size: 28px; }

	.cdl-copa-timer-sep { font-size: 18px; }

}



/* ═══════════════════════════════════════════════════════════════════

 *  [MOD-04] THEME-CSS — Design System MuquiranasBR

 * ═══════════════════════════════════════════════════════════════════

 *  Todas as classes .mbr-* são do tema. Classes .lmd-* são do plugin

 *  efull-core (produtos.css). Busque por [MOD-04-XX] pra pular direto

 *  na seção. Reserve sections estão marcadas com /* ── NOME ── * /

 * ═══════════════════════════════════════════════════════════════════ */



html, body { overflow-x: clip; }



:root {

    --mbr-primary: #FF6B00;

    --mbr-primary-dark: #E55A00;

    --mbr-secondary: #1A1A2E;

    --mbr-accent: #E63946;

    --mbr-success: #2DC653;

    --mbr-warning: #FFB703;

    --mbr-info: #0086FF;

    --mbr-bg: #FFFFFF;

    --mbr-white: #FFFFFF;

    --mbr-text: #1A1A2E;

    --mbr-text-light: #6B7280;

    --mbr-border: #E5E7EB;

    --mbr-shadow: 0 2px 8px rgba(0,0,0,.06);

    --mbr-shadow-hover: 0 8px 24px rgba(0,0,0,.12);

    --mbr-radius: 12px;

    --mbr-radius-sm: 8px;

    --mbr-font: 'Inter', -apple-system, sans-serif;

}



/* ── Reset & Base ── */

body {

    font-family: var(--mbr-font) !important;

    background: var(--mbr-bg) !important;

    color: var(--mbr-text);

    -webkit-font-smoothing: antialiased;

}



/* Centralizar conteudo alinhado com header/footer */

.page-template-elementor_header_footer .mbr-section-title,

.page-template-elementor_header_footer .lmd-grid,

.page-template-elementor_header_footer .lmd-cats,

.page-template-elementor_header_footer .lmd-flash {

    max-width: 1280px;

    margin-left: auto;

    margin-right: auto;

    padding-left: 20px;

    padding-right: 20px;

}



.header-inner {

    max-width: 1280px;

    margin: 0 auto;

    padding: 0 20px;

}



.site-footer .footer-inner {

    max-width: 1280px;

    margin: 0 auto;

    padding: 0 20px;

}



/* ── Container ── */

.mbr-container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }



/* ── Top Bar ── */

.mbr-topbar { background: var(--mbr-secondary); color: #CBD5E1; font-size: 13px; padding: 8px 0; border-bottom: 1px solid #2D2D44; }

.mbr-topbar .mbr-social-top svg { width: 16px; height: 16px; }

.mbr-topbar .mbr-social-top { gap: 10px; display: inline-flex; }

.mbr-topbar .mbr-container { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: nowrap; }

.mbr-topbar a { color: #94A3B8; text-decoration: none; }

.mbr-topbar a:hover { color: var(--mbr-primary); }

/* Mensagem da esquerda: nunca quebra linha, esconde se faltar espaço */

.mbr-topbar > .mbr-container > span:first-child { flex: 0 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }

.mbr-topbar-right { display: inline-flex; align-items: center; gap: 12px; flex-shrink: 0; flex-wrap: nowrap; }



/* CTA "Indique e Ganhe" — centro da topbar, animado */

.mbr-topbar-cta {

	position: relative;

	display: inline-flex;

	align-items: center;

	gap: 8px;

	padding: 6px 16px;

	border-radius: 999px;

	background: linear-gradient(90deg, #F97316 0%, #FB923C 50%, #F97316 100%);

	background-size: 200% 100%;

	color: #fff !important;

	font-size: 13px;

	font-weight: 600;

	letter-spacing: 0.01em;

	white-space: nowrap;

	overflow: hidden;

	box-shadow: 0 2px 8px rgba(249, 115, 22, 0.4);

	animation: mbrCtaPulse 2.5s ease-in-out infinite, mbrCtaGradient 4s linear infinite;

	transition: transform .2s;

}

.mbr-topbar-cta:hover { transform: scale(1.05); color: #fff !important; }

.mbr-topbar-ctas { display: inline-flex; gap: 8px; align-items: center; }

.mbr-topbar-cta--pro { background: linear-gradient(135deg, #FFD700 0%, #FF9900 100%) !important; color: #0F172A !important; }

.mbr-topbar-cta--pro:hover { color: #0F172A !important; }

.mbr-topbar-cta--pro strong { color: #0F172A; }

@media (max-width: 640px) {

	.mbr-topbar-ctas { flex-direction: row; gap: 4px; }

	.mbr-topbar-cta--pro { font-size: 10px; padding: 3px 8px; }

}

.mbr-topbar-cta-gift { font-size: 16px; display: inline-block; animation: mbrCtaGiftWiggle 1.8s ease-in-out infinite; transform-origin: bottom center; }

.mbr-topbar-cta-text strong { font-weight: 800; }

.mbr-topbar-cta-shine {

	position: absolute;

	top: 0;

	left: -70%;

	width: 50%;

	height: 100%;

	background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.55) 50%, transparent 100%);

	transform: skewX(-25deg);

	animation: mbrCtaShine 3s infinite;

	pointer-events: none;

}

@keyframes mbrCtaPulse {

	0%,100% { box-shadow: 0 2px 8px rgba(249, 115, 22, 0.4); }

	50%     { box-shadow: 0 2px 16px rgba(249, 115, 22, 0.85), 0 0 0 4px rgba(249, 115, 22, 0.15); }

}

@keyframes mbrCtaGradient {

	0%,100% { background-position: 0% 0; }

	50%     { background-position: 100% 0; }

}

@keyframes mbrCtaGiftWiggle {

	0%,10%,100% { transform: rotate(0); }

	15%         { transform: rotate(-14deg); }

	25%         { transform: rotate(12deg); }

	35%         { transform: rotate(-10deg); }

	45%         { transform: rotate(8deg); }

	55%         { transform: rotate(-4deg); }

	65%         { transform: rotate(0); }

}

@keyframes mbrCtaShine {

	0%   { left: -70%; }

	60%  { left: 120%; }

	100% { left: 120%; }

}

/* Esconde a mensagem antes de quebrar linha quando falta espaço */

@media (max-width: 1100px) {

	.mbr-topbar > .mbr-container > span:first-child { display: none; }

}

/* "Central de Atendimento" some em tablet */

@media (max-width: 900px) {

	.mbr-topbar-right > a[href*="wa.me"], .mbr-topbar-right > a[href*="whatsapp"] { display: none; }

}

@media (max-width: 720px) {

	.mbr-topbar { padding:6px 0; font-size:12px; }

	.mbr-topbar .mbr-container { gap:8px; justify-content:space-between; }

	.mbr-topbar-cta { font-size: 11px; padding: 4px 10px; gap:4px; }

	.mbr-topbar-cta-gift { font-size: 13px; }

	.mbr-topbar-right { gap:8px; }

	.mbr-topbar-right a { font-size:11px; }

	.mbr-topbar .mbr-social-top { gap:8px; }

	.mbr-topbar .mbr-social-top svg { width:14px; height:14px; }

	/* No mobile, esconde redes sociais pra dar espaço pro user pill */

	.mbr-topbar .mbr-social-top { display: none; }

}



/* Quebra extra em telas muito pequenas */

@media (max-width: 420px) {

	.mbr-topbar-right a:not(.mbr-user-entrar):not(.mbr-user-nome):not(.mbr-user-sair) { display:none; } /* esconde Central de Atendimento */

	.mbr-topbar .mbr-social-top { display:none; } /* esconde redes sociais (ficam no footer) */

	.mbr-topbar-cta .mbr-topbar-cta-text { font-size:11px; }

}



/* ── Header Principal ── */

.mbr-header { background: #fff; border-bottom: 1px solid #E5E7EB; padding: 12px 0; position: sticky; top: 0; z-index: 1000; }

.mbr-header-inner { display: flex; align-items: center; gap: 20px; }



/* Logo */

.mbr-logo { display: flex; align-items: center; gap: 8px; text-decoration: none; flex-shrink: 0; }

.mbr-logo-icon { width: 42px; height: 42px; background: var(--mbr-primary); color: #fff; font-weight: 800; font-size: 20px; border-radius: 10px; display: flex; align-items: center; justify-content: center; }

.mbr-logo-text strong { font-size: 18px; color: var(--mbr-primary); display: block; line-height: 1.1; }

.mbr-logo-text span { font-size: 12px; color: #6B7280; }

.mbr-logo--image img { display: block; height: 62px; width: auto; max-width: 280px; object-fit: contain; }

@media (max-width: 640px) { .mbr-logo--image img { height: 46px; max-width: 200px; } }



/* Busca */

/* Busca mais compacta e leve — inspirado na Shopee */

.mbr-search { flex: 1; max-width: 900px; min-height: 42px; display: flex; background: #fff; border: 2px solid var(--mbr-primary); border-radius: 4px; overflow: hidden; transition: .15s; }

.mbr-search:focus-within { border-color: var(--mbr-primary-dark); }

.mbr-search input { border: none; padding: 8px 14px; font-size: 14px; flex: 1; background: transparent; outline: none; font-family: var(--mbr-font); color: #1e293b; }

.mbr-search input::placeholder { color: #9CA3AF; }

.mbr-search button { background: var(--mbr-primary); color: #fff; border: none; padding: 0 18px; cursor: pointer; transition: .15s; display: flex; align-items: center; justify-content: center; min-width: 50px; }

.mbr-search button svg { width: 18px; height: 18px; }

.mbr-search button:hover { background: var(--mbr-primary-dark); }

@media (max-width: 640px) {

	.mbr-search { min-height: 38px; }

	.mbr-search input { padding: 6px 10px; font-size: 13px; }

	.mbr-search button { padding: 0 12px; min-width: 42px; }

	.mbr-search button svg { width: 16px; height: 16px; }

}



/* ═══════════════════════════════════════════════════════════════════

 *  [MOD-04-RESP-TOPO] Responsivo do topo (header + nav + canais)

 *  Ajustes finos pra mobile ficar compacto e utilizável.

 * ═══════════════════════════════════════════════════════════════════ */

@media (max-width: 900px) {

	/* Header: reduz padding, permite logo+busca em 2 linhas se precisar */

	.mbr-header { padding: 10px 0; }

	.mbr-header-inner { gap: 12px; flex-wrap: wrap; }

	.mbr-logo--image img { height: 48px; max-width: 180px; }

	/* Nav stick offset menor (header encolheu) */

	.mbr-nav { top: 58px; }

	.mbr-nav-list li a { padding: 9px 12px; font-size: 12.5px; }

}



@media (max-width: 640px) {

	/* Logo maior e legível; busca ocupa linha toda abaixo */

	.mbr-header { padding: 10px 0; }

	/* Centraliza logo na linha dela (busca vai pra linha 2 via flex:1 0 100%) */

	.mbr-header-inner { gap: 10px; justify-content: center; }

	.mbr-logo { gap: 6px; margin: 0 auto; }

	.mbr-logo-icon { width: 36px; height: 36px; font-size: 17px; border-radius: 8px; }

	.mbr-logo-text strong { font-size: 16px; }

	.mbr-logo-text span { font-size: 11px; }

	.mbr-logo--image img { height: 54px; max-width: 200px; margin: 0 auto; }

	/* Busca ocupa linha inteira embaixo */

	.mbr-search { flex: 1 0 100%; order: 2; min-height: 40px; }

	/* Nav stick: header maior, offset aumenta */

	.mbr-nav { top: 114px; box-shadow: 0 1px 4px rgba(0,0,0,.15); }

	.mbr-nav-list li a { padding: 9px 12px; font-size: 12.5px; }

	/* Canais mais compactos */

	.mbr-canais { padding: 6px 0 0; }

	.mbr-canal { padding: 6px 12px 8px; font-size: 12px; min-height: 34px; }

}



@media (max-width: 420px) {

	.mbr-logo--image img { height: 46px; max-width: 170px; }

	.mbr-search input { font-size: 12.5px; padding: 6px 10px; }

	.mbr-nav { top: 108px; }

	.mbr-nav-list li a { padding: 8px 10px; font-size: 12px; }

	.mbr-canal { padding: 6px 11px 8px; font-size: 11.5px; min-height: 32px; }

}



/* Acoes header */

.mbr-header-actions { display: flex; gap: 16px; flex-shrink: 0; }

.mbr-header-btn { display: flex; flex-direction: column; align-items: center; gap: 2px; text-decoration: none; color: #6B7280; font-size: 11px; transition: .2s; }

.mbr-header-btn:hover { color: var(--mbr-primary); }



/* ── Nav Departamentos ── */

.mbr-nav { background: var(--mbr-secondary); padding: 0; box-shadow: 0 2px 8px rgba(0,0,0,.1); position: sticky; top: 64px; z-index: 999; }

.mbr-nav-scroll { position: relative; overflow: visible; }

@media (max-width: 768px) { .mbr-nav-scroll { overflow-x: auto; overflow-y: visible; scrollbar-width: none; } .mbr-nav-scroll::-webkit-scrollbar { display: none; } }

.mbr-nav-list { list-style: none; margin: 0; padding: 0; display: flex; gap: 0; flex-wrap: nowrap; }

.mbr-nav-list li { flex-shrink: 0; }

.mbr-nav-list li.mbr-hidden { display: none; }

.mbr-nav-list li a { display: block; padding: 10px 16px; color: #CBD5E1; font-size: 13px; font-weight: 500; text-decoration: none; transition: .15s; white-space: nowrap; border-bottom: 2px solid transparent; }

.mbr-nav-list li a:hover { color: #fff; background: rgba(255,255,255,.05); border-bottom-color: var(--mbr-primary); }

.mbr-nav-list li.current-menu-item a { color: var(--mbr-primary); border-bottom-color: var(--mbr-primary); }



/* Canal ativo: cor do texto vem de --mbr-nav-fg (setado inline pelo header via config do canal) */

.mbr-nav--canal .mbr-nav-list li a { color: var(--mbr-nav-fg, #fff) !important; opacity: .95; }

.mbr-nav--canal .mbr-nav-list li a:hover { background: rgba(0,0,0,.18); border-bottom-color: var(--mbr-nav-fg, rgba(255,255,255,.85)); color: var(--mbr-nav-fg, #fff) !important; opacity: 1; }

.mbr-nav--canal .mbr-nav-list li.current-menu-item a { color: var(--mbr-nav-fg, #fff) !important; border-bottom-color: var(--mbr-nav-fg, rgba(255,255,255,.9)); font-weight: 700; }

.mbr-nav--canal .mbr-nav-mais.open > a { background: rgba(0,0,0,.18); color: var(--mbr-nav-fg, #fff) !important; }



/* Botão "Mais ▼" + dropdown quando itens não cabem */

.mbr-nav-mais { position: relative; flex-shrink: 0; }

.mbr-nav-mais > a { cursor: pointer; display: flex; align-items: center; gap: 4px; }

.mbr-nav-mais > a::after { content: '▼'; font-size: 9px; opacity: .6; }

.mbr-nav-mais.open > a { color: #fff; background: rgba(255,255,255,.08); }

.mbr-nav-mais-dropdown {

  position: absolute; top: 100%; right: 0; min-width: 220px;

  background: var(--mbr-primary, #FF6B00); border: 1px solid rgba(0,0,0,.15); border-radius: 8px;

  box-shadow: 0 8px 24px rgba(0,0,0,.28);

  padding: 6px 0; display: none; z-index: 100000;

  margin-top: 4px;

}

.mbr-nav-mais.open .mbr-nav-mais-dropdown { display: block !important; }

.mbr-nav-mais-dropdown li { display: block !important; }

.mbr-nav-mais-dropdown li a { color: #fff !important; padding: 10px 16px !important; font-size: 13px !important; border: 0 !important; font-weight: 600 !important; }

.mbr-nav-mais-dropdown li a:hover { background: rgba(0,0,0,.15) !important; color: #fff !important; }

/* Quando um canal está ativo, o dropdown herda a cor dele (fundo = cor do canal) */

.mbr-nav--canal .mbr-nav-mais-dropdown { background: var(--mbr-nav-bg, #FF6B00); }

.mbr-nav--canal .mbr-nav-mais-dropdown li a { color: var(--mbr-nav-fg, #fff) !important; }



/* ── Megamenu ── */

.mbr-nav-item { position: static; }

.mbr-nav-item.has-mega > a { cursor: default; }

.mbr-mega-caret { margin-left: 4px; opacity: .7; transition: transform .2s; vertical-align: middle; }

.mbr-nav-item.has-mega:hover .mbr-mega-caret,

.mbr-nav-item.has-mega:focus-within .mbr-mega-caret { transform: rotate(180deg); }



.mbr-mega-panel {

	position: absolute; left: 0; right: 0; top: 100%;

	background: #fff; color: var(--mbr-text);

	box-shadow: 0 12px 32px rgba(0,0,0,.18);

	border-top: 3px solid var(--mbr-primary);

	padding: 28px 32px; z-index: 1000;

	opacity: 0; visibility: hidden; transform: translateY(-8px);

	transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;

	max-width: 1280px; margin: 0 auto;

}

.mbr-nav-item.has-mega:hover > .mbr-mega-panel,

.mbr-nav-item.has-mega:focus-within > .mbr-mega-panel {

	opacity: 1; visibility: visible; transform: translateY(0);

	transition: opacity .18s ease, transform .18s ease, visibility 0s;

}



.mbr-mega-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; align-items: start; }

.mbr-mega-title { font-size: 14px; font-weight: 700; color: var(--mbr-primary); margin: 0 0 14px; text-transform: uppercase; letter-spacing: .5px; }

.mbr-mega-panel .mbr-mega-sublist { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 24px; }

.mbr-mega-panel .mbr-mega-sublist li { display: block; }

.mbr-mega-panel .mbr-mega-sublist li a { display: block; padding: 6px 0; color: #374151; font-size: 14px; font-weight: 500; text-decoration: none; transition: color .15s; white-space: normal; background: transparent; border: 0; }

.mbr-mega-panel .mbr-mega-sublist li a:hover { color: var(--mbr-primary); background: transparent; border: 0; }

.mbr-mega-panel a.mbr-mega-seeall { display: inline-block; margin-top: 16px; padding: 0; font-size: 13px; font-weight: 600; color: var(--mbr-primary); text-decoration: none; background: transparent; border: 0; }

.mbr-mega-panel a.mbr-mega-seeall:hover { text-decoration: underline; background: transparent; }



/* Dropdown simples (Achados) — lista vertical compacta, ancorada abaixo do item */

.mbr-nav-item { position: relative; }

.mbr-simple-panel {

    left: auto !important;

    right: 0 !important;

    top: 100% !important;

    width: 200px !important;

    max-width: 200px !important;

    min-width: 0 !important;

    margin: 0 !important;

    padding: 6px 0 !important;

}

.mbr-simple-list { list-style: none; margin: 0; padding: 0; }

.mbr-simple-list li { display: block; }

.mbr-simple-list li a { display: block; padding: 10px 18px; color: #374151; font-size: 14px; font-weight: 500; text-decoration: none; transition: background .15s, color .15s; background: transparent; border: 0; white-space: nowrap; }

.mbr-simple-list li a:hover { background: #f8fafc; color: var(--mbr-primary); border: 0; }



.mbr-mega-featured { border-left: 1px solid var(--mbr-border); padding-left: 40px; }

.mbr-mega-eyebrow { font-size: 11px; font-weight: 700; color: #94a3b8; letter-spacing: .8px; text-transform: uppercase; margin-bottom: 14px; }

.mbr-mega-panel a.mbr-mega-card { display: flex; gap: 12px; align-items: center; padding: 10px; margin-bottom: 6px; border-radius: 8px; text-decoration: none; color: var(--mbr-text); background: transparent; border: 0; transition: background .15s; }

.mbr-mega-panel a.mbr-mega-card:hover { background: #f8fafc; border: 0; }

.mbr-mega-panel .mbr-mega-card img { width: 64px; height: 64px; object-fit: contain; flex-shrink: 0; background: #f1f5f9; border-radius: 6px; }

.mbr-mega-panel .mbr-mega-card strong { display: block; font-size: 13px; font-weight: 600; color: var(--mbr-text); line-height: 1.35; margin-bottom: 4px; white-space: normal; }

.mbr-mega-price { display: block; font-size: 15px; font-weight: 800; color: var(--mbr-success); }



/* Painel "Mais" — grid de todas categorias */

.mbr-mega-panel--all .mbr-mega-allgrid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 4px; }

.mbr-mega-panel a.mbr-mega-alltile { display: flex; flex-direction: column; gap: 2px; padding: 12px 16px; border: 1px solid var(--mbr-border); border-radius: 8px; text-decoration: none; color: var(--mbr-text); background: #fff; transition: all .15s; white-space: normal; }

.mbr-mega-panel a.mbr-mega-alltile:hover { border-color: var(--mbr-primary); background: #fff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(255,107,0,.15); }

.mbr-mega-panel .mbr-mega-alltile strong { font-size: 14px; font-weight: 600; }

.mbr-mega-panel .mbr-mega-alltile span { font-size: 12px; color: var(--mbr-text-light); }



@media (max-width: 900px) {

	.mbr-mega-panel, .mbr-nav-item.has-mega:hover > .mbr-mega-panel { display: none; }

	.mbr-mega-caret { display: none; }

}



/* Esconder header original do Hello Elementor */

.site-header.dynamic-header { display: none !important; }



/* ── Footer ── */

/* ═══════════════════════════════════════════════════════════════════════

   MELHORES MARCAS — carrossel horizontal (shortcode [mbr_melhores_marcas])

═══════════════════════════════════════════════════════════════════════ */

.mbr-marcas-section { max-width:1280px; margin:32px auto; padding:32px 20px; background:#f1f5f9; border-radius:12px; }

.mbr-marcas-title { text-align:center; font-size:18px; font-weight:800; letter-spacing:3px; color:#1e293b; margin:0 0 20px; }

.mbr-marcas-wrap { position:relative; }

.mbr-marcas-track { display:flex; gap:16px; overflow-x:auto; scroll-behavior:smooth; padding:4px 48px; scrollbar-width:none; -ms-overflow-style:none; }

.mbr-marcas-track::-webkit-scrollbar { display:none; }

.mbr-marca-item {

  flex:0 0 auto; width:120px; height:120px; border-radius:50%;

  background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.06);

  display:flex; align-items:center; justify-content:center;

  transition:transform .2s, box-shadow .2s;

  padding:20px; text-decoration:none;

}

.mbr-marca-item:hover { transform:translateY(-4px) scale(1.05); box-shadow:0 8px 20px rgba(0,0,0,.12); }

.mbr-marca-item img { max-width:100%; max-height:100%; object-fit:contain; }

.mbr-marcas-arrow {

  position:absolute; top:50%; transform:translateY(-50%);

  width:44px; height:44px; border-radius:50%;

  background:#fff; border:1px solid #e2e8f0;

  font-size:22px; font-weight:700; color:#1e293b;

  cursor:pointer; z-index:2;

  box-shadow:0 2px 8px rgba(0,0,0,.1);

  display:flex; align-items:center; justify-content:center;

}

.mbr-marcas-arrow:hover { background:#FF6B00; color:#fff; border-color:#FF6B00; }

.mbr-marcas-arrow.left  { left:0; }

.mbr-marcas-arrow.right { right:0; }

@media (max-width:640px) {

  .mbr-marca-item { width:90px; height:90px; padding:14px; }

  .mbr-marcas-track { padding:4px 40px; gap:12px; }

  .mbr-marcas-arrow { width:36px; height:36px; font-size:18px; }

}



/* Centraliza conteúdo da home (shortcodes) alinhado com header/footer (1280px) */

.page-template-elementor_header_footer .mbr-section-title,

.page-template-elementor_header_footer .lmd-grid,

.page-template-elementor_header_footer .lmd-cats,

.page-template-elementor_header_footer .lmd-flash,

.home .mbr-section-title,

.home .lmd-grid,

.home .lmd-cats,

.home .lmd-flash {

    max-width: 1280px;

    margin-left: auto;

    margin-right: auto;

    padding-left: 20px;

    padding-right: 20px;

    box-sizing: border-box;

}



.mbr-footer { background: var(--mbr-secondary); color: #CBD5E1; padding: 56px 0 0; margin-top: 40px; font-size: 15px; }

.mbr-footer p { font-size: 15px; line-height: 1.75; }

.mbr-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 32px; }

/* Alinhado à esquerda e mesmo tamanho da logo do header (ver .mbr-logo--image img) */

.mbr-footer-logo { display: flex; align-items: center; justify-content: flex-start; gap: 8px; margin: 0 0 14px; }

.mbr-footer-logo strong { font-size: 18px; color: var(--mbr-primary); }

.mbr-footer-logo-img { display: block; height: 62px; width: auto; max-width: 280px; object-fit: contain; margin: 0; }

@media (max-width: 640px) { .mbr-footer-logo-img { height: 46px; max-width: 200px; } }

.mbr-footer-title { font-size: 17px; font-weight: 800; color: #F8FAFC; margin: 0 0 14px; letter-spacing: .3px; }

.mbr-footer-links { list-style: none; margin: 0; padding: 0; }

.mbr-footer-links li { margin-bottom: 10px; }

.mbr-footer-links a { color: #CBD5E1; text-decoration: none; font-size: 15px; transition: .15s; }

.mbr-footer-links a:hover { color: var(--mbr-primary); }

.mbr-footer-bottom { border-top: 1px solid #334155; margin-top: 36px; padding: 22px 0; text-align: center; font-size: 13px; color: #94A3B8; line-height: 1.6; }

.mbr-footer-bottom p { font-size: 13px !important; }



/* Esconder footer original */

.site-footer { display: none !important; }



/* ── Category Pills ── */

.mbr-cats-bar {

    display: flex;

    gap: 8px;

    overflow-x: auto;

    padding: 12px 0;

    scrollbar-width: none;

}



.mbr-cats-bar::-webkit-scrollbar { display: none; }



.mbr-cat-pill {

    flex-shrink: 0;

    padding: 8px 18px;

    background: var(--mbr-white);

    border: 1px solid var(--mbr-border);

    border-radius: 20px;

    font-size: 13px;

    font-weight: 500;

    color: var(--mbr-text);

    text-decoration: none;

    transition: .2s;

    white-space: nowrap;

}



.mbr-cat-pill:hover,

.mbr-cat-pill.active {

    background: var(--mbr-primary);

    color: #fff;

    border-color: var(--mbr-primary);

}



/* ── Product Cards (override plugin CSS for marketplace feel) ── */

.lmd-card {

    background: var(--mbr-white) !important;

    border: 1px solid var(--mbr-border) !important;

    border-radius: var(--mbr-radius) !important;

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

    transition: transform .2s, box-shadow .2s !important;

}



.lmd-card:hover {

    transform: translateY(-6px) !important;

    box-shadow: var(--mbr-shadow-hover) !important;

}



.lmd-card-title {

    font-size: 13px !important;

    font-weight: 600 !important;

    color: var(--mbr-text) !important;

}



.lmd-price {

    font-size: 22px !important;

    font-weight: 800 !important;

    color: var(--mbr-success) !important;

}



.lmd-price-old {

    color: var(--mbr-text-light) !important;

}



.lmd-badge-desconto {

    background: var(--mbr-accent) !important;

    font-size: 12px !important;

    font-weight: 800 !important;

    padding: 4px 10px !important;

    border-radius: 6px !important;

}



.lmd-badge-exclusivo {

    background: var(--mbr-primary) !important;

}



.lmd-badge-vale {

    background: var(--mbr-success) !important;

}



.lmd-btn {

    background: var(--mbr-primary) !important;

    border-radius: var(--mbr-radius-sm) !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    padding: 12px !important;

    transition: .2s !important;

}



.lmd-btn:hover {

    background: var(--mbr-primary-dark) !important;

    transform: scale(1.02);

}



.lmd-origin {

    background: #EFF6FF !important;

    color: var(--mbr-info) !important;

    font-weight: 600 !important;

}



/* ── Flash Sale Banner ── */

.lmd-flash {

    background: linear-gradient(135deg, #FFF7ED, #FEF3C7) !important;

    border: 2px solid var(--mbr-primary) !important;

    border-radius: 16px !important;

}



.lmd-flash-badge {

    background: var(--mbr-accent) !important;

    font-size: 14px !important;

    letter-spacing: 1px;

}



/* ── Section Titles ── */

.mbr-section-title {

    font-size: 20px;

    font-weight: 800;

    color: var(--mbr-text);

    margin: 32px 0 12px;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 12px 16px;

    background: var(--mbr-white);

    border-radius: 8px;

    border-left: 4px solid var(--dept-color, var(--mbr-primary));

}



.mbr-section-title::before {

    display: none;

}



.mbr-section-title a {

    margin-left: auto;

    font-size: 13px;

    font-weight: 600;

    color: var(--dept-color, var(--mbr-info));

    text-decoration: none;

    white-space: nowrap;

}



.mbr-section-title a:hover {

    text-decoration: underline;

}



/* ── Hero Banner (full-width esticado) ── */

.mbr-hero {

    background: linear-gradient(135deg, var(--mbr-secondary) 0%, #16213E 50%, #0F172A 100%);

    border-radius: 0;

    padding: 48px 40px;

    color: #fff;

    margin-bottom: 24px;

    margin-left: calc(-50vw + 50%);

    margin-right: calc(-50vw + 50%);

    width: 100vw;

    position: relative;

    overflow: hidden;

}



.mbr-hero > * {

    max-width: 1280px;

    margin-left: auto;

    margin-right: auto;

    position: relative;

    z-index: 1;

    text-align: center;

}



.mbr-hero::after {

    content: '';

    position: absolute;

    right: -50px;

    top: -50px;

    width: 200px;

    height: 200px;

    background: var(--mbr-primary);

    border-radius: 50%;

    opacity: .15;

}



.mbr-hero { text-align: center; }

.mbr-hero h1,

.mbr-hero p {

    text-align: center !important;

    margin-left: auto;

    margin-right: auto;

}

.mbr-hero h1 {

    font-size: 32px;

    font-weight: 800;

    margin-top: 0;

    margin-bottom: 8px;

}

.mbr-hero p {

    font-size: 16px;

    color: #CBD5E1;

    margin-top: 0;

    margin-bottom: 20px;

    max-width: 760px;

}



/* ── Marketplace Logos Bar ── */

.mbr-partners {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 32px;

    padding: 16px 0;

    margin: 16px 0;

    border-top: 1px solid var(--mbr-border);

    border-bottom: 1px solid var(--mbr-border);

}



.mbr-partners img {

    height: 28px;

    opacity: .5;

    transition: .2s;

    filter: grayscale(100%);

}



.mbr-partners img:hover {

    opacity: 1;

    filter: grayscale(0%);

}



/* ── Stats Bar ── */

.mbr-stats {

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 12px;

    margin: 24px 0;

}



.mbr-stat {

    background: var(--mbr-white);

    border: 1px solid var(--mbr-border);

    border-radius: var(--mbr-radius);

    padding: 20px;

    text-align: center;

}



.mbr-stat-num {

    font-size: 28px;

    font-weight: 800;

    color: var(--mbr-primary);

}



.mbr-stat-label {

    font-size: 12px;

    color: var(--mbr-text-light);

    margin-top: 4px;

}



/* ── Footer ── */

.site-footer {

    background: var(--mbr-secondary) !important;

    color: #CBD5E1 !important;

    padding: 48px 0 24px !important;

}



.site-footer a {

    color: #CBD5E1 !important;

    transition: .2s;

}



.site-footer a:hover {

    color: var(--mbr-primary) !important;

}



/* ═══════════════════════════════════════════════════════════════════

 *  [MOD-04-BLOG] Blog MBR — hero, grid, single, comments

 * ═══════════════════════════════════════════════════════════════════ */

.mbr-blog-hero { background: linear-gradient(135deg, #FF6B00 0%, #FF9900 100%); color: #fff; padding: 50px 0; text-align: center; }

.mbr-blog-hero h1 { font-size: 36px; margin: 0 0 8px; color: #fff; }

.mbr-blog-hero p { font-size: 16px; margin: 0; opacity: .95; }



.mbr-blog-cats { background: #fff; border-bottom: 1px solid #e2e8f0; padding: 14px 0; position: sticky; top: 64px; z-index: 50; }

.mbr-blog-cats .mbr-container { display: flex; gap: 8px; flex-wrap: wrap; overflow-x: auto; }

.mbr-blog-cat { display: inline-block; padding: 8px 16px; border-radius: 20px; background: #f1f5f9; color: #475569; text-decoration: none; font-size: 13px; font-weight: 600; white-space: nowrap; transition: .15s; }

.mbr-blog-cat:hover { background: #e2e8f0; color: #0F172A; }

.mbr-blog-cat.is-active { background: #FF6B00; color: #fff; }

.mbr-blog-cat small { opacity: .7; margin-left: 2px; }



.mbr-blog-main { padding: 36px 20px; }

.mbr-blog-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }

.mbr-blog-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; transition: .2s; display: flex; flex-direction: column; }

.mbr-blog-card:hover { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(0,0,0,.08); }

.mbr-blog-card-thumb { display: block; height: 180px; background: #f8fafc center/cover no-repeat; position: relative; }

.mbr-blog-card-thumb--placeholder { display: flex; align-items: center; justify-content: center; font-size: 48px; text-decoration: none; background: linear-gradient(135deg, #f1f5f9, #e2e8f0); }

.mbr-blog-card-body { padding: 18px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; }

.mbr-blog-card-cat { display: inline-block; background: #FFF7ED; color: #FF6B00; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; padding: 3px 10px; border-radius: 10px; text-decoration: none; align-self: flex-start; }

.mbr-blog-card-cat:hover { background: #FF6B00; color: #fff; }

.mbr-blog-card-title { font-size: 18px; margin: 0; line-height: 1.35; color: #0F172A; }

.mbr-blog-card-title a { color: inherit; text-decoration: none; }

.mbr-blog-card-title a:hover { color: #FF6B00; }

.mbr-blog-card-excerpt { font-size: 14px; color: #64748b; margin: 0; line-height: 1.5; flex: 1; }

.mbr-blog-card-meta { display: flex; gap: 12px; font-size: 12px; color: #94a3b8; margin-top: auto; padding-top: 10px; border-top: 1px solid #f1f5f9; }



.mbr-blog-pagination { margin-top: 40px; }

.mbr-blog-pagination .page-numbers { list-style: none; display: flex; gap: 6px; justify-content: center; padding: 0; flex-wrap: wrap; }

.mbr-blog-pagination a, .mbr-blog-pagination span { padding: 8px 14px; border-radius: 6px; background: #fff; border: 1px solid #e2e8f0; color: #475569; text-decoration: none; font-weight: 600; font-size: 14px; }

.mbr-blog-pagination a:hover { background: #f1f5f9; }

.mbr-blog-pagination .current { background: #FF6B00; color: #fff; border-color: #FF6B00; }

.mbr-blog-empty { text-align: center; padding: 80px 20px; color: #94a3b8; font-size: 16px; }



/* Single post */

.mbr-post-hero { background: #0F172A center/cover no-repeat; color: #fff; padding: 60px 0 40px; }

.mbr-post-hero--nocover { background: linear-gradient(135deg, #0F172A 0%, #1e293b 100%); }

.mbr-breadcrumb { font-size: 13px; color: #cbd5e1; margin-bottom: 14px; }

.mbr-breadcrumb a { color: #cbd5e1; text-decoration: none; }

.mbr-breadcrumb a:hover { color: #FF9900; }

.mbr-breadcrumb span { margin: 0 6px; opacity: .6; }

.mbr-post-cats { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }

.mbr-post-cats a { display: inline-block; background: rgba(255,107,0,.2); color: #FF9900; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; padding: 4px 12px; border-radius: 12px; text-decoration: none; }

.mbr-post-cats a:hover { background: #FF6B00; color: #fff; }

.mbr-post-title { font-size: 36px; margin: 0 0 20px; line-height: 1.2; color: #fff; max-width: 820px; }

.mbr-post-meta { display: flex; gap: 16px; font-size: 14px; color: #cbd5e1; flex-wrap: wrap; }



.mbr-post-body { padding: 40px 20px; max-width: 820px; font-size: 17px; line-height: 1.75; color: #334155; }

.mbr-post-body h2 { font-size: 26px; color: #0F172A; margin: 32px 0 14px; }

.mbr-post-body h3 { font-size: 21px; color: #0F172A; margin: 24px 0 10px; }

.mbr-post-body p { margin: 0 0 18px; }

.mbr-post-body img { max-width: 100%; height: auto; border-radius: 8px; }

.mbr-post-body a { color: #FF6B00; }

.mbr-post-body blockquote { border-left: 4px solid #FF6B00; padding: 10px 20px; background: #FFF7ED; border-radius: 0 8px 8px 0; margin: 20px 0; font-style: italic; color: #475569; }

.mbr-post-body ul, .mbr-post-body ol { padding-left: 28px; margin-bottom: 18px; }

.mbr-post-body li { margin-bottom: 8px; }

.mbr-post-body code { background: #f1f5f9; padding: 2px 6px; border-radius: 4px; font-size: 14px; }

.mbr-post-body pre { background: #0F172A; color: #f8fafc; padding: 16px; border-radius: 8px; overflow-x: auto; }

.mbr-post-body pre code { background: transparent; color: inherit; padding: 0; }



.mbr-post-tags { margin: 30px 0; padding: 16px; background: #f8fafc; border-radius: 8px; }

.mbr-post-tags a { display: inline-block; margin: 0 4px; padding: 4px 10px; background: #fff; border: 1px solid #cbd5e1; border-radius: 12px; font-size: 12px; color: #475569; text-decoration: none; }

.mbr-post-tags a:hover { background: #FF6B00; color: #fff; border-color: #FF6B00; }



.mbr-post-share { margin: 30px 0; padding: 20px; background: #f8fafc; border-radius: 8px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }

.mbr-post-share strong { margin-right: 8px; }

.mbr-share-btn { display: inline-block; padding: 8px 16px; border-radius: 6px; color: #fff !important; text-decoration: none; font-weight: 600; font-size: 13px; transition: .15s; }

.mbr-share-btn:hover { opacity: .9; transform: translateY(-1px); }



.mbr-post-related { padding: 40px 20px; background: #f8fafc; border-top: 1px solid #e2e8f0; }

.mbr-post-related h3 { font-size: 22px; color: #0F172A; margin: 0 0 20px; text-align: center; }



.mbr-post-comments { padding: 40px 20px; max-width: 820px; }

.mbr-post-comments .comments-title { font-size: 22px; color: #0F172A; margin: 0 0 20px; }

.mbr-post-comments .comment { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; padding: 16px 20px; margin-bottom: 14px; }

.mbr-post-comments .comment-author { font-weight: 700; color: #0F172A; margin-bottom: 4px; }

.mbr-post-comments .comment-author .avatar { border-radius: 50%; margin-right: 8px; vertical-align: middle; }

.mbr-post-comments .comment-metadata { font-size: 12px; color: #94a3b8; margin-bottom: 8px; }

.mbr-post-comments .comment-content { font-size: 14px; line-height: 1.6; color: #334155; }

.mbr-post-comments .reply a { font-size: 12px; color: #FF6B00; text-decoration: none; font-weight: 600; }

.mbr-post-comments #respond { background: #f8fafc; padding: 20px; border-radius: 10px; margin-top: 20px; }

.mbr-post-comments textarea { width: 100%; padding: 10px; border: 1px solid #cbd5e1; border-radius: 6px; font-family: inherit; min-height: 100px; }

.mbr-post-comments input[type=text], .mbr-post-comments input[type=email], .mbr-post-comments input[type=url] { width: 100%; max-width: 340px; padding: 8px 10px; border: 1px solid #cbd5e1; border-radius: 6px; margin-bottom: 10px; }

.mbr-post-comments .submit, .mbr-post-comments #submit { background: #FF6B00; color: #fff; border: 0; padding: 10px 20px; border-radius: 6px; font-weight: 700; cursor: pointer; }

.mbr-post-comments .submit:hover, .mbr-post-comments #submit:hover { background: #e55b00; }



/* Card "exclusivo pro" visível só pra quem tá logado+aprovado */

.mbr-blog-card--pro { border-left: 4px solid #FF6B00; position: relative; }

.mbr-blog-card--pro::after { content: '⭐ PRO'; position: absolute; top: 10px; right: 10px; background: linear-gradient(135deg, #FFD700, #FF6B00); color: #0F172A; font-size: 10px; font-weight: 800; padding: 3px 8px; border-radius: 10px; letter-spacing: .06em; z-index: 5; }



.mbr-pro-gate { background: linear-gradient(135deg, #FFF7ED, #fff); border: 2px solid #FFD700; border-radius: 14px; padding: 40px 30px; text-align: center; margin: 30px auto; max-width: 680px; }

.mbr-pro-gate h2 { color: #FF6B00; margin: 0 0 10px; font-size: 24px; }

.mbr-pro-gate p { color: #475569; font-size: 15px; margin: 0 0 20px; }



@media (max-width: 640px) {

	.mbr-blog-hero { padding: 34px 20px; }

	.mbr-blog-hero h1 { font-size: 26px; }

	.mbr-post-title { font-size: 26px; }

	.mbr-post-meta { font-size: 13px; }

	.mbr-blog-cats { top: 56px; }

}



/* ═══════════════════════════════════════════════════════════════════

 *  [MOD-04-REGRAS] Página /regras-divulgacao/ — design MBR

 * ═══════════════════════════════════════════════════════════════════ */

.rdv-main { padding: 20px 20px 60px; max-width: 1040px; }



/* Hero */

.rdv-hero { position: relative; padding: 70px 20px 60px; color: #fff; overflow: hidden; background: #0F172A; }

.rdv-hero-bg {

	position: absolute; inset: 0; z-index: 0;

	background:

		radial-gradient(ellipse at top right, rgba(255,107,0,.35), transparent 60%),

		radial-gradient(ellipse at bottom left, rgba(255,215,0,.18), transparent 55%),

		linear-gradient(135deg, #0F172A 0%, #1e293b 100%);

}

.rdv-hero-inner { position: relative; z-index: 1; text-align: center; max-width: 720px; margin: 0 auto; }

.rdv-hero-eyebrow { display: inline-block; background: rgba(255,107,0,.2); color: #FFD700; padding: 6px 14px; border-radius: 20px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 18px; }

.rdv-hero h1 { font-size: 48px; margin: 0 0 16px; color: #fff; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; }

.rdv-hero p { font-size: 17px; color: #cbd5e1; margin: 0 0 28px; line-height: 1.6; }

.rdv-hero-stats { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; }

.rdv-hero-stats span { font-size: 13px; color: #94a3b8; }

.rdv-hero-stats strong { color: #FFD700; font-size: 16px; }



/* Intro */

.rdv-intro { background: #FFF7ED; border-left: 4px solid #FF6B00; padding: 22px 26px; border-radius: 0 10px 10px 0; margin: 40px 0; font-size: 16px; line-height: 1.7; color: #475569; }

.rdv-intro strong { color: #0F172A; }



/* Seções */

.rdv-section { margin-bottom: 56px; }

.rdv-section-head { display: flex; gap: 18px; align-items: flex-start; margin-bottom: 18px; }

.rdv-section-num { background: #FF6B00; color: #fff; font-size: 22px; font-weight: 800; width: 52px; height: 52px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 6px 14px rgba(255,107,0,.35); }

.rdv-section-head small { display: block; color: #64748b; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 4px; }

.rdv-section-head h2 { font-size: 26px; margin: 0; color: #0F172A; font-weight: 800; line-height: 1.25; }

.rdv-section-lead { font-size: 15px; line-height: 1.7; color: #475569; margin: 0 0 20px; }

.rdv-section-lead strong { color: #0F172A; }

.rdv-section-lead em { font-style: italic; color: #64748b; }



/* Cards CONAR */

.rdv-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

.rdv-card { padding: 24px; border-radius: 12px; border: 1px solid #e2e8f0; background: #fff; transition: transform .2s, box-shadow .2s; }

.rdv-card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,.08); }

.rdv-card-head { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #f1f5f9; }

.rdv-card-icon { font-size: 28px; line-height: 1; }

.rdv-card h3 { margin: 0; font-size: 18px; font-weight: 700; }

.rdv-card ul { margin: 0; padding-left: 20px; }

.rdv-card li { margin-bottom: 10px; font-size: 14px; line-height: 1.6; color: #334155; }

.rdv-card li strong { color: #0F172A; }

.rdv-card--ok { background: linear-gradient(135deg, #f0fdf4 0%, #fff 100%); border-color: #86efac; }

.rdv-card--ok h3 { color: #166534; }

.rdv-card--no { background: linear-gradient(135deg, #fef2f2 0%, #fff 100%); border-color: #fca5a5; }

.rdv-card--no h3 { color: #991b1b; }



/* Canais */

.rdv-canais { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }

.rdv-canal { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; overflow: hidden; transition: transform .2s, box-shadow .2s; }

.rdv-canal:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(0,0,0,.08); }

.rdv-canal-head { display: flex; align-items: center; gap: 14px; padding: 18px 22px; background: var(--canal-bg, #0F172A); color: var(--canal-text, #fff); }

.rdv-canal-head h3 { margin: 0; font-size: 17px; font-weight: 800; color: inherit; }

.rdv-canal-logo { width: 38px; height: 38px; border-radius: 10px; background: rgba(255,255,255,.2); display: inline-flex; align-items: center; justify-content: center; font-weight: 900; font-size: 16px; flex-shrink: 0; }

.rdv-canal ul { margin: 0; padding: 16px 22px; list-style: none; }

.rdv-canal li { font-size: 13px; color: #334155; margin-bottom: 10px; line-height: 1.6; display: flex; gap: 8px; align-items: flex-start; }

.rdv-canal li:last-child { margin-bottom: 0; }

.rdv-canal code { background: #f1f5f9; color: #FF6B00; padding: 1px 6px; border-radius: 4px; font-size: 11px; }

.rdv-tag { display: inline-block; font-size: 10px; font-weight: 800; padding: 2px 7px; border-radius: 4px; letter-spacing: .06em; flex-shrink: 0; margin-top: 2px; }

.rdv-tag.ok { background: #dcfce7; color: #166534; }

.rdv-tag.no { background: #fee2e2; color: #991b1b; }



/* Timeline de consequências */

.rdv-timeline { display: flex; flex-direction: column; gap: 14px; }

.rdv-step { display: flex; gap: 16px; background: #fff; border: 1px solid #e2e8f0; border-left: 4px solid #fbbf24; padding: 18px 22px; border-radius: 0 10px 10px 0; }

.rdv-step-num { background: #fbbf24; color: #0F172A; width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 900; font-size: 16px; flex-shrink: 0; }

.rdv-step strong { display: block; font-size: 16px; color: #0F172A; margin-bottom: 4px; }

.rdv-step p { margin: 0; font-size: 14px; color: #64748b; line-height: 1.5; }

.rdv-step--danger { border-left-color: #dc2626; background: linear-gradient(135deg, #fef2f2 0%, #fff 100%); }

.rdv-step--danger .rdv-step-num { background: #dc2626; color: #fff; }

.rdv-warning { margin-top: 18px; background: #fef2f2; border: 1px solid #fca5a5; color: #991b1b; padding: 14px 18px; border-radius: 10px; font-size: 13px; line-height: 1.6; }



/* CTA final */

.rdv-cta { background: linear-gradient(135deg, #FF6B00 0%, #FFD700 100%); color: #fff; text-align: center; padding: 50px 30px; border-radius: 18px; margin: 20px 0 40px; position: relative; overflow: hidden; }

.rdv-cta::before { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at center, rgba(255,255,255,.15), transparent 60%); pointer-events: none; }

.rdv-cta-icon { font-size: 56px; margin-bottom: 10px; filter: drop-shadow(0 4px 12px rgba(0,0,0,.25)); }

.rdv-cta h2 { font-size: 32px; color: #fff; margin: 0 0 12px; font-weight: 800; }

.rdv-cta p { max-width: 620px; margin: 0 auto 26px; font-size: 16px; line-height: 1.6; color: rgba(255,255,255,.95); }

.rdv-cta p strong { color: #fff; }

.rdv-cta-btn { display: inline-block; background: #0F172A; color: #FFD700 !important; padding: 16px 38px; border-radius: 10px; text-decoration: none; font-weight: 800; font-size: 16px; box-shadow: 0 10px 24px rgba(0,0,0,.25); transition: transform .15s ease; position: relative; z-index: 1; }

.rdv-cta-btn:hover { transform: translateY(-2px) scale(1.02); }



.rdv-footer-note { text-align: center; color: #64748b; font-size: 13px; margin: 30px 0 0; }

.rdv-footer-note a { color: #FF6B00; font-weight: 600; }



@media (max-width: 760px) {

	.rdv-hero { padding: 40px 20px 36px; }

	.rdv-hero h1 { font-size: 32px; }

	.rdv-hero p { font-size: 15px; }

	.rdv-hero-stats { gap: 16px; }

	.rdv-grid-2 { grid-template-columns: 1fr; }

	.rdv-section-num { width: 42px; height: 42px; font-size: 18px; }

	.rdv-section-head h2 { font-size: 22px; }

	.rdv-cta { padding: 36px 20px; }

	.rdv-cta h2 { font-size: 24px; }

	.rdv-cta-btn { padding: 14px 28px; font-size: 15px; }

}



/* ═══════════════════════════════════════════════════════════════════

 *  [MOD-04-PARCERIA] Páginas /parcerias/{canal}/ — cores dinâmicas do canal

 * ═══════════════════════════════════════════════════════════════════ */

.pcr-hero { position: relative; padding: 70px 20px 56px; color: var(--canal-fg, #fff); overflow: hidden; background: var(--canal-bg, #0F172A); }

.pcr-hero-bg { position: absolute; inset: 0; background: radial-gradient(ellipse at 80% 30%, rgba(255,255,255,.18), transparent 60%); z-index: 0; }

.pcr-hero-inner { position: relative; z-index: 1; max-width: 820px; text-align: center; }

.pcr-hero-eyebrow { display: inline-block; background: rgba(255,255,255,.15); padding: 6px 14px; border-radius: 20px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 18px; }

.pcr-hero h1 { font-size: 44px; margin: 0 0 14px; font-weight: 800; line-height: 1.1; color: inherit; letter-spacing: -.02em; }

.pcr-hero .pcr-sep { opacity: .6; font-weight: 400; margin: 0 6px; }

.pcr-hero p { font-size: 16px; line-height: 1.6; opacity: .95; margin: 0; }



.pcr-main { padding: 30px 20px 60px; max-width: 1100px; }



.pcr-disclosure { background: #FEF3C7; border: 1px solid #FCD34D; color: #78350F; padding: 14px 18px; border-radius: 10px; margin: 20px 0 36px; font-size: 14px; line-height: 1.6; }

.pcr-disclosure strong { color: #92400E; }

.pcr-disclosure a { color: #B45309; font-weight: 700; text-decoration: underline; margin-left: 4px; }



.pcr-block { margin-bottom: 42px; }

.pcr-block h2 { font-size: 24px; color: #0F172A; margin: 0 0 20px; font-weight: 800; }



.pcr-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }

.pcr-step { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 22px; position: relative; transition: transform .2s; }

.pcr-step:hover { transform: translateY(-3px); box-shadow: 0 12px 26px rgba(0,0,0,.08); }

.pcr-step span { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg, #FF6B00, #FF9900); color: #fff; font-weight: 800; font-size: 15px; margin-bottom: 10px; }

.pcr-step strong { display: block; font-size: 15px; color: #0F172A; margin-bottom: 4px; }

.pcr-step p { margin: 0; font-size: 13px; color: #64748b; line-height: 1.5; }



.pcr-beneficios { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; }

.pcr-beneficios li { background: linear-gradient(135deg, #f8fafc, #fff); border: 1px solid #e2e8f0; border-radius: 10px; padding: 14px 18px; font-size: 14px; color: #334155; line-height: 1.6; transition: background .15s; }

.pcr-beneficios li:hover { background: #FFF7ED; border-color: #FDBA74; }



.pcr-btn { display: inline-block; padding: 12px 26px; border-radius: 8px; font-weight: 700; font-size: 14px; text-decoration: none; background: #fff; color: #0F172A !important; border: 2px solid #e2e8f0; transition: .15s; }

.pcr-btn:hover { border-color: #FF6B00; color: #FF6B00 !important; transform: translateY(-1px); }

.pcr-btn--primary { background: #FF6B00; color: #fff !important; border-color: #FF6B00; }

.pcr-btn--primary:hover { background: #e55b00; color: #fff !important; border-color: #e55b00; }

.pcr-btn--pro { background: linear-gradient(135deg, #FFD700, #FF9900); border-color: #FF9900; color: #0F172A !important; }

.pcr-btn--pro:hover { border-color: #FFD700; color: #0F172A !important; }



.pcr-cta { background: linear-gradient(135deg, #0F172A 0%, #1e293b 100%); color: #fff; padding: 40px 30px; border-radius: 14px; text-align: center; }

.pcr-cta h3 { font-size: 24px; color: #fff; margin: 0 0 10px; font-weight: 800; }

.pcr-cta p { font-size: 15px; color: #cbd5e1; max-width: 580px; margin: 0 auto 20px; line-height: 1.6; }

.pcr-cta p strong { color: #FFD700; }

.pcr-cta-btns { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }



@media (max-width: 760px) {

	.pcr-hero { padding: 40px 20px; }

	.pcr-hero h1 { font-size: 30px; }

	.pcr-block h2 { font-size: 20px; }

	.pcr-cta { padding: 30px 20px; }

	.pcr-cta h3 { font-size: 20px; }

}



/* ═══════════════════════════════════════════════════════════════════

 *  [MOD-04-SEGURO] Página /site-seguro/

 * ═══════════════════════════════════════════════════════════════════ */

.sg-hero { background: linear-gradient(135deg, #0F172A 0%, #1e293b 60%, #16a34a 100%); color: #fff; padding: 60px 24px 50px; border-radius: 0 0 18px 18px; text-align: center; margin: 0 0 30px; }

.sg-hero h1 { font-size: 38px; color: #fff; margin: 0 0 12px; font-weight: 800; }

.sg-hero h1 span { color: #86efac; }

.sg-hero p { font-size: 16px; max-width: 620px; margin: 0 auto; opacity: .95; line-height: 1.6; }

.sg-main { max-width: 980px; margin: 0 auto; padding: 0 24px 60px; }

.sg-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; margin: 30px 0; }

.sg-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; padding: 24px; transition: transform .15s; }

.sg-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.06); }

.sg-card-ico { width: 48px; height: 48px; border-radius: 10px; background: linear-gradient(135deg, #16a34a, #22c55e); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 22px; margin-bottom: 12px; }

.sg-card h3 { font-size: 17px; color: #0F172A; margin: 0 0 8px; font-weight: 800; }

.sg-card p { font-size: 14px; color: #475569; line-height: 1.6; margin: 0; }

.sg-card strong { color: #0F172A; }

.sg-info { background: #f0fdf4; border: 1px solid #86efac; border-radius: 10px; padding: 18px 22px; margin: 0 0 24px; font-size: 14px; color: #166534; line-height: 1.7; }

.sg-info strong { color: #064e3b; }

@media (max-width:640px) { .sg-hero h1 { font-size: 28px; } }



/* ═══════════════════════════════════════════════════════════════════

 *  [MOD-04-SELOS] Selos de confiança no rodapé (CONAR, LGPD, SSL, afiliados)

 * ═══════════════════════════════════════════════════════════════════ */

.mbr-selos {

	display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;

	padding: 22px 20px; margin: 20px 0 0;

	border-top: 1px solid #1e293b; border-bottom: 1px solid #1e293b;

	background: rgba(0,0,0,.15);

}

.mbr-selo {

	display: inline-flex; align-items: center; gap: 8px;

	padding: 8px 12px; border-radius: 8px;

	background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1);

	color: #cbd5e1; text-decoration: none;

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

	transition: all .15s ease;

	filter: grayscale(1); opacity: .75;

}

.mbr-selo:hover {

	filter: grayscale(0); opacity: 1;

	background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.25);

	transform: translateY(-1px);

	color: #fff;

}

.mbr-selo-ico {

	width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center;

	border-radius: 6px; background: #fff; color: #0F172A;

	font-size: 16px; font-weight: 900; flex-shrink: 0;

}

.mbr-selo-lbl { display: flex; flex-direction: column; line-height: 1.1; }

.mbr-selo-lbl strong { font-size: 12px; font-weight: 700; color: #e2e8f0; }

.mbr-selo-lbl small { font-size: 10px; color: #94a3b8; font-weight: 500; letter-spacing: .02em; }

.mbr-selo:hover .mbr-selo-lbl strong { color: #fff; }



/* Cores específicas dos selos de afiliado (aparecem só em hover) */

.mbr-selo--amazon:hover .mbr-selo-ico { background: #FF9900; color: #fff; font-style: italic; }

.mbr-selo--ml:hover     .mbr-selo-ico { background: #FFE600; color: #2D3277; font-size: 11px; }

.mbr-selo--shopee:hover .mbr-selo-ico { background: #EE4D2D; color: #fff; }

.mbr-selo--magalu:hover .mbr-selo-ico { background: #0068FF; color: #fff; }

.mbr-selo--verified .mbr-selo-ico { background: linear-gradient(135deg, #16a34a, #22c55e); color: #fff; }



@media (max-width: 640px) {

	.mbr-selos { gap: 6px; padding: 14px 12px; }

	.mbr-selo { padding: 6px 10px; }

	.mbr-selo-ico { width: 26px; height: 26px; font-size: 13px; }

	.mbr-selo-lbl strong { font-size: 11px; }

	.mbr-selo-lbl small { font-size: 9px; }

}



/* ── [MOD-04-HIDE] Ocultar H1 de páginas específicas (evita duplicação com título interno) ── */

.page-indique-e-ganhe .entry-title,

.page-indique-e-ganhe .page-title,

.page-indique-e-ganhe h1.wp-block-post-title,

.page-indique-e-ganhe .elementor-page-title,

.page-indique-e-ganhe .elementor-widget-heading h1,

.page-indique-e-ganhe main > article > header,

.page-indique-e-ganhe .hello-section-header,

body.page-indique-e-ganhe > main h1:first-child,

.page-indicador-profissional .entry-title,

.page-indicador-profissional .page-title,

.page-indicador-profissional h1.wp-block-post-title,

.page-indicador-profissional .elementor-page-title,

.page-indicador-profissional main > article > header,

.page-indicador-profissional .hello-section-header,

body.page-indicador-profissional > main h1:first-child,

.page-parcerias .entry-title,

.page-parcerias main > article > header,

.page-regras-divulgacao .entry-title,

.page-regras-divulgacao main > article > header,

.page-site-seguro .entry-title,

.page-site-seguro main > article > header { display: none !important; }



/* Remove padding/margin EXTRA do tema em páginas custom, mantendo .mbr-container funcional */

body.page-indicador-profissional .site-main,

body.page-regras-divulgacao .site-main,

body.page-site-seguro .site-main,

body.page-parcerias .site-main,

body.parent-pageid-1231 .site-main,

body.parent-pageid-1238 .site-main { padding: 0 !important; margin: 0 !important; max-width: none !important; }

body.page-indicador-profissional .site-main > article,

body.page-regras-divulgacao .site-main > article,

body.page-site-seguro .site-main > article,

body.page-parcerias .site-main > article { padding: 0 !important; margin: 0 !important; max-width: none !important; }

/* .mbr-container mantém sua centralização original */



/* ── Modal do link de divulgação (botão código no topbar) ── */

.mbr-user-codigo { cursor: pointer; border: 0; font: inherit; }

.mbr-share-link-modal { display: none; position: fixed; inset: 0; background: rgba(15,23,42,.7); z-index: 100000; align-items: center; justify-content: center; padding: 20px; }

.mbr-share-link-box { background: #fff; border-radius: 14px; padding: 28px; max-width: 520px; width: 100%; position: relative; box-shadow: 0 20px 60px rgba(0,0,0,.3); }

.mbr-share-link-close { position: absolute; top: 10px; right: 14px; background: none; border: 0; font-size: 24px; cursor: pointer; color: #64748b; line-height: 1; }

.mbr-share-link-close:hover { color: #0F172A; }

.mbr-share-link-box h3 { margin: 0 0 6px; color: #0F172A; font-size: 18px; }

.mbr-share-link-box > p { margin: 0 0 16px; color: #475569; font-size: 14px; }

.mbr-share-link-row { display: flex; gap: 8px; margin-bottom: 16px; }

.mbr-share-link-row input { flex: 1; padding: 10px 12px; border: 2px solid #e2e8f0; border-radius: 8px; font-size: 13px; color: #0F172A; font-family: monospace; background: #f8fafc; }

.mbr-share-link-row input:focus { outline: none; border-color: var(--mbr-primary); }

.mbr-share-link-copy { background: var(--mbr-primary); color: #fff; border: 0; padding: 10px 20px; border-radius: 8px; font-weight: 600; cursor: pointer; font-size: 14px; white-space: nowrap; transition: background .2s; }

.mbr-share-link-copy:hover { background: #e55b00; }

.mbr-share-link-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }

.mbr-share-link-actions a { flex: 1; min-width: 120px; text-align: center; padding: 10px; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 13px; color: #fff; }

.mbr-share-link-wa { background: #25D366; }

.mbr-share-link-fb { background: #1877F2; }

.mbr-share-link-tw { background: #0F172A; }

.mbr-share-link-actions a:hover { opacity: .9; }

.mbr-share-link-hint { margin: 0; font-size: 12px; color: #64748b; text-align: center; }

.mbr-share-link-hint strong { color: var(--mbr-primary); font-family: monospace; }

@media (max-width: 520px) {

    .mbr-share-link-row { flex-direction: column; }

    .mbr-share-link-copy { width: 100%; }

}





/* ── Filtros Sidebar — Categorias ── */

.mbr-cat-layout {

    display: grid;

    grid-template-columns: 240px 1fr;

    gap: 24px;

    align-items: start;

}



.mbr-filters {

    background: #fff;

    border-radius: 12px;

    border: 1px solid #e5e7eb;

    padding: 4px 0;

    position: sticky;

    top: 20px;

}



.mbr-subcats-section { background: linear-gradient(180deg, #FFF7ED 0%, #fff 100%); border: 1px solid #FED7AA !important; border-radius: 8px; padding: 12px 14px; margin-bottom: 14px; }

.mbr-subcats-section .mbr-filter-title { color: #9A3412 !important; margin-bottom: 8px !important; }

.mbr-subcats-list li a { display: flex !important; justify-content: space-between; align-items: center; }

.mbr-subcats-list li a.active { background: #FF6B00 !important; color: #fff !important; border-radius: 4px; }

.mbr-subcat-count { background: rgba(0,0,0,.06); color: #64748b; font-size: 11px; padding: 1px 7px; border-radius: 10px; font-weight: 600; }

.mbr-subcats-list li a.active .mbr-subcat-count { background: rgba(255,255,255,.25); color: #fff; }



.mbr-filter-section {

    padding: 14px 18px;

    border-bottom: 1px solid #f1f5f9;

}



.mbr-filter-section:last-child {

    border-bottom: none;

}



.mbr-filter-title {

    font-size: 13px;

    font-weight: 700;

    color: #1e293b;

    margin: 0 0 8px;

    text-transform: uppercase;

    letter-spacing: 0.03em;

}



.mbr-filter-list {

    list-style: none;

    padding: 0;

    margin: 0;

}



.mbr-filter-list li {

    margin: 0;

}



.mbr-filter-list a {

    display: flex;

    align-items: center;

    padding: 5px 8px;

    margin: 1px 0;

    border-radius: 6px;

    font-size: 13px;

    color: #4b5563;

    text-decoration: none;

    transition: .15s;

}



.mbr-filter-list a:hover {

    background: #f1f5f9;

    color: #1e293b;

}



.mbr-filter-list a.active {

    background: #FF6B00;

    color: #fff;

    font-weight: 600;

}



.mbr-cat-content {

    min-width: 0;

}



.mbr-cat-content .lmd-grid {

    grid-template-columns: repeat(3, 1fr) !important;

}



.mbr-tag {

    display: inline-block;

    padding: 6px 14px;

    background: #f1f5f9;

    border-radius: 20px;

    font-size: 13px;

    color: #374151;

    text-decoration: none;

    font-weight: 500;

    border: 1px solid #e5e7eb;

    transition: .2s;

}



.mbr-tag:hover {

    background: #e2e8f0;

    border-color: #cbd5e1;

}



.mbr-filter-badge {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    padding: 4px 12px;

    background: #FFF7ED;

    border: 1px solid #FDBA74;

    border-radius: 20px;

    font-size: 12px;

    font-weight: 600;

    color: #9A3412;

}



.mbr-filter-badge a {

    color: #9A3412;

    font-size: 14px;

    text-decoration: none;

    font-weight: 700;

    line-height: 1;

}



.mbr-filter-badge a:hover {

    color: #DC2626;

}



@media (max-width: 900px) {

    .mbr-cat-layout {

        grid-template-columns: 1fr;

    }

    .mbr-filters {

        position: static;

        display: flex;

        flex-wrap: wrap;

        gap: 0;

    }

    .mbr-filter-section {

        flex: 1;

        min-width: 150px;

        border-bottom: none;

        border-right: 1px solid #f1f5f9;

    }

    .mbr-cat-content .lmd-grid {

        grid-template-columns: repeat(2, 1fr) !important;

    }

}



@media (max-width: 600px) {

    .mbr-cat-content .lmd-grid {

        grid-template-columns: 1fr !important;

    }

}



/* ── Paginas Institucionais ── */

.mbr-inst-content h2 {

    font-size: 22px;

    font-weight: 800;

    color: #1e293b;

    margin: 0 0 12px;

    padding-bottom: 8px;

    border-bottom: 2px solid #f1f5f9;

}



.mbr-inst-content p {

    font-size: 15px;

    line-height: 1.8;

    color: #4b5563;

    margin: 0 0 16px;

}



.mbr-inst-section {

    margin-bottom: 32px;

}



.mbr-inst-date {

    font-size: 13px;

    color: #94a3b8;

    font-weight: 600;

    margin-bottom: 24px !important;

}



/* Cards (sobre nos, contato) */

.mbr-inst-cards {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 16px;

    margin-bottom: 32px;

}



.mbr-inst-card {

    background: #fff;

    border: 1px solid #e5e7eb;

    border-radius: 12px;

    padding: 24px;

    text-align: center;

    transition: .2s;

}



.mbr-inst-card:hover {

    box-shadow: 0 8px 24px rgba(0,0,0,0.08);

    transform: translateY(-2px);

}



.mbr-inst-card-link {

    text-decoration: none;

    display: block;

    color: inherit;

}



.mbr-inst-card-icon {

    width: 56px;

    height: 56px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto 14px;

}



.mbr-inst-card h3 {

    font-size: 16px;

    font-weight: 700;

    color: #1e293b;

    margin: 0 0 6px;

}



.mbr-inst-card p {

    font-size: 13px;

    color: #6b7280;

    margin: 0;

    line-height: 1.6;

}



/* Highlight box */

.mbr-inst-highlight {

    background: color-mix(in srgb, var(--inst-clr) 6%, white);

    border-left: 4px solid var(--inst-clr);

    border-radius: 0 12px 12px 0;

    padding: 24px 28px;

    margin: 32px 0;

}



.mbr-inst-highlight h3 {

    font-size: 17px;

    font-weight: 700;

    color: #1e293b;

    margin: 0 0 8px;

}



.mbr-inst-highlight p {

    margin: 0;

}



/* Steps (como funciona) */

.mbr-inst-steps {

    display: flex;

    flex-direction: column;

    gap: 20px;

    margin-bottom: 32px;

}



.mbr-inst-step {

    display: flex;

    gap: 18px;

    align-items: flex-start;

    background: #fff;

    border: 1px solid #e5e7eb;

    border-radius: 12px;

    padding: 24px;

    transition: .2s;

}



.mbr-inst-step:hover {

    box-shadow: 0 4px 16px rgba(0,0,0,0.06);

}



.mbr-inst-step-num {

    width: 44px;

    height: 44px;

    min-width: 44px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 20px;

    font-weight: 800;

}



.mbr-inst-step h3 {

    font-size: 16px;

    font-weight: 700;

    color: #1e293b;

    margin: 0 0 6px;

}



.mbr-inst-step p {

    margin: 0;

}



/* List cards (privacidade) */

.mbr-inst-list-cards {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 12px;

    margin-top: 12px;

}



.mbr-inst-list-cards > div {

    background: #f8fafc;

    border: 1px solid #e5e7eb;

    border-radius: 10px;

    padding: 16px;

    font-size: 13px;

    line-height: 1.6;

    color: #4b5563;

}



.mbr-inst-list-cards > div strong {

    display: block;

    color: #1e293b;

    margin-bottom: 4px;

}



/* Checklist */

.mbr-inst-check-list {

    list-style: none;

    padding: 0;

}



.mbr-inst-check-list li {

    padding: 8px 0 8px 28px;

    position: relative;

    font-size: 14px;

    color: #4b5563;

    border-bottom: 1px solid #f1f5f9;

}



.mbr-inst-check-list li::before {

    content: '\2713';

    position: absolute;

    left: 0;

    color: #16A34A;

    font-weight: 700;

}



/* Accordion (termos) */

.mbr-inst-accordion {

    display: flex;

    flex-direction: column;

    gap: 8px;

}



.mbr-inst-accordion details {

    background: #fff;

    border: 1px solid #e5e7eb;

    border-radius: 10px;

    overflow: hidden;

    transition: .2s;

}



.mbr-inst-accordion details[open] {

    box-shadow: 0 2px 8px rgba(0,0,0,0.05);

}



.mbr-inst-accordion summary {

    padding: 16px 20px;

    font-size: 15px;

    font-weight: 700;

    color: #1e293b;

    cursor: pointer;

    list-style: none;

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.mbr-inst-accordion summary::-webkit-details-marker { display: none; }



.mbr-inst-accordion summary::after {

    content: '+';

    font-size: 20px;

    font-weight: 400;

    color: #94a3b8;

    transition: .2s;

}



.mbr-inst-accordion details[open] summary::after {

    content: '-';

    color: #FF6B00;

}



.mbr-inst-accordion details p {

    padding: 0 20px 16px;

    margin: 0;

}



/* Social grid (contato) */

.mbr-inst-social-grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: 12px;

    margin-top: 12px;

}



.mbr-inst-social-item {

    display: flex;

    align-items: center;

    gap: 12px;

    padding: 14px 18px;

    background: #f8fafc;

    border: 1px solid #e5e7eb;

    border-radius: 10px;

    text-decoration: none;

    color: #374151;

    font-weight: 600;

    font-size: 14px;

    transition: .2s;

}



.mbr-inst-social-item:hover {

    background: var(--s-clr);

    color: #fff;

    border-color: var(--s-clr);

}



.mbr-inst-social-item:hover svg {

    fill: #fff;

}



@media (max-width: 768px) {

    .mbr-inst-cards { grid-template-columns: 1fr; }

    .mbr-inst-list-cards { grid-template-columns: 1fr; }

    .mbr-inst-social-grid { grid-template-columns: 1fr; }

}



/* ── Redes Sociais — Top bar ── */

.mbr-social-top {

    display: inline-flex;

    gap: 10px;

    margin-right: 16px;

    align-items: center;

}



.mbr-social-top a {

    color: rgba(255,255,255,0.6);

    transition: .2s;

    display: flex;

}



.mbr-social-top a:hover {

    color: #fff;

    transform: scale(1.15);

}



/* ── Redes Sociais — Footer ── */

.mbr-footer-social {

    display: flex;

    justify-content: center;

    gap: 16px;

    padding: 20px 0;

    border-top: 1px solid #1e293b;

    margin-top: 24px;

}



.mbr-footer-social a {

    width: 40px;

    height: 40px;

    border-radius: 50%;

    background: #1e293b;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #94a3b8;

    transition: .2s;

}



.mbr-footer-social a:hover {

    background: #FF6B00;

    color: #fff;

    transform: translateY(-2px);

}



/* ── Paginacao ── */

.page-numbers {

    list-style: none;

    display: flex;

    gap: 6px;

    padding: 0;

    margin: 0;

    flex-wrap: wrap;

    justify-content: center;

}



.page-numbers li {

    list-style: none;

}



.page-numbers a,

.page-numbers span {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 40px;

    height: 40px;

    padding: 0 12px;

    border-radius: 8px;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    transition: .2s;

    border: 1px solid #e5e7eb;

    color: #374151;

    background: #fff;

}



.page-numbers a:hover {

    background: #FF6B00;

    color: #fff;

    border-color: #FF6B00;

}



.page-numbers .current {

    background: #FF6B00;

    color: #fff;

    border-color: #FF6B00;

}



.page-numbers .dots {

    border: none;

    background: transparent;

    color: #999;

}



/* ── Responsive ── */

@media (max-width: 768px) {

    .mbr-hero { padding: 32px 20px; }

    .mbr-hero h1 { font-size: 24px; }

    .mbr-stats { grid-template-columns: repeat(2, 1fr); }

    .lmd-grid { gap: 10px !important; }

    .mbr-section-title { font-size: 18px; }

    .mbr-social-top { gap: 6px; margin-right: 10px; }



    /* Footer: 4 colunas → 2 colunas no tablet */

    .mbr-footer { padding: 32px 0 0; margin-top: 24px; }

    .mbr-footer .mbr-container { padding: 0 20px; }

    .mbr-footer-grid { grid-template-columns: 1fr 1fr !important; gap: 24px !important; }

    .mbr-footer-grid > div:first-child { grid-column: 1 / -1; } /* Logo+sobre ocupa linha inteira */

    .mbr-footer-bottom { margin-top: 24px; padding: 16px 0; font-size: 11px; line-height: 1.5; }

    .mbr-footer-social { gap: 10px !important; flex-wrap: wrap; }

}



@media (max-width: 480px) {

    .mbr-stats { grid-template-columns: 1fr; }

    .mbr-social-top { display: none; }



    /* Footer: 2 colunas → 1 coluna no celular */

    .mbr-footer-grid { grid-template-columns: 1fr !important; gap: 20px !important; }

    .mbr-footer-grid > div { text-align: left; }

    .mbr-footer-title { font-size: 18px; margin-bottom: 10px; }

    .mbr-footer-links li { margin-bottom: 10px; }

    .mbr-footer-links a { font-size: 16px; } /* clicável melhor no touch */

    .mbr-footer-logo { justify-content: flex-start; }

}



/* ═══════════════════════════════════════════════════════════════════════

   USER LOGADO NO INDIQUE E GANHE — pill compacto na topbar.

═══════════════════════════════════════════════════════════════════════ */

.mbr-user-topbar {

  display:inline-flex; align-items:center; gap:0;

  padding:0; margin-left:12px; line-height:1;

  background:rgba(255,107,0,.15); border:1px solid rgba(255,107,0,.4);

  border-radius:20px; overflow:hidden; height:28px;

}

.mbr-user-nome {

  display:inline-flex; align-items:center; gap:6px;

  color:#fff !important; font-weight:700; text-decoration:none;

  font-size:12px; padding:0 10px 0 12px; height:100%;

  transition:background .15s;

}

.mbr-user-nome:hover { background:rgba(255,107,0,.25); color:#fff !important; }

.mbr-user-avatar {

  width:18px; height:18px; border-radius:50%;

  background:#FF6B00; color:#fff;

  display:inline-flex; align-items:center; justify-content:center;

  font-size:10px; font-weight:800;

}

.mbr-user-nome-txt {

  max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;

}

.mbr-user-codigo {

  font-family:'Courier New',monospace; font-size:10px;

  color:rgba(255,255,255,.7); padding:0 10px;

  border-left:1px solid rgba(255,255,255,.15);

  border-right:1px solid rgba(255,255,255,.15);

  height:100%; display:inline-flex; align-items:center;

  letter-spacing:.3px; cursor:help;

}

.mbr-user-sair {

  color:rgba(255,255,255,.75) !important; text-decoration:none;

  font-size:11px; font-weight:600; padding:0 12px;

  height:100%; display:inline-flex; align-items:center;

  transition:background .15s, color .15s;

}

.mbr-user-sair:hover { background:rgba(220,38,38,.3); color:#fff !important; }



@media (max-width:720px) {

  .mbr-user-topbar { margin:6px 0 0; }

  .mbr-user-nome-txt { max-width:100px; }

  .mbr-user-codigo { display:none; } /* esconde código em mobile pra liberar espaço */

}



/* Botão "Entrar/Cadastrar" (user deslogado) */

.mbr-user-entrar {

  display:inline-flex; align-items:center; gap:6px;

  margin-left:12px; padding:0 14px; height:28px;

  background:#FF6B00; color:#fff !important;

  border-radius:20px; text-decoration:none;

  font-size:12px; font-weight:700;

  transition:background .15s, transform .15s;

  border:1px solid #FF6B00;

}

.mbr-user-entrar:hover { background:#E05C00; color:#fff !important; transform:translateY(-1px); }

.mbr-user-entrar .mbr-user-avatar { width:18px; height:18px; background:#fff; color:#FF6B00; }



@media (max-width:720px) {

  .mbr-user-entrar { margin:6px 0 0; }

}



/* ═══════════════════════════════════════════════════════════════════════

   "NÃO ENCONTROU?" — banner de CTA WhatsApp + botão flutuante sticky.

═══════════════════════════════════════════════════════════════════════ */

.mbr-achamos-section {

  background: linear-gradient(135deg,#25D366 0%,#128C7E 100%);

  color:#fff; padding:32px 0; margin:0;

  position:relative; overflow:hidden;

}

.mbr-achamos-section::before {

  content:''; position:absolute; top:-80px; right:-40px;

  width:220px; height:220px; border-radius:50%;

  background:rgba(255,255,255,.08);

}

.mbr-achamos-inner {

  display:flex; align-items:center; gap:20px;

  flex-wrap:wrap; justify-content:center; text-align:left;

  position:relative; z-index:1;

}

.mbr-achamos-icone {

  width:72px; height:72px; border-radius:50%;

  background:rgba(255,255,255,.18); backdrop-filter:blur(4px);

  display:flex; align-items:center; justify-content:center;

  color:#fff; flex-shrink:0;

}

.mbr-achamos-texto { flex:1; min-width:260px; }

.mbr-achamos-texto h3 { margin:0 0 6px; font-size:22px; font-weight:800; color:#fff; }

.mbr-achamos-texto p { margin:0; font-size:15px; opacity:.95; line-height:1.5; }

.mbr-achamos-btn {

  display:inline-flex; align-items:center; gap:10px;

  background:#fff; color:#128C7E; text-decoration:none;

  font-weight:800; font-size:16px; padding:14px 28px; border-radius:50px;

  box-shadow:0 6px 16px rgba(0,0,0,.18);

  transition:transform .2s, box-shadow .2s;

  white-space:nowrap;

}

.mbr-achamos-btn:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.24); color:#128C7E; }



@media (max-width:640px) {

  .mbr-achamos-inner { text-align:center; }

  .mbr-achamos-texto h3 { font-size:19px; }

}



/* Botão flutuante (sempre visível) — só ícone WhatsApp, discreto */

.mbr-wa-float {

  position:fixed; bottom:20px; right:20px;

  width:50px; height:50px; border-radius:50%;

  background:#25D366; color:#fff; text-decoration:none;

  display:inline-flex; align-items:center; justify-content:center;

  box-shadow:0 4px 12px rgba(37,211,102,.4);

  z-index:9999;

  transition:transform .2s, box-shadow .2s;

}

.mbr-wa-float:hover { transform:scale(1.08); color:#fff; box-shadow:0 6px 18px rgba(37,211,102,.6); }



@media (max-width:640px) {

  .mbr-wa-float { bottom:16px; right:16px; width:46px; height:46px; }

}



/* ═══════════════════════════════════════════════════════════════════════

   BARRA DE CANAIS (marketplaces) — entre header e nav de departamentos.

   Visual forte pra transmitir sensação de marketplace grande. Cores só

   de referência — sem logos oficiais (evita problema de marca).

   A aba ativa "cola" na barra escura de categorias (efeito tab).

═══════════════════════════════════════════════════════════════════════ */

.mbr-canais { background:#fff; padding:10px 0 0; margin-bottom:0; }

.mbr-canais .mbr-container { display:flex; gap:6px; flex-wrap:wrap; justify-content:center; align-items:flex-end; }

/* nav de departamentos colado na barra de canais — sem gap */

.mbr-canais + .mbr-nav { margin-top:0; }



.mbr-canal {

  display:inline-flex; align-items:center; justify-content:center; gap:8px;

  padding:10px 22px 12px; min-width:140px;

  font-family:'Segoe UI',system-ui,sans-serif; font-weight:700; font-size:14px;

  text-decoration:none; border-radius:8px 8px 0 0;

  transition:all .15s ease;

  text-align:center; letter-spacing:.2px;

  position:relative;

  /* DISCRETO por default: fundo escuro neutro + texto branco; cor da marca = CSS var --canal-bg */

  background:#1e293b; color:#fff;

  border-bottom:3px solid transparent;

}

.mbr-canal-icone { max-height:22px; max-width:80px; object-fit:contain; filter:saturate(1.15); }

.mbr-canal.italic-lower { font-style:italic; text-transform:lowercase; }

.mbr-canal.lower { text-transform:lowercase; }



/* Hover: aparece a cor da marca só na borda inferior (acento sutil) */

.mbr-canal:hover {

  background:#0F172A;

  border-bottom-color:var(--canal-bg, #FF6B00);

  transform:translateY(-1px);

}



/* Ativo: aí sim a cor da marca assume o fundo */

.mbr-canal.is-active {

  background:var(--canal-bg, #FF6B00);

  color:var(--canal-fg, #fff);

  border-bottom-color:var(--canal-bg, #FF6B00);

  padding-bottom:18px;

  margin-bottom:-6px;

  z-index:2;

  box-shadow:0 -3px 10px rgba(0,0,0,.10);

  transform:translateY(0);

}

.mbr-canal.is-active::after {

  content:''; position:absolute; left:0; right:0; bottom:0; height:6px;

  background:inherit;

}

/* "Todas as Lojas" sempre escuro (sem var) — herda default */

.mbr-canal--todos.is-active { background:#FF6B00; border-bottom-color:#FF6B00; }



@media (max-width:760px) {

  /* Canais viram scroll horizontal fluido (padrão Amazon/Shopee mobile) */

  .mbr-canais { padding:8px 0 0; }

  .mbr-canais .mbr-container {

    display:flex; gap:6px;

    overflow-x:auto; overflow-y:visible;

    flex-wrap:nowrap; justify-content:flex-start;

    padding:0 12px 2px;

    scrollbar-width:none; -ms-overflow-style:none;

    -webkit-overflow-scrolling:touch;

  }

  .mbr-canais .mbr-container::-webkit-scrollbar { display:none; }

  .mbr-canal {

    min-width:0; flex:0 0 auto;

    padding:8px 16px 10px; font-size:13px;

    border-radius:6px; /* no mobile mantém borda inteira — sem efeito tab */

    min-height:38px; /* touch target adequado */

  }

  .mbr-canal.is-active { padding-bottom:10px; margin-bottom:0; box-shadow:0 2px 8px rgba(0,0,0,.15); }

  .mbr-canal.is-active::after { display:none; }

  .mbr-canal-icone { max-height:18px; max-width:60px; }

}