/* ==========================================================
   SOLUCOES.CSS — Solution Page Additions
   Used by: videowall, painel-led, centro-operacoes, videoconferencia, integracao-av, servicos-tecnicos
   Dependencies: common.css (all shared components)
   Only rules NOT already in common.css belong here.
   ========================================================== */

/* ========== DIFF GRID (solution pages — auto-fit layout) ========== */
/* Overrides the home-page 4-col diff-grid for solution pages */
.diff-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px; margin-top: 32px;
}

/* ========== SECTION CENTER ========== */
.section-center { text-align: center; }

/* ========== SOLUTION FORM (inline lead capture — solution pages) ========== */
.solution-form {
  background: var(--navy); padding: 48px;
  border-bottom: 2px solid var(--lime);
}
.solution-form-inner {
  max-width: 680px; margin: 0 auto; text-align: center;
}
.solution-form h2 {
  font-family: var(--fd); font-size: 22px; font-weight: 700;
  color: var(--white); margin-bottom: 8px;
}
.solution-form .form-subtitle {
  font-size: 14px; color: rgba(255, 255, 255, .6); margin-bottom: 24px;
}
.solution-form form {
  display: grid; grid-template-columns: 1fr 1fr 1fr auto;
  gap: 12px; align-items: end;
}
.solution-form input,
.solution-form select {
  width: 100%; padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, .15); border-radius: 6px;
  background: rgba(255, 255, 255, .08); color: var(--white);
  font-family: var(--fb); font-size: .95rem; outline: none;
}
.solution-form select { cursor: pointer; appearance: none; color: rgba(255, 255, 255, .6); }
.solution-form select option { color: #333; background: var(--white); }
.solution-form button[type="submit"] {
  padding: 12px 28px; background: var(--lime); color: var(--white);
  font-family: var(--fd); font-size: .9rem; font-weight: 700;
  border: none; border-radius: 6px; cursor: pointer;
  white-space: nowrap; transition: background .2s var(--ease);
}
.solution-form button[type="submit"]:hover { background: var(--lime-dark); }
.solution-form .form-legal {
  font-size: 12px; color: rgba(255, 255, 255, .35); margin-top: 12px;
}
.solution-form .form-legal a {
  color: var(--lime); text-decoration: underline;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
  .solution-form { padding: 36px 24px; }
  .solution-form form { grid-template-columns: 1fr; }
}