/* =====================================================================
   04 · NOSOTROS (id="nosotros")
   Texto a la izquierda (párrafo grande + 2 columnas) y foto a la derecha.
   ===================================================================== */

.nosotros__grilla {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  gap: clamp(40px, 7vw, 120px);
  align-items: center;
}

.nosotros__texto { display: flex; flex-direction: column; gap: 30px; }

/* Párrafo destacado */
.nosotros__intro { font-size: clamp(19px, 1.7vw, 23px); line-height: 1.55; color: var(--texto); }

/* Los dos párrafos chicos lado a lado */
.nosotros__columnas {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  font-size: 17px;
  line-height: 1.7;
  color: var(--texto-suave);
}

.nosotros__foto { height: 600px; }
.nosotros__foto img { width: 100%; height: 100%; object-fit: cover; }


/* ---------- Tablet y celular ---------- */
@media (max-width: 1024px) {
  .nosotros__grilla { grid-template-columns: 1fr; }
  .nosotros__foto { height: 420px; }
}

@media (max-width: 700px) {
  .nosotros__columnas { grid-template-columns: 1fr; gap: 18px; font-size: 16px; }
  .nosotros__foto { height: 320px; }
}