/*
  K3 Ingenieria -- Nosotros page-specific styles
  Depends on tokens/base/layout/components being loaded first. Shared
  primitives (.page-head, .image-placeholder, .how-we-work-list) live
  in components.css -- this page reuses the shared definition-list
  pattern (first built for Inicio's "Como trabajamos") TWICE, for both
  "Mision y Vision" and "Como operamos dia a dia".
*/

.company-statement {
  padding-bottom: clamp(2rem, 5vw, 3rem);
}
.company-statement .razon-social {
  font-family: var(--font-display);
  font-weight: 600;
  margin-bottom: 0.25em;
}
.company-statement .giro { max-width: 66ch; }

/* Two items (Mision, Vision) in the shared .how-we-work-list pattern --
   not a new visual pattern, same label-rail/hairline treatment as
   "Como operamos dia a dia" right below it. Section-wrapper padding and
   heading margin match .how-we-work/.how-we-work-heading's values
   exactly, for identical rhythm between the two back-to-back list
   sections. */
.mission-vision {
  padding-block: clamp(2rem, 5vw, 4rem);
  border-top: 1px solid var(--rule-soft);
}
.mission-vision-heading { margin-bottom: clamp(1.5rem, 4vw, 2.5rem); }

/* .how-we-work is a SHARED class (components.css, also used by Inicio's
   "Como trabajamos," which is NOT that page's last section) -- this
   page-scoped override only reaches nosotros.html, since index.html
   never loads this file. Needed because the people-photo section that
   used to follow "Como operamos dia a dia" was removed, making this
   the page's last section before the footer; its bottom padding now
   matches the closing weight other pages give that position, not the
   smaller shared mid-page value components.css gives it by default. */
.how-we-work {
  padding-block: clamp(2rem, 5vw, 4rem) clamp(3rem, 6vw, 4rem);
}