/* Ajustes de responsividade das páginas novas (pacotes). Só layout: nenhum texto muda. */

/* Grade do dia (agenda animada): dica de rolagem e degradê na borda direita */
.grid-hint { display: none; }
.grid-fade { position: relative; }
@media (max-width: 639.98px) {
  .grid-hint { display: block; margin: 12px 0 8px; font-size: 15px; font-weight: 600; color: var(--sec-title, #1D1330); max-width: none; }
  .grid-fade::after {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0;
    width: 44px;
    background: linear-gradient(to left, var(--surface-light, #fff) 20%, rgba(255, 255, 255, 0));
    pointer-events: none;
    transition: opacity .2s;
  }
  .grid-fade.at-end::after { opacity: 0; }
}

/* Celular: texto corrido a partir de 15 px e alvos de toque de 44 px (só tamanho, sem mexer no conteúdo) */
@media (max-width: 767.98px) {
  .crumb, .note, .who, .eq-note, .day-head span { font-size: 15px; }
  main :is(p, li, dd):not([class]) { font-size: max(15px, 1em); }
  .crumb a { display: inline-flex; align-items: center; min-height: 44px; }
  a.link { display: inline-flex; align-items: center; min-height: 44px; }
}
@media (max-width: 767.98px) {
  .plan .who, .who { font-size: 15px !important; }
}