/* Web Systems 3.1 · Página Nosotros
 * Este módulo se carga de forma condicional desde functions.php.
 */

/* About */
.about-hero-layout { position: relative; z-index: 2; min-height: 590px; display: grid; grid-template-columns: 1.2fr .55fr; gap: 100px; align-items: center; }.about-hero-layout .compact-hero-copy { padding: 70px 0; }.about-manifesto { position: relative; padding: 35px 0 35px 38px; border-left: 1px solid var(--line-dark); }.about-manifesto > span { position: absolute; left: 35px; top: -40px; color: #314b9f; font-family: Georgia, serif; font-size: 120px; line-height: 1; }.about-manifesto p { position: relative; z-index: 1; margin: 0; color: #c8ced7; font-family: Georgia, serif; font-size: 22px; line-height: 1.55; }
.about-story { background: var(--paper); }.about-story-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 95px; }.about-story-layout > div:last-child { padding-top: 32px; }.about-story-layout p { margin: 0 0 20px; color: var(--muted); font-size: 14px; line-height: 1.82; }
.team-capabilities { background: white; }.capability-team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; border: 1px solid var(--line); background: var(--line); }.capability-team-grid article { min-height: 250px; padding: 29px; background: white; }.capability-team-grid article > span { color: #a0a6af; font-size: 8px; }.capability-team-grid svg { display: block; margin-top: 35px; color: var(--blue); }.capability-team-grid h3 { margin: 23px 0 9px; font-size: 18px; }.capability-team-grid p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.68; }
.work-principles { color: white; background: var(--ink); }.work-principles-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 100px; align-items: start; }.principles-intro { position: sticky; top: 120px; }.principles-list { border-top: 1px solid var(--line-dark); }.principles-list article { min-height: 145px; display: grid; grid-template-columns: 55px 1fr; gap: 20px; align-items: center; border-bottom: 1px solid var(--line-dark); }.principles-list article > b { color: #7894ff; font-size: 8px; }.principles-list h3 { margin: 0 0 8px; font-size: 20px; }.principles-list p { margin: 0; color: #8e97a4; font-size: 11px; line-height: 1.65; }
.methodology-section { background: var(--paper); }.methodology-flow { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }.methodology-flow article { min-height: 250px; display: flex; flex-direction: column; padding: 25px; border: 1px solid var(--line); border-radius: 13px; background: white; }.methodology-flow article > span { color: var(--blue); font-size: 8px; font-weight: 850; }.methodology-flow h3 { margin: 45px 0 9px; font-size: 18px; }.methodology-flow p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.65; }.methodology-flow small { margin-top: auto; padding-top: 20px; border-top: 1px solid var(--line); color: #8c929c; font-size: 8px; }

@media (max-width: 1120px) {
  .methodology-flow { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 900px) {
  .capability-team-grid { grid-template-columns: 1fr 1fr; }
  .about-story-layout > div:last-child { padding-top: 0; }
  .methodology-flow { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  .capability-team-grid, .methodology-flow { grid-template-columns: 1fr; }
  .about-manifesto { padding-left: 25px; }
  .about-manifesto p { font-size: 19px; }
}