/* =========================================
   SOBRE / QUIÉNES SOMOS - Orden y compactación (PC + móvil)
   Objetivo: que no se vea “separado/desordenado”.
   Solo layout/espaciado.
   ========================================= */

/* Reduce padding general de la sección */
#sobre.sobre-section{ padding: 5.2rem 0 !important; }

/* Header más compacto */
#sobre .section-header{ margin-bottom: 1.8rem !important; }

/* Intro: limitar ancho y reducir margen inferior */
#sobre .sobre-intro{
  /* Más ancho en PC para que normalmente quede en 2 líneas y se vea natural */
  max-width: 78ch !important;
  margin-bottom: 1.15rem !important;
  text-wrap: balance;
}

/* Misión / Visión: menos separación */
#sobre .sobre-card{
  padding: 1.6rem !important;
}
#sobre .sobre-card[style*="margin-bottom"]{ margin-bottom: 1.05rem !important; }

/* Valores: reducir aire */
#sobre div[style*="margin-bottom: 3rem"]{ margin-bottom: 1.75rem !important; }
#sobre h3{ margin-bottom: 1.25rem !important; }

/* Grilla valores: un poco más compacta */
#sobre .valores-grid{ gap: 1.1rem !important; }

/* Fundador: que no quede tan separado del bloque anterior */
#sobre .fundador-card{ margin-top: 0.5rem !important; }

/* Responsive */
@media (max-width: 640px){
  /* Subir “Quiénes somos” en móvil (menos padding-top en la sección) */
  #sobre.sobre-section{ padding: 2.8rem 0 3.8rem !important; }
  #sobre .section-header{ margin-bottom: 1.55rem !important; }
  #sobre .sobre-intro{ margin-bottom: 1.0rem !important; }
  #sobre .sobre-card{ padding: 1.4rem !important; }
  #sobre .valores-grid{ gap: 0.95rem !important; }
}