/* Sección Nosotros: video y contenido en columnas para conservar el encuadre. */
.about {
  position: relative;
  color: var(--blanco);
  overflow: hidden;
  background: linear-gradient(135deg, #101f2d, #1d2f3e 58%, #132431);
}
.about__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: clamp(680px, 82svh, 900px);
  align-items: stretch;
}
.about__visual {
  position: relative;
  min-height: 100%;
  overflow: hidden;
  background: #142431;
}
.about__media {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  opacity: 0;
}
.about__media.is-active { opacity: 1; }
.about__overlay {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(12,25,36,.08), rgba(12,25,36,.25));
  transition: background 1s ease-in-out;
  pointer-events: none;
}
.about__visual.is-switching .about__overlay { background: rgb(20, 36, 49); }
.about__content {
  align-self: center;
  min-width: 0;
  width: 100%;
  max-width: 760px;
  padding: clamp(48px, 6vw, 96px);
}
.about__badge { margin-bottom: var(--space-2); }
.about h2 { font-size: var(--text-3xl); }
.about p { color: var(--gris-neutro); font-size: var(--text-lg); }

/* Sello sin fondo y texto con una medida cómoda de lectura. */
.about__badge { width: 360px; max-width: 100%; height: auto; margin-bottom: 32px; }
.about p { font-size: clamp(1rem, 1.5vw, 1.125rem); line-height: 1.75; }
@media (max-width: 900px) {
  .about__layout { display: block; position: relative; min-height: 0; }
  .about__visual { position: absolute; inset: 0; width: 100%; min-height: 100%; }
  .about__overlay { background: rgba(13, 28, 39, .79); }
  .about__content {
    position: relative;
    z-index: 1;
    max-width: 44rem;
    margin-inline: auto;
    padding: clamp(88px, 13vw, 128px) max(20px, var(--page-gutter));
  }
}
@media (prefers-reduced-motion: reduce) {
  .about__overlay { transition: none; }
  .about__media:not(.is-active) { display: none; }
}