/* BLACK UNI-RN — refinamentos visuais da referência. Carregar após black-unirn.css */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root { --blue: #100caa; --orange: #e34700; }
body { font-family: 'Inter', Arial, sans-serif; }
.topbar strong, .campaign-tags span, .form-panel h1, .field label, .submit,
.campaign-slogan, .offer-card, .footer-inner>strong { font-family:'Archivo Black','Arial Black',sans-serif; }
/* Composição: BLACK, símbolo de quatro peças, UNI-RN e rosetas */
.campaign-art { position:relative; isolation:isolate; }
.black-word { font-family:'Archivo Black','Arial Black',sans-serif; font-weight:400; letter-spacing:-.075em; gap:24px; line-height:1.03; }
.spark-shape { flex:none; display:grid; grid-template-columns:repeat(2,48px); grid-template-rows:repeat(2,48px); gap:8px; transform:translateY(3px); }
.spark-shape i { border-radius:12px 4px 12px 4px; }
.spark-shape i:nth-child(1) { background:var(--blue); border-radius:12px 12px 4px 12px; }
.spark-shape i:nth-child(2) { background:var(--orange); width:70%; height:70%; align-self:end; justify-self:start; border-radius:10px; }
.spark-shape i:nth-child(3) { background:var(--orange); width:70%; height:70%; align-self:start; justify-self:end; border-radius:10px; }
.spark-shape i:nth-child(4) { background:var(--blue); border-radius:12px 12px 12px 4px; }
.unirn-word { font-family:'Archivo Black','Arial Black',sans-serif; font-weight:400; letter-spacing:-.045em; margin:12px 0 26px 27%; padding:8px 24px 12px; line-height:1.15; }
.decor-stars { position:absolute; z-index:2; top:42%; left:1%; display:grid; grid-template-columns:repeat(2,66px); grid-template-rows:repeat(2,66px); gap:10px; font-size:0; line-height:normal; letter-spacing:normal; pointer-events:none; }
.decor-stars span { display:block; width:100%; aspect-ratio:1; border-radius:50%; background:repeating-conic-gradient(from 0deg, var(--orange) 0deg 2.2deg, transparent 2.2deg 13deg); position:relative; }
.decor-stars span::after { content:''; position:absolute; width:28%; aspect-ratio:1; border-radius:50%; background:var(--orange); inset:36%; }
.campaign-slogan { letter-spacing:-.035em; }
/* A textura fica atrás do cartão, nunca na frente do 70%. */
.offer-wrap { position:relative; isolation:isolate; }
.offer-wrap::before { content:''; position:absolute; z-index:0; left:-12px; right:-12px; top:-12px; height:calc(100% - 18px); border-radius:10px; background:repeating-linear-gradient(40deg,var(--orange) 0 4px,transparent 4px 11px); pointer-events:none; }
.offer-card { position:relative; z-index:1; background:var(--blue); box-shadow:none; overflow:hidden; isolation:isolate; }
.offer-card::before { content:none !important; display:none !important; }
.offer-card::after { content:none !important; }
.offer-wrap>p { position:relative; z-index:1; }
.offer-card strong { letter-spacing:-.08em; }
/* Tablet: preserve proporções e posição das rosetas */
@media(max-width:1050px) and (min-width:801px) {
 .black-word { font-size:clamp(62px,8vw,100px); gap:16px; }
 .spark-shape { grid-template-columns:repeat(2,35px); grid-template-rows:repeat(2,35px); gap:6px; }
 .unirn-word { font-size:clamp(64px,8vw,102px); margin-left:25%; }
 .decor-stars { top:43%; grid-template-columns:repeat(2,48px); grid-template-rows:repeat(2,48px); gap:8px; }
}
@media(max-width:800px) {
 .black-word { gap:18px; }
 .spark-shape { grid-template-columns:repeat(2,38px); grid-template-rows:repeat(2,38px); gap:6px; }
 .unirn-word { margin-left:25%; }
 .decor-stars { top:42%; left:1%; grid-template-columns:repeat(2,52px); grid-template-rows:repeat(2,52px); gap:8px; }
}
@media(max-width:480px) {
 .black-word { font-size:clamp(46px,12vw,64px); gap:9px; letter-spacing:-.08em; }
 .spark-shape { grid-template-columns:repeat(2,23px); grid-template-rows:repeat(2,23px); gap:4px; }
 .spark-shape i { border-radius:6px; }
 .unirn-word { font-size:clamp(48px,12vw,65px); margin:12px 0 18px 24%; padding:6px 10px 8px; }
 .decor-stars { top:43%; left:0; grid-template-columns:repeat(2,32px); grid-template-rows:repeat(2,32px); gap:5px; }
 .campaign-slogan { margin-top:35px; }
 .offer-wrap::before { left:-9px; right:-9px; }
}
@media(max-width:360px) {
 .black-word { font-size:44px; }
 .spark-shape { grid-template-columns:repeat(2,19px); grid-template-rows:repeat(2,19px); }
 .unirn-word { font-size:45px; }
 .decor-stars { grid-template-columns:repeat(2,27px); grid-template-rows:repeat(2,27px); }
}

/* Duas faixas de setas à direita do slogan, como na referência */
.slogan-row { display:flex; align-items:center; justify-content:center; gap:24px; margin-top:50px; }
.slogan-row .campaign-slogan { flex:0 1 auto; margin:0; text-align:center; }
.slogan-arrows { width:180px; flex:0 0 180px; display:flex; flex-direction:column; gap:10px; transform:translateY(2px); }
.slogan-arrows span { display:block; width:100%; height:27px; background:repeating-linear-gradient(135deg,transparent 0 8px,var(--orange) 8px 17px,transparent 17px 23px); clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%,7% 50%); }
.slogan-arrows span:nth-child(2) { transform:scaleX(-1); }
.footer nav a i { font-size:25px; line-height:1; }
@media(max-width:800px) { .slogan-row { gap:18px; margin-top:40px; } .slogan-arrows { width:135px; flex-basis:135px; } .slogan-arrows span { height:23px; } }
@media(max-width:480px) { .slogan-row { gap:9px; margin-top:35px; } .slogan-row .campaign-slogan { font-size:clamp(17px,5.3vw,25px); } .slogan-arrows { width:72px; flex-basis:72px; gap:7px; } .slogan-arrows span { height:16px; background:repeating-linear-gradient(135deg,transparent 0 4px,var(--orange) 4px 9px,transparent 9px 13px); } .footer nav a i { font-size:21px; } }
@media(max-width:360px) { .slogan-arrows { flex-basis:54px; width:54px; } .slogan-row .campaign-slogan { font-size:17px; } }

/* Fonte BEWORK enviada pelo cliente */
@font-face { font-family: "BEWORK"; src: url("../fonts/BEWORK.ttf") format("truetype"); font-style: normal; font-weight: 100 900; font-display: swap; }
body, body *:not(.fa):not(.fas):not(.far):not(.fab):not([class*="fa-"]) { font-family: "BEWORK", Arial, sans-serif !important; }