/* Hero Black Friday 2026 (modelo 2 "A Black é Amarelinha"). Tudo escopado em .oxbf.
   Arte anterior guardada em agencia-inteligente/OxePay/output/criativos/black-friday-oxesmart-2026-10-23/arte-original-site */
.oxbf{--am:#FFD100;--pr:#111;font-family:Archivo,system-ui,sans-serif;color:#fff;background:var(--pr);margin:0!important;max-width:none!important;width:100%}
.oxbf *{box-sizing:border-box}
.oxbf-tick{background:var(--am);color:#111;overflow:hidden;white-space:nowrap;border-bottom:3px solid #111}
.oxbf-tick div{display:inline-block;padding:12px 0;font-weight:900;font-variation-settings:'wdth' 75;font-size:20px;letter-spacing:.06em;animation:oxbf-t 22s linear infinite}
.oxbf-tick span{margin:0 18px}
@keyframes oxbf-t{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.oxbf-tick div{animation:none}}
.oxbf-hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px}
.oxbf-esq{padding:56px 56px 44px 72px;display:flex;flex-direction:column;justify-content:center}
.oxbf-chip{align-self:flex-start;border:2px solid #fff;border-radius:8px;padding:7px 14px;font-weight:800;font-size:16px;color:#fff}
.oxbf h1{margin:22px 0 14px;font-family:Archivo,system-ui,sans-serif;font-weight:900;font-size:clamp(44px,5vw,74px);line-height:.98;letter-spacing:-1px;color:#fff}
.oxbf h1 .y{color:var(--am)}
.oxbf-sub{font-size:20px;line-height:1.4;color:#e2e2e2;margin:0 0 26px;max-width:520px}
.oxbf-tax{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;color:#111;border-radius:14px;padding:16px 6px;max-width:560px;box-shadow:0 0 0 4px #FFD10055,0 20px 40px #0008}
.oxbf-tax div{text-align:center;border-left:1px solid #ddd;padding:0 6px}.oxbf-tax div:first-child{border:0}
.oxbf-tax b{display:block;font-size:30px;font-weight:900;font-variation-settings:'wdth' 72;color:#111;line-height:1}
.oxbf-tax b em{font-style:normal;color:#8a6d00}
.oxbf-tax small{font-size:13px;color:#444;font-weight:600}
.oxbf-cta{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}
.oxbf a.oxbf-btn{background:var(--am);color:#111;font-weight:800;font-size:18px;padding:16px 28px;border-radius:999px;text-decoration:none;min-height:54px;display:inline-flex;align-items:center}
.oxbf a.oxbf-btn2{border:2px solid #fff;color:#fff;font-weight:700;font-size:17px;padding:14px 24px;border-radius:999px;text-decoration:none;min-height:54px;display:inline-flex;align-items:center}
.oxbf-nota{font-size:12px;color:#a8a8a8;margin:18px 0 0;max-width:560px;line-height:1.45}
.oxbf-dir{position:relative;background:var(--am);overflow:hidden;min-height:520px}
.oxbf-dir:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,#0000 0 26px,#00000010 26px 28px)}
.oxbf-big{position:absolute;left:-4px;top:30px;font-weight:900;font-variation-settings:'wdth' 62;font-size:200px;line-height:.8;color:#111;text-transform:uppercase;letter-spacing:-2px}
.oxbf-big span{display:block;color:transparent;-webkit-text-stroke:3px #111}
.oxbf-chap{position:absolute;right:28px;top:28px;width:110px}
.oxbf-maq{position:absolute;left:54%;top:55%;height:540px;width:auto;max-width:none;transform:translate(-50%,-50%) rotate(9deg);filter:drop-shadow(-24px 34px 30px #0007)}
.oxbf-preco{position:absolute;right:30px;bottom:34px;background:#111;color:#fff;border-radius:18px;padding:16px 20px;transform:rotate(-4deg);box-shadow:0 14px 30px #0006}
.oxbf-preco small{display:block;font-size:13px;color:#cfcfcf;font-weight:600}.oxbf-preco s{color:#999}
.oxbf-preco b{display:block;color:var(--am);font-size:34px;font-weight:900;font-variation-settings:'wdth' 75;line-height:1.05}
.oxbf-tag{position:absolute;left:22px;bottom:34px;background:#fff;color:#111;font-weight:900;font-size:16px;padding:9px 14px;border-radius:8px;transform:rotate(3deg);border:2px solid #111}
@media (max-width:900px){
 .oxbf-hero{grid-template-columns:1fr}
 .oxbf-dir{order:-1;height:520px;min-height:0}
 .oxbf-esq{padding:30px 16px 40px}
 .oxbf-big{font-size:118px;top:18px}
 .oxbf-chap{width:74px;right:16px;top:16px}
 .oxbf-maq{height:380px;left:44%;top:50%}
 .oxbf-preco{right:12px;bottom:16px;padding:12px 14px}.oxbf-preco b{font-size:26px}
 .oxbf-tag{left:12px;bottom:18px;font-size:13px}
 .oxbf h1{font-size:42px}.oxbf-sub{font-size:17px}
 .oxbf-tax{grid-template-columns:1fr 1fr;row-gap:16px}
 .oxbf-tax div:nth-child(3){border-left:0}
 .oxbf a.oxbf-btn,.oxbf a.oxbf-btn2{flex:1 1 100%;justify-content:center}
}
@media (max-width:380px){.oxbf-tag{font-size:11px;padding:7px 10px;bottom:84px}.oxbf-preco b{font-size:23px}}
/* BLACK FRIDAY centralizado e chapéu inclinado por cima do B, sem cobrir a letra (pedido do Gabriel, 23/10/2026).
   O chapéu é o ::before do B, então acompanha a letra em qualquer largura. */
.oxbf-big{left:0;right:0;text-align:center}
.oxbf-big .oxbf-B{position:relative;display:inline-block;font-style:normal}
.oxbf-big .oxbf-B:before{content:"";position:absolute;left:-.1em;bottom:calc(100% - .17em);width:.5em;aspect-ratio:818/518;background:url(/oxepay-static/chapeu-amarelo.svg) center/contain no-repeat;filter:brightness(0);transform:rotate(-14deg);transform-origin:50% 100%;pointer-events:none}
.oxbf-big{top:64px}
@media (max-width:900px){.oxbf-big{top:44px}}