/*
 * Projeto: MSOUZA ADVOCACIA
 * Author: Marcílio Souza
 * Secao: Missao, Valores e Visao, apos Como posso ajudar.
 * Estilos isolados, com cores institucionais e adaptacao para celulares.
 */

/* Titulo centralizado e linha dourada da identidade visual. */
.institutional-values { background:#fff; border-bottom:1px solid #dbe4df; }
.institutional-values-heading { text-align:center; margin-bottom:30px; }
.institutional-values-heading > span { display:block; width:72px; height:3px; margin:0 auto 16px; background:var(--gold); }
.institutional-values-heading h2 { margin:0; color:var(--green); font-size:30px; line-height:1.3; }

/* Tres cards de alturas iguais; cada principio possui uma cor distinta. */
.institutional-values-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.institutional-value-card {
  min-width:0;
  padding:28px;
  border:1px solid #d2ddd7;
  border-top:4px solid var(--gold);
  border-radius:6px;
}
.institutional-value-heading { display:flex; align-items:center; justify-content:center; gap:10px; min-height:40px; margin-bottom:20px; }
.institutional-value-heading > svg { width:25px; height:25px; flex-shrink:0; }
.institutional-value-heading h3 { margin:0; font-size:25px; line-height:1.25; }
.institutional-value-card p, .institutional-value-card ul { margin:0; font:15px/1.75 Arial,sans-serif; overflow-wrap:anywhere; }
.institutional-value-card ul { padding-left:18px; }
.institutional-value-card li + li { margin-top:7px; }
.institutional-value-card li::marker { color:#8b703e; }
.value-mission { background:var(--green); border-color:var(--green); border-top-color:var(--gold); color:#e0ece6; }
.value-mission .institutional-value-heading { color:#e1c28a; }
.value-principles { background:#f4f7f5; border-top-color:var(--green); color:#4c6056; }
.value-principles .institutional-value-heading { color:var(--green); }
.value-principles .institutional-value-heading > svg { color:#8b703e; }
.value-vision { background:#e1c28a; border-color:#d3b474; border-top-color:#8b703e; color:#173f36; }

/* Telas menores: cards empilhados, mantendo os textos sem cortes. */
@media(max-width:1000px) { .institutional-values-grid { gap:18px; } .institutional-value-card { padding:24px 20px; } }
@media(max-width:760px) {
  .institutional-values-grid { grid-template-columns:1fr; }
  .institutional-values-heading h2 { font-size:27px; }
  .institutional-value-card { padding:24px; }
}