/* Sistema visual comum: Rei do Apê · Vamos Arrematar · Vistoria Legal
   Cores e regras do GUIA-DESIGN (azul #08233E, dourado #BD8A32/#E8C57B, fundo #FAF8F3, texto #172B3C) */
:root{
  --azul:#08233e; --azul-fundo:#06182d; --azul-2:#0f3157; --azul-3:#174574;
  --ouro:#bd8a32; --ouro-luz:#e8c57b; --ouro-escuro:#8f6420;
  --ouro-grad:linear-gradient(180deg,#f7e2a6 0%,#e8c57b 38%,#c99a45 72%,#a8782a 100%);
  --ouro-borda:linear-gradient(135deg,#f3d891,#bd8a32 45%,#f0d48c 70%,#9c6f24);
  --fundo:#faf8f3; --fundo-2:#f3eee3; --branco:#fff;
  --texto:#172b3c; --texto-2:#4b5a6b; --linha:#e7d9bb; --linha-2:#efe6d3;
  --laranja:#e07b1f; --verde:#1f8a4c;
  --sombra:0 8px 26px rgba(8,35,62,.08); --sombra-2:0 16px 40px rgba(8,35,62,.16);
  --raio:12px; --max:1240px;
  --titulo:"Crimson Pro",Georgia,"Times New Roman",serif;
  --corpo:"Source Serif 4",Georgia,serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font:400 16px/1.55 var(--corpo);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--titulo);color:var(--azul);line-height:1.05;margin:0;font-weight:700;letter-spacing:-.01em}
p{margin:0}
[hidden]{display:none!important}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:-999px;top:8px;background:var(--azul);color:#fff;padding:8px 14px;z-index:200;border-radius:6px}
.pular:focus{left:8px}
:focus-visible{outline:3px solid var(--ouro);outline-offset:2px;border-radius:4px}
.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 clamp(16px,3vw,36px)}
.ico{width:1.2em;height:1.2em;flex:none;vertical-align:-.22em}

/* Botões */
.btn{--h:46px;display:inline-flex;align-items:center;justify-content:center;gap:.45em;min-height:var(--h);padding:0 1.35em;border-radius:8px;font:700 1.05rem/1 var(--titulo);text-decoration:none;cursor:pointer;border:0;white-space:nowrap;transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn--ouro{background:var(--ouro-grad);color:var(--azul);border:1px solid #b88a35;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 4px 12px rgba(143,100,32,.28)}
.btn--azul{background:linear-gradient(180deg,var(--azul-2),var(--azul));color:#fff;border:1.5px solid var(--ouro);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 16px rgba(8,35,62,.28)}
.btn--claro{--h:40px;background:linear-gradient(180deg,var(--azul-2),var(--azul));color:#fff;border:1.5px solid var(--ouro);font-size:1rem;padding:0 1.15em;box-shadow:0 4px 10px rgba(8,35,62,.18)}
.btn--claro:hover{background:linear-gradient(180deg,var(--azul-3),var(--azul-2))}
.btn--claro .seta{color:var(--ouro-luz)}
.btn--cheio{width:100%}
.btn .seta{color:var(--ouro);font-size:1.1em;line-height:0}
.btn--azul .seta{color:var(--ouro-luz)}
.link{color:var(--azul);font:700 1rem var(--titulo);text-decoration:none;white-space:nowrap}
.link:hover{text-decoration:underline}

/* Título de seção com filete dourado e coroa */
.titulo-secao{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.titulo-secao h2{font-size:clamp(1.75rem,2.8vw,2.35rem);white-space:nowrap}
.titulo-secao .coroa{width:30px;height:22px;color:var(--ouro);flex:none}
.titulo-secao .filete{flex:1;height:1.5px;background:linear-gradient(90deg,var(--ouro),rgba(189,138,50,.12));min-width:24px}
.titulo-secao .link{margin-left:8px}

/* Cabeçalho */
.topo{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--linha-2)}
.topo .container{display:flex;align-items:center;gap:22px;min-height:78px}
.topo__marca img{height:58px;width:auto}
.topo__nav{display:flex;align-items:center;gap:clamp(12px,1.8vw,26px);margin-left:auto;font:600 1.05rem var(--titulo)}
.topo__nav>a:not(.btn){text-decoration:none;color:var(--azul);padding:6px 0;border-bottom:2px solid transparent}
.topo__nav>a:not(.btn):hover,.topo__nav>a[aria-current]{border-color:var(--ouro)}
.topo__nav .btn{--h:42px}
.topo__entrar{display:inline-flex;align-items:center;gap:6px}
.topo__menu{display:none;margin-left:auto;width:46px;height:46px;border:0;background:none;padding:11px;cursor:pointer}
.topo__menu span:not(.sr){display:block;height:2px;margin:6px 0;background:var(--azul);border-radius:2px}

/* Painel de busca com abas (sobreposto ao banner) */
.busca{position:relative;z-index:3;margin-top:-64px}
.busca__caixa{background:rgba(255,255,255,.97);border:1px solid var(--linha);border-radius:16px;box-shadow:var(--sombra-2);padding:12px 18px 18px}
.busca__abas{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.busca__abas button{display:flex;align-items:center;justify-content:center;gap:10px;height:50px;border:0;border-radius:8px;background:transparent;color:var(--azul);font:600 1.1rem var(--titulo);cursor:pointer}
.busca__abas button .ico{width:24px;height:24px}
.busca__abas button[aria-selected=true]{background:linear-gradient(180deg,var(--azul-2),var(--azul));color:#fff;box-shadow:inset 0 0 0 1.5px var(--ouro),0 6px 14px rgba(8,35,62,.25)}
.busca__abas button[aria-selected=true] .ico{color:var(--ouro-luz)}
.busca__campos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;gap:12px}
.campo{position:relative;min-width:0;display:flex;align-items:center;gap:10px;height:54px;padding:0 14px;background:#fff;border:1px solid #dfe3e8;border-radius:9px;color:var(--azul)}
.campo .ico{width:22px;height:22px}
.campo--texto{height:auto;align-items:stretch;padding:0}
.campo--texto textarea{flex:1;min-width:0;border:0;outline:0;resize:vertical;padding:13px 14px;font:500 1.02rem var(--titulo);color:var(--azul);background:transparent;min-height:54px}
.campo [aria-invalid=true],.campo:has([aria-invalid=true]){border-color:#c0392b}
.campo input,.campo select{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font:500 1.05rem var(--titulo);color:var(--azul);appearance:none;-webkit-appearance:none}
.campo select{cursor:pointer}
.campo--select::after{content:"";width:9px;height:9px;border:solid var(--azul);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-3px);flex:none;pointer-events:none}
.campo:focus-within{border-color:var(--ouro);box-shadow:0 0 0 3px rgba(189,138,50,.18)}
.busca__ir{--h:54px;font-size:1.15rem;padding:0 1.6em}
.busca__resultado{margin-top:12px;padding:12px 14px;border-radius:10px;background:var(--fundo);border:1px dashed var(--linha);display:none;align-items:center;gap:16px;flex-wrap:wrap}
.busca__resultado.on{display:flex}
.busca__resultado strong{font:700 1.5rem var(--titulo);color:var(--azul)}

/* Cartões */
.cartao{background:#fff;border:1px solid var(--linha-2);border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden}
.cartao--ouro{border:1.5px solid var(--ouro-luz)}

/* Faixa das três marcas */
.marcas3{position:relative;background:linear-gradient(180deg,rgba(250,248,243,.0) 0%,rgba(250,248,243,.85) 38%,var(--fundo) 100%),var(--ceu,linear-gradient(180deg,#cfe3f4,#eef4f8));padding:46px 0 30px;margin-top:40px}
.marcas3__grade{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.marca3{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px}
.marca3 img{width:112px;height:auto;filter:drop-shadow(0 8px 12px rgba(8,35,62,.25))}
.marca3 h3{font-size:1.6rem}
.marca3 p{color:var(--azul);font-size:1rem;margin:2px 0 10px;line-height:1.3}

/* Rodapé */
.rodape{background:#fff;border-top:1px solid var(--linha-2);padding:22px 0 18px}
.rodape .container{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.rodape__marca img{height:84px;width:auto}
.rodape nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;font:500 .98rem var(--titulo)}
.rodape nav a{text-decoration:none;color:var(--azul);padding:0 10px;border-right:1px solid var(--linha)}
.rodape nav a:last-child{border:0}
.rodape__info{text-align:center;font-size:.85rem;color:var(--texto-2);margin-top:8px;line-height:1.6}
.rodape__info a{color:inherit}
.rodape__fone{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:700 1.75rem var(--titulo);color:var(--azul)}
.rodape__fone .ico{width:34px;height:34px;color:#25a244}

/* Janelas */
.janela{border:0;border-radius:16px;padding:28px 26px 24px;width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 24px);box-shadow:var(--sombra-2);color:var(--texto)}
.janela::backdrop{background:rgba(6,24,45,.62)}
.janela__fechar{position:absolute;top:10px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:var(--fundo);font-size:1.7rem;line-height:1;cursor:pointer;color:var(--azul)}
.janela h2{font-size:1.75rem;padding-right:36px}
.janela .sub{color:var(--texto-2);margin:6px 0 16px}
.form{display:grid;gap:12px}
.form label{display:grid;gap:4px;font:600 1rem var(--titulo);color:var(--azul)}
.form input,.form select,.form textarea{border:1px solid #d6dbe1;border-radius:8px;padding:11px 12px;font:400 1rem var(--corpo);background:#fff}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--ouro);box-shadow:0 0 0 3px rgba(189,138,50,.18)}
.form [aria-invalid=true]{border-color:#c0392b}
.form .check{display:flex;gap:8px;align-items:flex-start;font:400 .9rem var(--corpo);color:var(--texto-2)}
.form .check input{margin-top:4px}
.msg{min-height:1.2em;font-size:.95rem}
.msg.erro{color:#b02a1f}.msg.ok{color:var(--verde)}

/* Responsivo comum */
@media (max-width:1080px){
  .topo__nav{gap:12px;font-size:.98rem}
  .topo__marca img{height:48px}
  .busca__campos{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .busca__ir{grid-column:1/-1}
}
@media (max-width:900px){
  .topo__menu{display:block}
  .topo__nav{position:fixed;inset:78px 0 auto;flex-direction:column;align-items:stretch;gap:0;background:#fff;padding:6px 20px 18px;box-shadow:var(--sombra-2);display:none;max-height:calc(100vh - 78px);overflow:auto}
  .topo__nav.aberto{display:flex}
  .topo__nav>a:not(.btn){padding:13px 0;border-bottom:1px solid var(--linha-2)}
  .topo__nav .btn{margin-top:12px}
  .marcas3__grade{grid-template-columns:1fr}
  .rodape .container{grid-template-columns:1fr;justify-items:center;text-align:center}
}
@media (max-width:640px){
  .topo .container{min-height:66px}
  .topo__nav{inset:66px 0 auto}
  .topo__marca img{height:44px}
  .busca{margin-top:-40px}
  .busca__caixa{padding:10px 12px 14px}
  .busca__abas{grid-template-columns:repeat(2,1fr)}
  .busca__abas button{height:46px;font-size:1rem}
  .busca__campos{grid-template-columns:minmax(0,1fr)}
  .titulo-secao h2{white-space:normal}
  .titulo-secao .link{display:none}
  .marca3 img{width:86px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Coroa oficial (extraída da logo) */
.titulo-secao img.coroa{width:38px;height:auto;flex:none;filter:drop-shadow(0 1px 1px rgba(143,100,32,.35))}
.coroa-ico{width:26px;height:auto;filter:drop-shadow(0 0 1px rgba(8,35,62,.9)) drop-shadow(0 1px 1px rgba(8,35,62,.5))}

/* Barra da Rede Rei do Apê (igual nos três sites) */
.rede{background:var(--azul-fundo);color:#dfe5f1;font-size:.8rem;border-bottom:1px solid rgba(189,138,50,.55)}
.rede__linha{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px}
.rede__nome{display:flex;align-items:center;gap:10px;margin:0;letter-spacing:.06em}
.rede__nome img{width:22px;height:auto}
.rede__nome strong{text-transform:uppercase;font-weight:600;color:#fff}
.rede__nome span{padding-left:10px;border-left:1px solid rgba(255,255,255,.35)}
.rede__marcas{display:flex}
.rede__marcas a{color:#dfe5f1;text-decoration:none;padding:0 10px;border-left:1px solid rgba(255,255,255,.35)}
.rede__marcas a:first-child{border-left:0}
.rede__marcas a:hover,.rede__marcas a[aria-current]{color:var(--ouro-luz)}
@media (max-width:640px){.rede__nome{display:none}.rede__linha{justify-content:center}}
/* Chamada do programa de afiliados (leva ao hub único da rede) */
.afiliacao{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:28px 0 0;padding:18px 22px;border-radius:14px;background:linear-gradient(120deg,var(--azul-fundo),var(--azul-3));border:1px solid rgba(189,138,50,.6);color:#fff}
.afiliacao strong{display:block;font-family:var(--serif,Georgia,serif);font-size:1.2rem}
.afiliacao span{color:#dfe5f1;font-size:.95rem}