/* V12 — cabeçalho da seção Valores, ritmo vertical e segurança de layout */
#valores .container{display:flex;flex-direction:column;min-width:0}
#valores .section-head{width:100%;min-width:0;display:block;margin:0 0 clamp(28px,3.4vw,48px)!important;padding:0;align-items:initial}
#valores .section-head>div{width:100%;min-width:0}
#valores .section-head .section-title{max-width:none!important;width:100%;margin:18px 0 0!important;font-size:clamp(2.15rem,3.25vw,3.45rem)!important;line-height:1.15!important;letter-spacing:-.045em;overflow-wrap:normal}
#valores .values-grid{position:relative;clear:both;width:100%;margin:0!important;align-items:stretch;gap:clamp(14px,1.55vw,24px)}
#valores .value-card{min-height:0;height:100%;display:flex;flex-direction:column;transition:transform .3s ease, box-shadow .3s ease}
#valores .value-card .value-photo{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center}
#valores .value-card .value-icon{position:static!important;flex-shrink:0;align-self:flex-start;box-sizing:border-box;margin:18px 22px 0!important}
#valores .value-card h3{padding:12px 22px 0!important;margin:0 0 8px!important}
#valores .value-card p{padding:0 22px 26px!important;margin:0}
@media(max-width:900px){
  #valores .section-head .section-title{font-size:clamp(2rem,5.15vw,3rem)!important}
  #valores .section-head{margin-bottom:30px!important}
}
@media(max-width:600px){
  #valores .section-head{margin-bottom:24px!important}
  #valores .section-head .section-title{font-size:clamp(1.8rem,7.6vw,2.45rem)!important;line-height:1.18!important}
  #valores .value-card .value-icon{margin:17px 20px 0!important}
  #valores .value-card h3{padding:12px 20px 0!important}
  #valores .value-card p{padding:0 20px 23px!important}
}
/* Distância explícita evita colisão com estilos herdados de versões anteriores */
#valores .values-grid{padding-top:clamp(24px,2.3vw,36px)!important}