/* Contratacao pelo site (contratos 2027): cartao mais largo para ler o contrato, escolha com/sem CNPJ e
   o Quadro de Destaque das Clausulas Restritivas. Cores e espacos sao os do portal (portal.css). */
.cartao-acesso:has(.entrada-larga) { width: min(760px, 100%); }
.entrada-larga .sub { max-width: none; }

.escolha-cnpj { display: grid; gap: var(--e3); margin: var(--e4) 0; }
.escolha-cnpj a { display: block; padding: var(--e4); border: 1px solid var(--regua-forte); border-radius: var(--raio);
  color: var(--texto); text-decoration: none; background: var(--fundo-1); }
.escolha-cnpj a:hover, .escolha-cnpj a:focus-visible { border-color: var(--acento); box-shadow: var(--foco); }
.escolha-cnpj strong { display: block; font-size: var(--t-g); margin-bottom: var(--e1); color: var(--acento); }
.escolha-cnpj span { color: var(--texto-2); font-size: var(--t-p); }

.contrato-resumo { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--e2);
  margin: var(--e3) 0; padding: var(--e3); border-radius: var(--raio-p); background: var(--acento-tinta); font-size: var(--t-p); }
.contrato-resumo b { display: block; color: var(--texto-2); font-size: var(--t-micro); text-transform: uppercase; }
.contrato-versao { font-size: var(--t-micro); color: var(--texto-2); word-break: break-all; }

.contrato-texto { max-height: 60vh; overflow-y: auto; padding: var(--e4); margin: var(--e3) 0 var(--e5);
  border: 1px solid var(--regua-forte); border-radius: var(--raio-p); background: var(--fundo-1);
  font-size: var(--t-p); line-height: 1.55; }
.contrato-texto h2 { font-size: var(--t-base); margin: var(--e4) 0 var(--e2); }
.contrato-texto p { margin: 0 0 var(--e2); }
.contrato-texto .item { padding-left: var(--e4); }
.contrato-texto .restritiva { border-left: 4px solid var(--atencao); background: var(--atencao-f);
  padding: var(--e2) var(--e3); border-radius: 0 var(--raio-p) var(--raio-p) 0; }
.marca-restritiva { display: block; font-size: var(--t-micro); font-weight: 700; color: var(--atencao);
  text-transform: uppercase; margin-bottom: var(--e1); }

.quadro-restritivas { display: grid; gap: var(--e3); margin: var(--e3) 0 var(--e4); }
.quadro-restritivas article { border: 1px solid var(--regua-forte); border-left: 4px solid var(--atencao);
  border-radius: var(--raio-p); padding: var(--e3); background: var(--fundo-1); font-size: var(--t-p); }
.quadro-restritivas h2 { font-size: var(--t-base); margin: 0 0 var(--e2); }
.quadro-restritivas dt { font-weight: 700; color: var(--texto-2); font-size: var(--t-micro); text-transform: uppercase; margin-top: var(--e2); }
.quadro-restritivas dd { margin: 0; }
.passo-feito { color: var(--ok); font-weight: 600; }
.campo-codigo input { font-family: var(--mono); font-size: var(--t-g); letter-spacing: .3em; max-width: 12ch; }