html[data-pagina="quienes-somos"] .qs-cab .seccion__int { align-items: center; }
.qs-cab__retrato { grid-column: 1 / 3; grid-row: 1; position: relative; aspect-ratio: 4 / 5; overflow: clip; background: var(--superficie-oscura); }
.qs-cab__retrato img { width: 100%; height: 100%; object-fit: cover; }
.qs-cab__texto { grid-column: 3 / 7; grid-row: 1; padding-left: calc(var(--calle) * 2); }
html[data-pagina="quienes-somos"] .qs-cab h1 { max-width: 12em; }
html[data-pagina="quienes-somos"] .qs-cab .lead { max-width: 30em; }
html[data-pagina="quienes-somos"] .qs-cab__luz { left: 16%; top: 50%; }
@media (max-width: 820px) {
  html[data-pagina="quienes-somos"] .qs-cab .seccion__int { grid-template-columns: 96px minmax(0, 1fr); column-gap: 16px; align-items: end; }
  .qs-cab__texto { display: contents; }
  .qs-cab__retrato { grid-column: 1; grid-row: 1; width: 96px; }
  html[data-pagina="quienes-somos"] .qs-cab .eyebrow { grid-column: 2; grid-row: 1; margin-bottom: 4px; }
  html[data-pagina="quienes-somos"] .qs-cab h1 { grid-column: 1 / -1; grid-row: 2; margin-top: 24px; }
  html[data-pagina="quienes-somos"] .qs-cab .lead { grid-column: 1 / -1; grid-row: 3; }
  html[data-pagina="quienes-somos"] .qs-cab .acciones { grid-column: 1 / -1; grid-row: 4; }
  html[data-pagina="quienes-somos"] .qs-cab__luz { left: 30%; top: 30%; }
}

html[data-pagina="quienes-somos"] .qs-porque__manifiesto { margin-top: 40px; max-width: 28em; font-size: var(--fs-manifiesto); font-weight: 400; line-height: 1.2; letter-spacing: -0.01em; text-indent: 0; }
.qs-porque__fila { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: var(--calle); align-items: center; margin-top: 56px; }
html[data-pagina="quienes-somos"] .qs-porque__texto { grid-column: 1 / 5; max-width: 44ch; font-size: var(--fs-destacado); line-height: 1.4; }
.qs-porque__foto { grid-column: 5 / 7; }
@media (max-width: 820px) {
  html[data-pagina="quienes-somos"] .qs-porque__manifiesto { margin-top: 24px; font-size: 1.125rem; line-height: 1.35; }
  .qs-porque__fila { grid-template-columns: minmax(0, 1fr); margin-top: 24px; }
  html[data-pagina="quienes-somos"] .qs-porque__texto { grid-column: 1; font-size: var(--fs-texto); line-height: 1.55; }
  .qs-porque__foto { grid-column: 1; width: 100%; max-width: 480px; margin-top: 32px; }
}

.qs-trabajamos__lista { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(3, auto); grid-auto-flow: column; column-gap: calc(var(--calle) * 2); }
html[data-pagina="quienes-somos"] .qs-trabajamos__lista { margin-top: 48px; }
.qs-compromiso { padding-block: 28px; border-top: 1px solid var(--linea); }
.qs-compromiso__titulo { font-stretch: 62%; font-weight: 800; font-size: 2rem; line-height: 1.05; letter-spacing: -0.01em; }
html[data-pagina="quienes-somos"] .qs-compromiso p { margin-top: 10px; max-width: 44ch; }
@media (max-width: 820px) {
  .qs-trabajamos__lista { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; grid-auto-flow: row; }
  html[data-pagina="quienes-somos"] .qs-trabajamos__lista { margin-top: 32px; }
  .qs-compromiso { padding-block: 22px; }
  .qs-compromiso__titulo { font-size: 1.5rem; }
}

.qs-no__lista { display: grid; row-gap: 8px; }
html[data-pagina="quienes-somos"] .qs-no__lista { margin-top: 40px; }
html[data-pagina="quienes-somos"] .qs-no__palabra { position: relative; display: inline-block; max-width: none; font-stretch: 62%; font-weight: 800; font-size: var(--fs-h1); line-height: 1.02; letter-spacing: -0.02em; }
@media (min-width: 821px) { html[data-pagina="quienes-somos"] .qs-no__palabra { font-size: clamp(4.6875rem, 2.25rem + 2.708vw, 5rem); } }
.qs-no__raya { position: absolute; left: -0.06em; right: -0.06em; top: 58%; height: 3px; background: var(--texto); transform-origin: 0 50%; pointer-events: none; }
html[data-pagina="quienes-somos"] .qs-no__nota { margin-top: 40px; max-width: 46ch; }