/*!
 * contratar.responsive.css — Inova Tecnologia (contratar.html)
 * Padrão consolidado:
 * - Header sticky >1024px; mobile off-canvas; CTA oculto <650px
 * - Banner com imagem cover e título fluido
 * - Seção Fale Conosco com grid 1.3fr/.9fr → 1fr; inputs fluidos
 * - Botões de contato responsivos (2→1 colunas)
 * - Footer padronizado com gutters móveis
 * - Proteção contra overflow lateral
 */

/* ===== Barragens globais ===== */

/* ===== Fale Conosco ===== */
.fale-conosco{ padding: 40px 100px; }
.fale-conosco-header{ max-width: 960px; margin:0 auto 12px; text-align:center; }
.fale-conosco-title{ margin:0; }
.fale-conosco-subtitle{ margin: 8px auto 0; max-width: 70ch; }

/* Grid principal */
.fale-conosco-content{
  display:grid; grid-template-columns: 1.3fr .9fr; gap: 24px; align-items:start; margin-top: 18px;
}

/* Formulário */
.fale-conosco-form{ height:100%; }
.contact-form{ display:flex; flex-direction:column; gap: 12px; }
.form-group{ width:100%; }
.form-row{ display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.form-input, .form-select, .form-textarea{
  width:100%; padding: 12px 14px; border-radius: 10px; border: 1px solid rgba(0,0,0,.1);
}
.form-textarea{ resize: vertical; }
.form-submit{ margin-top: 6px; }
.form-button{ display:inline-flex; align-items:center; justify-content:center; padding: 12px 16px; border-radius: 10px; max-width:100%; }

/* Card de informações */
.fale-conosco-info{ display:flex; flex-direction:column; gap: 14px; min-width:0; }
.contact-info-card{ border-radius: 16px; padding: 16px; display:flex; flex-direction:column; gap: 12px; }
.contact-info-item{ display:flex; flex-direction:column; gap: 4px; }
.contact-info-label{ font-weight:700; }
.contact-info-value{ word-break: break-word; }
.contact-buttons{ display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.contact-button{ display:flex; align-items:center; justify-content:center; text-align:center; padding: 12px 16px; border-radius: 10px; }

/* Quebras responsivas */
@media (min-width: 1920px){ .fale-conosco{ padding: 60px 300px; } }
@media (max-width: 1024px){
  .fale-conosco{ padding: 32px 20px; }
  .fale-conosco-content{ grid-template-columns: 1fr; }
}
@media (max-width: 650px){ .contact-buttons{ grid-template-columns: 1fr; } }
@media (max-width: 500px){ .fale-conosco{ padding: 26px 16px; } .form-row{ grid-template-columns: 1fr; } }
@media (max-width: 360px){ .fale-conosco{ padding: 20px 12px; } }

@media (max-width: 500px){.fale-conosco-title{ font-size: clamp(1.3rem, 6vw, 1.6rem); line-height:1.25; margin-bottom:10px; } .fale-conosco-subtitle{ font-size:.96rem; line-height:1.5; margin:6px auto 0; max-width:60ch; } .fale-conosco-container{gap: 20px;}}