/* BrindesGrátis — identidade visual interna alinhada ao index */
:root{
  --bg:#10131b;--bg2:#171925;--panel:rgba(31,34,46,.92);--panel2:rgba(18,20,28,.95);
  --gold:#ffd34f;--gold2:#f3b62a;--red:#ef2b2f;--red2:#b80d18;--text:#f7f7f8;--muted:#c9ccd4;
  --line:rgba(255,215,92,.18);--shadow:0 20px 50px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.bg-brand{margin:0;min-height:100vh;color:var(--text);font-family:Arial,Helvetica,sans-serif;background:
 radial-gradient(circle at 50% -10%,rgba(255,196,47,.13),transparent 35%),
 radial-gradient(circle at 10% 20%,rgba(207,35,40,.10),transparent 30%),
 linear-gradient(180deg,#0d1017,#151824 58%,#0b0d13);}
body.bg-brand:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.38;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent)}
.brand-page{position:relative;z-index:1;min-height:100vh;padding:0 0 28px}
.brand-header{width:min(1180px,calc(100% - 34px));margin:0 auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff;white-space:nowrap}
.brand-gift{width:38px;height:38px;display:grid;place-items:center;font-size:28px;filter:drop-shadow(0 5px 10px rgba(255,190,50,.25))}
.brand-name{font-size:27px;line-height:1;font-weight:900;letter-spacing:-1.2px}
.brand-name span{color:var(--gold)}
.brand-sub{display:block;margin-top:5px;color:#d7d9df;font-size:9px;letter-spacing:1.35px;font-weight:700}
.brand-nav{display:flex;align-items:center;gap:24px;margin-left:auto}
.brand-nav a{position:relative;padding:9px 0;text-decoration:none;color:#f0f1f4;font-size:13px;font-weight:700}
.brand-nav a:hover,.brand-nav a.active{color:#fff}
.brand-nav a:hover:after,.brand-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold);box-shadow:0 0 10px rgba(255,211,79,.45)}
.brand-actions{display:flex;align-items:center;gap:9px}
.brand-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:24px;text-decoration:none;font-size:13px;font-weight:900;border:1px solid transparent}
.brand-btn.gold{color:#211904;background:linear-gradient(180deg,#ffe36e,#f1b92b);box-shadow:0 9px 22px rgba(247,185,43,.16)}
.brand-btn.outline{color:#fff;border-color:rgba(255,255,255,.48);background:rgba(255,255,255,.03)}
.brand-menu{display:none}
.brand-content{width:min(930px,calc(100% - 34px));margin:34px auto 0}
.brand-card{background:linear-gradient(145deg,rgba(42,44,56,.94),rgba(21,23,32,.96));border:1px solid rgba(255,216,88,.18);border-radius:26px;box-shadow:var(--shadow);backdrop-filter:blur(14px);padding:30px}
.brand-card.wide{width:min(1100px,100%);margin-left:auto;margin-right:auto}
.brand-title{margin:0 0 9px;font-size:clamp(30px,4vw,44px);line-height:1.02;font-weight:900;letter-spacing:-1.6px}
.brand-title .gold{color:var(--gold)}
.brand-lead{margin:0 0 24px;color:var(--muted);font-size:15px;line-height:1.65}
.brand-section h2{font-size:19px;color:#fff;margin:28px 0 10px}
.brand-section p,.brand-section li{color:#d6d8df;line-height:1.7;font-size:14px}
.brand-section ul{padding-left:20px}
.brand-form{display:grid;gap:14px}
.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.brand-field label{display:block;margin:0 0 7px;color:#f5f5f6;font-weight:800;font-size:13px}
.brand-field input,.brand-field textarea,.brand-field select{width:100%;border:1px solid rgba(255,255,255,.13);background:#0f1118;color:#fff;padding:13px 14px;border-radius:13px;outline:none;font-size:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.brand-field textarea{min-height:160px;resize:vertical}
.brand-field input:focus,.brand-field textarea:focus{border-color:rgba(255,211,79,.7);box-shadow:0 0 0 3px rgba(255,211,79,.09)}
.brand-submit{width:100%;min-height:48px;border:0;border-radius:25px;background:linear-gradient(180deg,#ff4a45,#cb131b);color:#fff;font-weight:950;cursor:pointer;box-shadow:0 10px 24px rgba(202,20,28,.24)}
.brand-submit:hover{filter:brightness(1.04)}
.brand-link{color:var(--gold);font-weight:800;text-decoration:none}
.brand-alert,.brand-success,.brand-error{padding:13px 15px;border-radius:13px;margin:0 0 16px;font-size:14px;line-height:1.45}
.brand-alert{background:rgba(255,217,85,.09);border:1px solid rgba(255,217,85,.28);color:#fff0ba}
.brand-success{background:rgba(43,180,89,.11);border:1px solid rgba(89,208,125,.32);color:#c8ffd7}
.brand-error{background:rgba(220,35,45,.12);border:1px solid rgba(255,93,98,.30);color:#ffd1d1}
.brand-footer{width:min(1180px,calc(100% - 34px));margin:24px auto 0;padding:20px 0 0;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#9fa3ae;font-size:12px;border-top:1px solid rgba(255,255,255,.08)}
.brand-footer-links{display:flex;flex-wrap:wrap;gap:14px}
.brand-footer a{color:#cfd2d8;text-decoration:none}
.brand-footer a:hover{color:var(--gold)}
.brand-footer-copy{color:#8d919d}
body.bg-brand h1,body.bg-brand h2,body.bg-brand h3{color:#fff}
body.bg-brand .container{max-width:none!important;margin:0!important;padding:0!important}
body.bg-brand .box{max-width:none!important;border:0!important;background:transparent!important;border-radius:0!important;padding:0!important}
body.bg-brand .site-footer{display:none!important}
body.bg-brand form{margin:0}
body.bg-brand .subtitle{color:var(--muted)!important}
body.bg-brand .small{color:#aeb2bd!important}
body.bg-brand a{color:var(--gold)}
@media(max-width:900px){.brand-header{padding:14px 0;min-height:78px;flex-wrap:wrap}.brand-nav{order:3;display:flex;width:100%;justify-content:center;gap:15px;overflow:auto;padding-bottom:4px}.brand-actions{margin-left:auto}.brand-content{margin-top:22px}.brand-grid{grid-template-columns:1fr}}
@media(max-width:620px){.brand-header{gap:12px}.brand-name{font-size:23px}.brand-sub{display:none}.brand-actions .brand-btn{padding:0 13px;min-height:38px;font-size:12px}.brand-nav{justify-content:flex-start;gap:18px}.brand-content{width:min(100% - 20px,930px)}.brand-card{padding:20px;border-radius:20px}.brand-title{font-size:32px}.brand-footer{width:min(100% - 20px,1180px);align-items:flex-start;flex-direction:column}}

/* Compatibilidade visual com os formulários existentes, sem exigir alteração da lógica/markup */
body.bg-brand label{display:block;margin:14px 0 7px;color:#f5f5f6;font-size:13px;font-weight:800}
body.bg-brand input,body.bg-brand textarea,body.bg-brand select{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:#0f1118;color:#fff;outline:none;font-size:15px}
body.bg-brand input:focus,body.bg-brand textarea:focus{border-color:rgba(255,211,79,.7);box-shadow:0 0 0 3px rgba(255,211,79,.09)}
body.bg-brand button{min-height:48px;padding:0 18px;border:0;border-radius:25px;background:linear-gradient(180deg,#ff4a45,#cb131b);color:#fff;font-weight:950;cursor:pointer;box-shadow:0 10px 24px rgba(202,20,28,.24)}
body.bg-brand .erro,body.bg-brand .sucesso,body.bg-brand .alert{padding:13px 15px;border-radius:13px;margin:0 0 16px;font-size:14px;line-height:1.45}
body.bg-brand .erro{background:rgba(220,35,45,.12);border:1px solid rgba(255,93,98,.30);color:#ffd1d1}
body.bg-brand .sucesso{background:rgba(43,180,89,.11);border:1px solid rgba(89,208,125,.32);color:#c8ffd7}
body.bg-brand .alert{background:rgba(255,217,85,.09);border:1px solid rgba(255,217,85,.28);color:#fff0ba}
body.bg-brand .container p,body.bg-brand .box p{color:#d6d8df;line-height:1.7;font-size:14px}

body.bg-brand .container .box{width:min(700px,100%);margin:0 auto!important;background:linear-gradient(145deg,rgba(42,44,56,.94),rgba(21,23,32,.96))!important;border:1px solid rgba(255,216,88,.18)!important;border-radius:26px!important;box-shadow:var(--shadow)!important;padding:30px!important}
body.bg-brand .container .box h1{text-align:left;margin-top:0;font-size:clamp(30px,4vw,42px);font-weight:900;letter-spacing:-1.5px;color:#fff}
body.bg-brand .container .box h2{color:var(--gold);margin-top:28px}
body.bg-brand .container .box .site-footer{display:none!important}

/* Contraste reforçado: botões dourados usam texto escuro por definição. */
.brand-btn.gold,.brand-btn.gold:visited,.brand-btn.gold:hover,.brand-btn.gold:focus{color:#160f03;text-shadow:none}
