/* TacticoTextil — Nosotros */

.nosotros-section { padding-block: var(--space-9); background: var(--c-white); }
.nosotros-section__inner { display: grid; gap: var(--space-7); align-items: center; }
.nosotros-media {
  aspect-ratio: 4 / 5;
  border-radius: var(--radius-lg);
  /* Sube /assets/img/nosotros-taller.jpg y sustituye el degradado automáticamente. */
  background-image:
    url(/assets/img/nosotros-taller.jpg),
    repeating-linear-gradient(135deg, rgba(255,255,255,0.05) 0 2px, transparent 2px 14px),
    linear-gradient(160deg, var(--c-graphite-800), var(--c-earth-700));
  background-size: cover, auto, auto;
  background-position: center, 0 0, 0 0;
}
.nosotros-section h2 { font-size: var(--fs-700); margin: var(--space-3) 0 var(--space-4); }
.nosotros-lead { color: var(--color-text-muted); max-width: 48ch; }

@media (min-width: 1024px) {
  .nosotros-section__inner { grid-template-columns: 0.85fr 1fr; }
}

.nosotros-values { padding-block: var(--space-9); background: var(--c-graphite-900); color: var(--c-white); }
.nosotros-values__title { font-size: clamp(1.75rem, 4vw, var(--fs-700)); max-width: 26ch; margin: var(--space-3) 0 var(--space-8); }

.nosotros-values__list {
  display: grid;
  gap: var(--space-6);
  grid-template-columns: 1fr;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.nosotros-values__list li {
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: var(--space-4);
  padding-block: var(--space-6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.nosotros-values__index { font-family: var(--font-display); font-weight: 700; color: var(--color-accent); font-size: var(--fs-400); }
.nosotros-values__list h3 { font-size: var(--fs-400); margin-bottom: var(--space-2); }
.nosotros-values__list p { color: rgba(255, 255, 255, 0.7); max-width: 56ch; }

@media (min-width: 768px) {
  .nosotros-values__list { grid-template-columns: 1fr 1fr; gap: var(--space-4) var(--space-8); border-top: none; }
  .nosotros-values__list li { border-bottom: none; padding-block: var(--space-4); }
}