@media (max-width: 820px) {
  .desktop-only { display: none !important; }
  .mobile-only { display: block !important; }

  body, html { min-width: 100vw !important; overflow-x: hidden; }

  /* Banner mobile: siempre 100% visible */
  .banner-mobile {
    width: 100vw; display: flex; align-items: center; justify-content: center;
    background: #000; overflow: hidden; margin: 0;
    min-height: 0 !important; height: auto !important;
  }
  .banner-mobile .banner-img {
    width: 100vw; height: auto; min-height: 0; max-height: none;
    object-fit: contain !important; object-position: center;
    display: block;
    animation: bannerShow 1.2s cubic-bezier(.24,1.18,.44,1) both;
  }

  /* Bloque destacado */
  .landing-mobile {
    width: 100vw;
    display: flex; flex-direction: column;
    align-items: center; justify-content: flex-start;
    padding: 0 4vw;
    margin-top: 4vw;
    margin-bottom: 14vw;
  }
  .landing-mobile .landing-titulo {
    font-size: 1.14rem;
    font-weight: 800;
    text-align: center;
    margin-bottom: 13px;
    margin-top: 0;
    color: #fff;
    line-height: 1.18;
    letter-spacing: 0.1px;
  }
  .landing-mobile .landing-sub {
    font-size: 1.02rem;
    text-align: center;
    color: #ededed;
    margin-bottom: 0;
    line-height: 1.28;
    max-width: 97vw;
    font-weight: 400;
  }

  /* Botón catálogos – JIMGRAPHIC (turquesa) */
  .landing-mobile .btn-ver-catalogos {
    margin: 23px auto 0 auto;
    width: 94vw; max-width: 340px;
    font-size: 1.13rem; display: block; text-align: center;
    padding: 16px 0; border-radius: 32px;
    background: linear-gradient(90deg, var(--jg-cyan, #00E0E6) 40%, var(--jg-cyan-700, #00B7BC) 100%);
    color: #0b0b0b;
    font-weight: 800;
    box-shadow: 0 2px 14px rgba(0,224,230,.35);
    transition: background .16s, transform .17s, box-shadow .2s;
    border: none; outline: none; text-transform: uppercase; letter-spacing: 0.7px;
  }
  .landing-mobile .btn-ver-catalogos:hover {
    background: linear-gradient(90deg, var(--jg-cyan-300, #5FF2F6) 0%, var(--jg-cyan, #00E0E6) 100%);
    transform: scale(1.04) translateY(-2px);
    box-shadow: 0 6px 18px rgba(0,224,230,.55);
    color: #0b0b0b;
  }
}