/*!
 * servicos.responsive.css — Inova Tecnologia (servicos.html)
 * Padrão herdado das últimas páginas:
 * - Header sticky >1024px; mobile off-canvas (mostra todos itens)
 * - Esconder CTA <650px (regra global)
 * - Banner com título legível em mobile
 * - Grid/containers responsivos; footer com gutters pequenos
 * - Overflow lateral protegido
 */

/* ===== Containers ===== */
.servicos{ padding: 40px 100px; }

.servicos-header{ max-width: 960px; margin: 0 auto 12px; text-align: center; }
.servicos-subtitle{ margin-top: 6px; }

@media (min-width: 1920px){
  .header{ padding: 30px 300px; }
  .servicos{ padding-left:300px; padding-right:300px; padding-top:60px; padding-bottom:60px; }
}
@media (max-width: 768px){
  .servicos{ padding: 32px 20px; }
}
@media (max-width: 500px){
  .servicos{ padding: 26px 16px; }
  .header{ padding-left: 16px; padding-right: 16px; }
  .servicos-header h2{ font-size: clamp(1.3rem, 6vw, 1.6rem); line-height:1.25; margin-bottom:10px; }
  .servicos-header p{ font-size:.96rem; line-height:1.5; margin:6px auto 0; max-width:60ch; }
}
@media (max-width: 360px){
  .servicos{ padding: 20px 12px; }
  .header{ padding-left: 12px; padding-right: 12px; }
}

/* ===== Grid de serviços ===== */
.servicos-grid{
  display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 24px; margin-top: 18px;
}
.servico-card{ height:100%; display:flex; flex-direction:column; gap: 10px; padding: 18px; }
.servico-icon{ width: 64px; height: 64px; }
.servico-titulo{ margin: 6px 0; }
.servico-descricao{ margin: 0; }
.servico-cta-servicos{ margin-top:auto; }

@media (max-width: 1200px){
  .servicos-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); gap: 20px; }
}
@media (max-width: 768px){
  .servicos-grid{ grid-template-columns: 1fr; gap: 16px; }
}