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

  /* HERO crest: a poco más grande, centrado y sin cubrir texto */
  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: 14px !important;        /* un poco más de separación de la 'I' */
    flex-wrap: nowrap !important;
  }
  header.hero img[alt="Escudo"] {
    transform: none !important;
    height: 96px !important;     /* +12px respecto a v4_1 (84px) */
    max-height: 120px !important;
    width: auto !important;
    object-fit: contain !important;
  }

  /* --- Footer whitespace hard fix --- */
  html, body { height: auto !important; padding-bottom: 0 !important; overflow-y: auto !important; }
  body { min-height: 0 !important; }
  main, #main, .main, .wrapper, #wrap, .wrap, .page, .content, .container {
    min-height: auto !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  footer.black-footer { margin-bottom: 0 !important; padding-bottom: 0 !important; }
  body > :last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }
  /* Si hay cualquier bloque después del footer, ocúltalo en móvil */
  body > footer.black-footer ~ * {
    display: none !important;
    margin: 0 !important; padding: 0 !important; height: 0 !important; overflow: hidden !important;
  }
  /* Evita pseudo-espaciadores globales */
  body::after, body::before, html::after, html::before { content: none !important; display: none !important; }
}