/* ==========================================================
   Declaração de Residência
   DETRAN-GO — form1
   ========================================================== */

/* ── Cabeçalho ── */
.header img {
  display: inline-block;
  margin: 10px 10px;
  height: 55px;
}

/* ── Título ── */
.inicio { margin-top: 10px; }
.inicio h3 { font-size: 18px; font-weight: bold; text-transform: uppercase; }

/* ── Corpo do formulário ── */
.meio { text-align: left; }

.meio p {
  font-size: 15px;
  line-height: 26px;
  margin: 0;
}

/* ── Inputs (tela) ── */
.meio input[type="text"] {
  font-family: 'Times New Roman', Times, serif;
  font-size: 14px;
  border: 1px solid #767676;
  padding: 1px 4px;
  background: #fff;
  vertical-align: middle;
  text-align: center;
}

.meio input[type="text"]:focus {
  outline: 2px solid #0078d4;
  outline-offset: 0;
}

/* ── Seção com borda ── */
.tabela1 {
  border: 1px solid #888;
  padding: 4px 10px;
  margin-top: 10px;
}

/* ── Cláusula de responsabilidade ── */
.declaracao {
  font-size: 15px;
  line-height: 24px;
  text-align: justify;
  margin-top: 10px !important;
}

/* ── Data / Assinatura ── */
.mt { margin-top: 50px; }

.assinatura {
  margin-top: 50px;
  margin-bottom: 20px;
}

.assinatura p {
  margin: 2px 0;
  font-size: 15px;
  line-height: 22px;
}

/* ── CEP — estado visual do input (border-color) ── */
#cep.cep-loading { border-color: #f59e0b !important; }
#cep.cep-ok      { border-color: #16a34a !important; }
#cep.cep-err     { border-color: #dc2626 !important; }


/* ==========================================================
   DOCUMENTO PDF (#pdf-document)
   Oculto na tela — exibido apenas no @media print
   ========================================================== */

#pdf-document {
  padding: 12mm 18mm 10mm 18mm;
}

/* Logos */
#pdf-document .doc-header {
  text-align: center;
  margin-bottom: 6px;
}
#pdf-document .doc-header img {
  height: 44px;
  margin: 0 6px;
  display: inline-block;
}

/* Título */
#pdf-document .doc-title {
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  margin: 4px 0 6px;
  line-height: 1.25;
}

/* Caixa com borda */
#pdf-document .doc-box {
  border: 1px solid #000;
  padding: 2pt 6pt;
  margin: 3pt 0;
}

#pdf-document .doc-box p {
  font-size: 11pt;
  line-height: 15pt;
  margin: 0;
  text-align: left;
}

/* Larguras dos campos — calibradas para A4 (170mm usável na caixa) */
#pdf-document .pf-longa      { width: 148mm; display: block; }
#pdf-document .pf-rg         { width:  38mm; }
#pdf-document .pf-orgao      { width:  40mm; }
#pdf-document .pf-uf         { width:  10mm; }
#pdf-document .pf-cpf        { width:  38mm; }
#pdf-document .pf-endereco   { width: 110mm; }
#pdf-document .pf-quadra     { width:  22mm; }
#pdf-document .pf-lote       { width:  22mm; }
#pdf-document .pf-num        { width:  12mm; }
#pdf-document .pf-comp       { width:  38mm; }
#pdf-document .pf-setor      { width:  42mm; }
#pdf-document .pf-cidade     { width:  40mm; }
#pdf-document .pf-cep        { width:  30mm; }
#pdf-document .pf-tel        { width:  34mm; }
#pdf-document .pf-cidade-data { width: 30mm; }
#pdf-document .pf-dia        { width:  10mm; }
#pdf-document .pf-mes        { width:  25mm; }
#pdf-document .pf-ano        { width:  13mm; }

/* Cláusula */
#pdf-document .doc-declaracao {
  font-size: 11pt;
  line-height: 15pt;
  text-align: justify;
  margin: 6pt 0 4pt;
}

/* Data */
#pdf-document .doc-data {
  font-size: 11pt;
  text-align: center;
  margin: 10pt 0 0;
}

/* Assinatura */
#pdf-document .doc-assinatura {
  text-align: center;
  margin-top: 12pt;
  page-break-inside: avoid;
}

#pdf-document .doc-linha-assin {
  font-size: 11pt;
  letter-spacing: 0;
  margin-bottom: 2pt;
}

#pdf-document .doc-assinatura p {
  font-size: 11pt;
  margin: 1pt 0;
  text-align: center;
}


/* ==========================================================
   Responsividade (tela)
   ========================================================== */
@media (max-width: 768px) {
  .container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 12px;
  }

  .meio input[type="text"] {
    width: 100% !important;
    display: block;
    margin: 4px 0;
  }

  .meio p,
  .declaracao {
    font-size: 14px !important;
    line-height: 22px !important;
  }
}