/* Loaded with the page so poster layout is stable before JavaScript runs. */
@media (max-width: 650px) {
        .agenda-page .concert-card.has-poster {
          display: flex !important;
          flex-direction: column !important;
          grid-template-columns: none !important;
          gap: 1.25rem !important;
          width: 100% !important;
          min-width: 0 !important;
        }

        .agenda-page .concert-card.has-poster .poster-thumb {
          order: -1;
          width: 100% !important;
          max-width: none !important;
          margin: 0 auto !important;
        }

        .agenda-page .concert-card.has-poster .poster-thumb img {
          width: min(100%, 320px) !important;
          max-width: 320px !important;
          max-height: none !important;
          margin: 0 auto !important;
          object-fit: contain !important;
        }

        .agenda-page .concert-card.has-poster .poster-thumb span {
          margin-top: .55rem !important;
          font-size: .8rem !important;
        }

        .agenda-page .concert-card .concert-content,
        .agenda-page .concert-card .description,
        .agenda-page .concert-card .programa,
        .agenda-page .concert-card .documentos {
          width: 100% !important;
          max-width: none !important;
          min-width: 0 !important;
        }

        .agenda-page .concert-card .description {
          margin-right: 0 !important;
          margin-left: 0 !important;
          line-height: 1.65 !important;
          overflow-wrap: normal !important;
          word-break: normal !important;
          hyphens: none !important;
        }

        .agenda-page .concert-card .concert-meta {
          display: grid !important;
          grid-template-columns: 1fr !important;
          gap: .55rem !important;
        }

        .agenda-page .historical-item.has-poster .historical-main {
          display: flex !important;
          flex-direction: column !important;
          grid-template-columns: none !important;
          gap: 1rem !important;
        }

        .agenda-page .historical-item.has-poster .poster-thumb {
          order: -1;
          width: 100% !important;
          max-width: none !important;
        }

        .agenda-page .historical-item.has-poster .poster-thumb img {
          width: min(100%, 280px) !important;
          max-width: 280px !important;
          max-height: none !important;
          margin: 0 auto !important;
        }
      }
