/*!
 * segmentos.responsive.css — FIX v2
 * Itens: regra do botão <650px, título legível em telas pequenas,
 * hamburguer mobile mostrando todos os itens.
 */

/* ===== 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 segmentos ===== */
.servicos-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; margin-top: 18px; }
.servico-card{ height:100%; display:flex; flex-direction:column; gap: 10px; padding: 18px; }
.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; } }