/* import @font-face */

@font-face {
    font-family: 'Proxima Nova Advanced';
    font-weight: 700;
    font-display: swap;
    font-style: normal;
    src: url(https://http2.mlstatic.com/storage/pog-cm-admin/calm-assets/proxima-nova-bold--b7c049bd.otf) format("opentype");
}

/* 1 — Tag "TERMINAL GRATIS" centrado sin wrappear */
  .calm-landings-library-device-grid
    .calm-landings-library-device-grid-card
    .device-grid-card__recommendation-pill--center {
    width: max-content;
    max-width: 100%;
  }

  /* 2 — Barra de tabs centrada solo cuando entra completa en pantalla */
  .calm-landings-library-device-grid.mobile
    .calm-landings-library-device-grid__filter-bar {
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
  }

  /* 3 — Descripción de la banda centrada de tablet para arriba */
  @media (min-width: 480px) {
    .calm-landings-library-device-grid.mobile.mobile
      .calm-landings-library-device-grid__filter-description {
      text-align: center;
    }
  }

  /* 4 — Desktop angosto: cards a segunda fila en vez de cortarse */
  .calm-landings-library-device-grid.desktop
    .calm-landings-library-device-grid__cards {
    flex-wrap: wrap;
  }