/* ── about.css — About / Nosotros section ── */

/* Section eyebrow label */
.about__eyebrow {
  color: var(--neon);
  margin-bottom: var(--space-md);
}

/* Left panel header */
.about__header {
  font-size: clamp(2.5rem, 5vw, 5rem);
  margin-bottom: var(--space-lg);
}

/* Footer of left panel */
.about__meta {
  color: #888;
  margin-top: var(--space-xl);
  padding-top: var(--space-md);
  border-top: var(--border-thin);
  display: flex;
  justify-content: space-between;
}

/* Right panel layout */
.about__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Neon crosshair decorative mark in about section */
.about__crosshair {
  position: relative;
  width: 15px;
  height: 15px;
  margin-bottom: var(--space-md);
}
.about__crosshair-h {
  position: absolute;
  top: 7px;
  left: 0;
  width: 15px;
  height: 1px;
  background: var(--neon);
}
.about__crosshair-v {
  position: absolute;
  top: 0;
  left: 7px;
  width: 1px;
  height: 15px;
  background: var(--neon);
}

/* Body text paragraphs */
.about__body {
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: var(--space-md);
  max-width: 90%;
}
.about__body--last {
  font-size: 1.1rem;
  line-height: 1.6;
  max-width: 90%;
}

/* Stat counter row */
.about__stat-row {
  display: flex;
  align-items: center;
  margin-top: var(--space-lg);
  gap: var(--space-md);
}
.about__counter {
  font-size: 3rem;
  font-weight: 900;
}
.about__label {
  font-family: var(--font-mono);
  font-size: 0.8rem;
  letter-spacing: 0.05em;
}

/* About stats group (coach section reuses similar pattern) */
.about-stats {
  display: flex;
  gap: var(--space-lg);
  margin-top: var(--space-xl);
  border-top: var(--border-thin);
  padding-top: var(--space-md);
}

/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
  #nosotros .grid-layout {
    grid-template-columns: 1fr !important;
  }
  #nosotros .grid-layout > .border-r {
    border-right: none !important;
    border-bottom: var(--border-thin);
  }
}

@media (max-width: 600px) {
  .about-stats {
    gap: var(--space-sm) !important;
  }
  #nosotros .flex.items-center {
    flex-wrap: wrap;
  }
}