/* === Mobile-only overrides v4_1_fix4 (solo móvil; desktop intacto) === */
@media (max-width: 1024px) {

  /* HERO crest: target box ~100x110, centered row, avoid overlapping text */
  header.hero .container.content.grid.grid-2 > div:first-child > div:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;           /* un poco más de separación */
    flex-wrap: nowrap !important;
  }
  header.hero img[alt="Escudo"] {
    transform: none !important;
    width: 100px !important;
    height: 110px !important;
    object-fit: contain !important; /* respeta proporción dentro del cuadro */
  }

  /* Footer whitespace hard-fix (más agresivo) */
  html, body { height: auto !important; min-height: 0 !important; padding-bottom: 0 !important; overflow-y: auto !important; }
  /* Anula cualquier min-height heredado o inline en contenedores comunes */
  body, main, #main, .main, .wrapper, #wrap, .wrap, .page, .content, .container, .container.content {
    min-height: auto !important;
    height: auto !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  /* Cualquier elemento con min-height inline */
  *[style*="min-height"] { min-height: 0 !important; }
  footer.black-footer { margin-bottom: 0 !important; padding-bottom: 0 !important; }
  body > :last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }
  /* Oculta cualquier bloque visual después del footer en móvil */
  body > footer.black-footer ~ * {
    display: none !important;
    margin: 0 !important; padding: 0 !important; height: 0 !important; overflow: hidden !important;
  }
  body::after, body::before, html::after, html::before { content: none !important; display: none !important; }
}