/* ═══════════════════════════════════════════════════════════
   SOBRE NOSOTROS — Estilos específicos de página
   Los estilos del hero, coverage, CTA y mapa están en eee-global.css.
   Este archivo se usa para overrides que solo aplican en esta página.
   ═══════════════════════════════════════════════════════════ */

/* ── Hero: mostrar imagen desde tablet (768px+) ── */
@media (min-width: 768px) {
  .eee-about .hero-photo-desktop { display: block; }
  .eee-about .hero-atlas-visual  { display: flex; justify-content: center; align-items: center; order: 0; }
  /* Tablet pequeña (768–819px): copy más ancho */
  .eee-about .hero-atlas-wrap { grid-template-columns: 1.2fr 0.8fr; gap: 2rem; }
}
/* iPad 11": proporciones más equilibradas */
@media (min-width: 820px) and (max-width: 1023.98px) {
  .eee-about .hero-atlas-wrap { grid-template-columns: 1.1fr 1fr; gap: 2.5rem; }
}
@media (min-width: 1024px) {
  .eee-about .hero-atlas-wrap { grid-template-columns: 1.05fr 1fr; gap: 3rem; }
}