/* Vitágua v6.9.5 — alinhamento e altura uniforme dos campos do formulário.
   Somente apresentação: não modifica máscaras, validações ou envio dos pedidos. */
#vtOrderForm.form-card {
  min-width:0;
}
#vtOrderForm .form-grid {
  align-items:start; /* evita que um campo seja esticado pela coluna vizinha */
  column-gap:18px;
  row-gap:20px;
}
#vtOrderForm .form-grid > label:not(.consent) {
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-self:start;
  min-width:0;
  gap:9px;
}
#vtOrderForm .form-grid > label:not(.consent) > span:first-child {
  display:flex;
  align-items:center;
  min-height:30px;
  line-height:1.35;
  flex:none;
}
/* Rótulo do documento e seletor CPF/CNPJ compartilham a mesma linha.
   Dessa forma, seu input e o input de empresa começam na mesma altura. */
#vtOrderForm .vt-document-field {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:30px 52px;
  align-items:center;
  align-self:start;
  column-gap:8px;
  row-gap:9px;
  min-width:0;
}
#vtOrderForm .vt-document-field > .vt-input-label {
  grid-column:1;
  grid-row:1;
  min-width:0;
  line-height:1.35;
}
#vtOrderForm .vt-document-field > .vt-doc-switch {
  grid-column:2;
  grid-row:1;
  display:flex;
  flex-wrap:nowrap;
  align-self:center;
  gap:7px;
  margin:0;
  min-width:0;
}
#vtOrderForm .vt-document-field .vt-doc-switch label {
  flex:none;
  padding:5px 10px;
  min-height:30px;
  white-space:nowrap;
  gap:6px;
}
#vtOrderForm .vt-document-field .vt-doc-switch input[type=radio] {
  flex:none;
}
#vtOrderForm .vt-document-field > input[name="document"] {
  grid-column:1 / -1;
  grid-row:2;
  align-self:start;
}
/* Todo campo de linha única mede precisamente 52px, inclusive select premium. */
#vtOrderForm .form-grid > label:not(.consent) > input:not([type=checkbox]),
#vtOrderForm .form-grid > label:not(.consent) > select,
#vtOrderForm .form-grid > label:not(.consent) > .vt-select > .vt-select-trigger,
#vtOrderForm .vt-document-field > input[name="document"] {
  box-sizing:border-box;
  display:block;
  width:100%;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  flex:none;
  padding-top:12px;
  padding-bottom:12px;
  line-height:1.35;
}
#vtOrderForm .form-grid > label:not(.consent) > .vt-select {
  flex:none;
  width:100%;
  min-width:0;
}
#vtOrderForm .form-grid > label:not(.consent) > .vt-select > .vt-select-trigger {
  display:flex;
  align-items:center;
}
#vtOrderForm .form-grid > label:not(.consent) > textarea {
  flex:none;
  min-height:108px;
  resize:vertical;
}
#vtOrderForm .form-grid .help,
#vtOrderForm .form-grid .vt-feedback {
  align-self:start;
  height:auto;
  max-width:100%;
}
/* Um pouco mais de área interna no desktop, sem ampliar nem modificar a seção. */
@media(min-width:981px) {
  #vtOrderForm.form-card {padding:clamp(26px,2.4vw,38px)}
}
@media(max-width:700px) {
  #vtOrderForm .form-grid {row-gap:18px;column-gap:14px}
}
/* Em aparelhos muito estreitos, o seletor vai abaixo do título sem transbordar. */
@media(max-width:380px) {
  #vtOrderForm .vt-document-field {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:9px;
  }
  #vtOrderForm .vt-document-field > .vt-input-label {min-height:20px}
  #vtOrderForm .vt-document-field > .vt-doc-switch {align-self:flex-start}
}
