/* ─── HISTÓRIA ──────────────────────────────────── */
.story-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.story-img { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.story-img img { height: 260px; border-radius: var(--radius); }
.story-img img:first-child { grid-column: 1/-1; height: 320px; }

/* ─── VALORES ───────────────────────────────────── */
.value-card { background: var(--white); border: 1px solid var(--bg3); border-radius: var(--radius); padding: 36px 28px; text-align: center; transition: transform 0.25s, box-shadow 0.25s; }
.value-card:hover { transform: translateY(-4px); box-shadow: 0 16px 36px rgba(61,46,34,0.08); }
.value-icon { width: 52px; height: 52px; border-radius: 50%; background: var(--bg2); display: flex; align-items: center; justify-content: center; margin: 0 auto 18px; color: var(--accent); }
.value-card h4 { margin-bottom: 10px; }
.value-card p { font-size: 14px; color: var(--mid); line-height: 1.7; }

/* ─── EQUIPE (cards completos) ──────────────────── */
.team-card-big { background: var(--white); border: 1px solid var(--bg3); border-radius: var(--radius); overflow: hidden; transition: transform 0.25s, box-shadow 0.25s; }
.team-card-big:hover { transform: translateY(-6px); box-shadow: 0 20px 48px rgba(61,46,34,0.1); }
.team-photo-big { aspect-ratio: 4/5; overflow: hidden; }
.team-photo-big img { height: 100%; }
.team-info { padding: 24px 22px; }
.team-info h3 { font-size: 24px; margin-bottom: 4px; }
.team-info .role { font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase; color: var(--accent); margin-bottom: 12px; display: block; }
.team-info p { font-size: 14px; color: var(--mid); line-height: 1.7; }
.team-specialties { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.team-tag { font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; background: var(--bg2); color: var(--mid); padding: 5px 12px; border-radius: 100px; }

/* ─── NÚMEROS ───────────────────────────────────── */
.numbers-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: var(--bg3); border: 1px solid var(--bg3); border-radius: var(--radius); overflow: hidden; }
.number-item { background: var(--white); padding: 48px 32px; text-align: center; }
.number-item .num { font-family: 'Cormorant Garamond', serif; font-size: 56px; font-weight: 300; color: var(--dark); line-height: 1; display: block; }
.number-item .num-label { font-size: 13px; color: var(--mid); margin-top: 8px; }

/* ─── RESPONSIVO ────────────────────────────────── */
@media (max-width: 900px) {
  .story-grid { grid-template-columns: 1fr; gap: 40px; }
  .numbers-grid { grid-template-columns: 1fr 1fr; }
  .grid-4 { grid-template-columns: 1fr; }
}