/* ==========================================================
   FAMILIA ORUS · texto + foto del equipo
   ========================================================== */

.familia-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 56px; align-items: center; }
.familia-grid .familia-lead { font-size: 1.05rem; color: var(--color-silver); max-width: 560px; }
.familia-grid .foto-frame .foto { aspect-ratio: 1; }

.familia-pillars { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-sm); margin: 1.6rem 0 2rem; }
.familia-pillars div {
  position: relative;
  background: var(--color-surface);
  font: 400 1.05rem/1.15 var(--font-title);
  text-transform: uppercase;
  color: var(--color-cream);
  padding: .8em .8em .8em 1.4em;
  overflow: hidden;
}
.familia-pillars div:before {
  content: "";
  position: absolute;
  left: -2px;
  top: 0;
  bottom: 0;
  width: 8px;
  background: var(--color-accent);
  transform: skewX(-12deg);
}

@media (max-width: 900px) {
  .familia-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
}
@media (max-width: 500px) {
  .familia-pillars { grid-template-columns: minmax(0, 1fr); }
}