#quienesSomos{position:relative;z-index:2}

.qs{padding:32px 0 56px}
.qs__card{display:grid;gap:26px}

.qs__hero{text-align:center;max-width:920px;margin:0 auto;padding:2px 0 6px}
.qs__hero .h1{margin:0;color:#0d2f22}
.qs__subtitle{margin:6px 0 0;font-weight:700;color:#15523b;letter-spacing:.2px}
.qs__lead{margin:14px auto 0;max-width:720px;padding:14px 16px;border-radius:12px;background:linear-gradient(90deg, rgba(6,104,72,.15), rgba(6,104,72,.04));border:1px solid rgba(26,110,79,.2);color:#113b2c;font-weight:700}

.qs__body{max-width:980px;margin:0 auto;display:grid;gap:14px}
.qs__body h2{margin:16px 0 2px;color:#0d2f22}
.qs__body p{margin:0;line-height:1.75;color:#234136}

.qs__principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:2px}
.qs__principle{border:1px solid rgba(38,110,80,.24);border-radius:14px;background:linear-gradient(145deg, rgba(241,255,249,.92), rgba(228,247,238,.92));padding:14px 15px;box-shadow:0 8px 18px rgba(0,0,0,.07);display:grid;gap:8px}
.qs__principle h3{margin:0;color:#103826;font-size:1.03rem}
.qs__principle p{margin:0;color:#254539}
.qs__principle ul{margin:0;padding-left:18px;display:grid;gap:5px;color:#254539;line-height:1.65}

.qs__vision,
.qs__commitment{border:1px solid rgba(38,110,80,.2);border-radius:14px;background:rgba(237,252,245,.78);padding:16px}
.qs__vision ul{margin:0;padding-left:18px;display:grid;gap:6px;color:#234136;line-height:1.7}

.qs__closing{margin-top:10px;padding:12px 14px;border-left:4px solid #0a6a48;background:linear-gradient(90deg, rgba(13,108,74,.13), rgba(13,108,74,.03));border-radius:10px;display:grid;gap:4px}
.qs__closing p{font-weight:700;color:#123d2d}

@media (max-width:960px){
  .qs__principles{grid-template-columns:1fr}
}