/* ============================================================================
   cad019.css - PADRAO VISUAL UNICO DA FAMILIA DE CADASTRO DO APP019
   CADFAM0905 - 05/09/2026 - ordem do Rafael ("reutilizar o mesmo padrao visual")
   Carregado SO por: /cadastrar/  /cadastrar-loja/  /cadastrar-anuncio/
   Vem DEPOIS de skin019.css, por isso ganha sem !important (salvo 1 excecao anotada).

   PORQUE UM FICHEIRO E NAO UM BLOCO POR PAGINA: o proprio Rafael avisou que corrigir
   URL a URL faz o app019 acumular skins. Este ficheiro e o oposto: as tres paginas
   passam a ler a MESMA fonte. Mexer no dourado num sitio muda as tres.
   NAO se toca no skin019.css (global, alto risco de colisao - ja custou trabalho
   aprovado a esta casa em 07/08, regravado por cima de uma copia velha do CDN).
   ============================================================================ */

/* ---------- 1. TOKENS (claro premium; o dark do kit continua a mandar em body.dark) */
:root{
  --app019-gold:#E9A930; --app019-gold-light:#F7D584; --app019-gold-mid:#D18F1C;
  --app019-gold-dark:#A5670A; --app019-gold-deep:#8A5405;
  --app019-text:#16203A; --app019-muted:#55606F; --app019-border:#F0CE86;
  --app019-line:#E9EDF3; --app019-bg:#FFFFFF; --app019-bg2:#F5F7FA;
  /* CONTRASTE0908: o meu degrade era CLARO demais para letra branca - medido PIOR 1,71:1 (AA pede 4,5).
   Adopto o dourado de 5 paradas que o site ja usa e que o Rafael aprovou (OURO0907C): brilho no MEIO,
   pontas profundas. Com letra branca da PIOR 5,11:1, medido no /planos/ e no /anuncios/ no botao Entrar.
   Nao inventei cor: e a mesma que o A.g19-entrar ja serve bem em producao. */
  --app019-grad:linear-gradient(135deg,#4E3903 0%,#755503 26%,#8F6702 50%,#755503 74%,#493503 100%);
  --app019-grad-txt:linear-gradient(178deg,#FCE7AC 2%,#F3BE49 32%,#E5A526 60%,#A5670A 100%);
  --app019-sombra:0 3px 12px rgba(22,32,58,.07);
  --app019-sombra-alta:0 10px 26px rgba(22,32,58,.12);
  /* tokens herdados do kit escuro destas paginas, virados para claro na ORIGEM */
  --ink:#16203A; --mut:#55606F; --bg1:#FFFFFF; --bg2:#F5F7FA; --card:#FFFFFF;
  --field:#FFFFFF; --field-b:#E2E7EF; --field-bf:rgba(233,169,48,.62);
  --lab:#A5670A; --sub:#55606F; --ph:#98A2B3; --line:rgba(233,169,48,.30); --FUNDO:none;
}
html,body{background:var(--app019-bg2);color:var(--app019-text)}

/* ---------- 2. TITULO DOURADO (o mesmo nas tres paginas) */
h1.cadh1,.panel.hero h1,.a19-tit-ouro{
  background:var(--app019-grad-txt);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;font-weight:900;text-align:center;
  letter-spacing:-.9px;line-height:1.02;
  filter:drop-shadow(0 2px 0 rgba(122,74,4,.42)) drop-shadow(0 5px 8px rgba(122,74,4,.28));
}
h1.cadh1{margin:6px 0 0;font-size:clamp(36px,11.6vw,54px)}
h1.cadh1 b{font-weight:900;color:inherit;-webkit-text-fill-color:inherit}
p.sub{margin:4px 0 16px;text-align:center}
p.sub .cadsub{display:block;font-size:clamp(19px,5.6vw,25px);font-weight:800;
  color:var(--app019-text);letter-spacing:-.5px;line-height:1.16}
p.sub .cadsub2{display:block;margin-top:8px;font-size:15px;line-height:1.42;
  color:var(--app019-muted);max-width:32em;margin-left:auto;margin-right:auto}

/* ---------- 3. BOTAO DOURADO COM RELEVO (o CTA de toda a familia) */
/* .btn.gold entra aqui de proposito: nestas paginas ele era castanho chapado
   (linear-gradient(180deg,#A86305,#8A5E04)). Mesma especificidade, ficheiro
   carregado depois => ganha sem !important. */
.cad4 .cad-bloco .cad-pill b,
.btn.gold,
.btn.gold.lj-primary,
.a19-cta{
  display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;
  font-weight:800;line-height:1.14;border:0;border-radius:13px;
  text-shadow:0 1px 1px rgba(122,74,4,.42);background:var(--app019-grad);
  box-shadow:0 2px 0 var(--app019-gold-deep),0 5px 12px rgba(122,74,4,.30),
             inset 0 1px 0 rgba(255,255,255,.45);
}
.cad4 .cad-bloco .cad-pill b{min-height:49px;padding:0 8px;font-size:15px}
.btn.gold.lj-primary,.a19-cta{width:100%;min-height:54px;border-radius:14px;font-size:17px}
.btn.gold{min-height:48px;font-size:15.5px}
.btn.gold:disabled{opacity:.45;box-shadow:none}
/* o Avancar do assistente do anuncio e `body.m-wizard #m-next` (classe + ID):
   vence qualquer regra de classe. Igualo a especificidade em vez de usar !important. */
body.m-wizard #m-next{background:var(--app019-grad);border:none;
  box-shadow:0 2px 0 var(--app019-gold-deep),0 6px 14px rgba(122,74,4,.30),
             inset 0 1px 0 rgba(255,255,255,.45)}
.cad4 .cad-bloco:hover .cad-pill b,.btn.gold.lj-primary:hover,.a19-cta:hover{filter:brightness(1.05)}
.btn.gold.lj-primary:active,.a19-cta:active{
  box-shadow:0 1px 0 var(--app019-gold-deep),0 2px 6px rgba(122,74,4,.26),
             inset 0 1px 0 rgba(255,255,255,.35)}

/* ---------- 4. CARTOES BRANCOS COM BORDA DOURADA FINA */
.panel,.cad4 .cad-bloco{
  background:var(--app019-bg);border:1px solid var(--app019-border);
  box-shadow:var(--app019-sombra)}
.cad4{grid-template-columns:repeat(2,1fr);gap:14px;margin:0 0 16px;
  align-items:stretch;grid-auto-rows:1fr}
.cad4 .cad-bloco{display:flex;flex-direction:column;align-items:center;text-align:center;
  height:100%;padding:16px 12px 14px;border-radius:19px;border-width:1.5px;
  transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.cad4 .cad-bloco:hover{box-shadow:var(--app019-sombra-alta);border-color:var(--app019-gold)}
.cad4 .cad-bloco:active{transform:translateY(1px)}
.cad4 .cad-bloco:focus-visible,.a19-cta:focus-visible,.btn.gold.lj-primary:focus-visible{
  outline:2px solid var(--app019-gold-dark);outline-offset:2px}
.cad4 .cad-bloco .cic{width:auto;height:auto;margin:2px 0 10px;padding:0;border:0;
  border-radius:0;background:none;box-shadow:none;display:block}
.cad4 .cad-bloco .cic svg{width:58px;height:58px;display:block;
  filter:drop-shadow(0 3px 4px rgba(120,72,4,.34))}
.cad4 .cad-bloco h2{margin:0 0 7px;font-size:clamp(17px,4.9vw,21px);line-height:1.16;
  font-weight:800;color:var(--app019-gold-dark);letter-spacing:-.35px}
.cad4 .cad-bloco p{margin:0 0 13px;font-size:14.5px;line-height:1.38;color:var(--app019-muted)}

/* ---------- 5. PECAS DA PAGINA DA LOJA */
.panel.hero .lead{color:#3C4658;text-align:center}
.freebadge{background:#FEF6E0;border:1px solid var(--app019-border);color:var(--app019-gold-deep);
  font-weight:800;justify-content:center;text-align:center}
/* a .freebadge trazia !important de uma tentativa anterior de clarear: unica forma de a vencer */
.panel .freebadge{color:#8A5405!important;background:#FEF6E0!important;
  border:1px solid #F0CE86!important}
.panel .freebadge .ic{stroke:var(--app019-gold-dark)!important}
.feat{position:relative;background:#fff;border:1px solid var(--app019-line);
  box-shadow:0 1px 4px rgba(22,32,58,.05);padding-right:34px}
.feat b{color:var(--app019-text)}
.feat small{color:var(--app019-muted)}
.feat .fi{background:#FDF3DC;border:1px solid #F3DCA6;color:var(--app019-gold-dark)}
.feat::after{content:"";position:absolute;right:15px;top:50%;width:8px;height:8px;
  border-right:2px solid #B9C2CF;border-top:2px solid #B9C2CF;
  transform:translateY(-50%) rotate(45deg)}
.lj-cta{margin-top:20px}
.lj-semtaxa{margin:10px 0 0;text-align:center;color:#3C4658;font-size:14.5px;font-weight:600}
.lj-modelo{display:block;margin:8px auto 0;text-align:center;font-size:13px;font-weight:700;
  color:var(--app019-gold-dark);text-decoration:underline}

/* ---------- 6. PROGRESSO E ETAPAS (valores escritos a mao no kit, nao tokens) */
.progress{background:#fff;border-bottom:1px solid #EEF1F6;backdrop-filter:none}
.pbar{background:var(--app019-line)}
.steps .step{background:#fff;border:1px solid #D8DEE8;color:#5A6475}
.steps .step.on{background:#FEF6E0;border-color:var(--app019-gold);
  color:var(--app019-gold-deep);font-weight:800}
.progress .pct,.progress b,.progress .pnum{color:var(--app019-gold-dark);font-weight:800}

/* ---------- 7. RESPONSIVO E MOVIMENTO */
@media (max-width:339px){.cad4{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  .cad4 .cad-bloco,.a19-cta,.btn.gold.lj-primary{transition:none}}