/* Atualização 168 - Agenda V157: 2 datas reais, data só com dia e cidade legível
   Feita sobre o index atual que usa .agenda-v157. */

#shows.shows-v157{
  --agenda168-text:#1b1209!important;
  --agenda168-muted:rgba(27,18,9,.58)!important;
  --agenda168-gold:#d7aa4b!important;
  --agenda168-gap:clamp(58px,6.2vw,104px)!important;
}

/* A área do carrossel fica ampla, mas somente com 2 datas visíveis no desktop. */
#shows .agenda-v157{
  width:min(1240px,calc(100vw - 120px))!important;
  grid-template-columns:52px minmax(0,1fr) 52px!important;
  gap:clamp(14px,1.8vw,26px)!important;
}

#shows .agenda-v157__track{
  gap:var(--agenda168-gap)!important;
  column-gap:var(--agenda168-gap)!important;
  width:max-content!important;
  max-width:none!important;
  justify-content:flex-start!important;
}

@media (min-width:681px){
  #shows .agenda-v157__card{
    flex:0 0 calc((100% - var(--agenda168-gap)) / 2)!important;
    width:calc((100% - var(--agenda168-gap)) / 2)!important;
    min-width:calc((100% - var(--agenda168-gap)) / 2)!important;
    max-width:calc((100% - var(--agenda168-gap)) / 2)!important;
    display:grid!important;
    /* Nome mais perto da data, sem ficar colado. */
    grid-template-columns:clamp(136px,12vw,172px) minmax(0,1fr)!important;
    align-items:center!important;
    gap:clamp(14px,1.75vw,28px)!important;
    padding:16px 0!important;
    min-height:132px!important;
    overflow:visible!important;
  }
}

/* Data: somente o dia grande. O mês já aparece abreviado abaixo. */
#shows .agenda-v157__date{
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

#shows .agenda-v157__date b{
  font-family:"Manrope", "DM Sans", Arial, sans-serif!important;
  font-weight:900!important;
  font-size:clamp(58px,5.8vw,92px)!important;
  line-height:.78!important;
  letter-spacing:-.075em!important;
  white-space:nowrap!important;
  color:var(--agenda168-text)!important;
}

#shows .agenda-v157__date span:not(.agenda-v157__icon){
  margin-top:10px!important;
  font-family:"DM Mono", monospace!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.24em!important;
  text-transform:uppercase!important;
  color:var(--agenda168-muted)!important;
}

#shows .agenda-v157__icon{
  width:clamp(42px,3.6vw,56px)!important;
  height:clamp(42px,3.6vw,56px)!important;
  opacity:.28!important;
}

#shows .agenda-v157__info{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:8px!important;
  text-align:left!important;
}

/* Cidade mais limpa: não corta, não invade a próxima data e reduz automaticamente. */
#shows .agenda-v157__info strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  font-family:"Manrope", "DM Sans", Arial, sans-serif!important;
  font-weight:900!important;
  font-size:clamp(28px,2.35vw,42px)!important;
  line-height:.95!important;
  letter-spacing:-.04em!important;
  text-transform:uppercase!important;
  color:var(--agenda168-text)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

#shows .agenda-v157__info strong.is-agenda-long-city,
#shows .agenda-v157__info strong.agenda168-fit-small{
  font-size:clamp(22px,1.85vw,34px)!important;
  letter-spacing:-.035em!important;
}

#shows .agenda-v157__info strong.agenda168-fit-tiny{
  font-size:clamp(18px,1.5vw,28px)!important;
  letter-spacing:-.025em!important;
}

#shows .agenda-v157__info small,
#shows .agenda-v157__info em{
  font-family:"DM Mono", monospace!important;
  font-size:10px!important;
  line-height:1.18!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:var(--agenda168-muted)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Setas no mesmo alinhamento, sem empurrar o conteúdo. */
#shows .agenda-v157__arrow{
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
}

@media (max-width:980px) and (min-width:681px){
  #shows .agenda-v157{
    width:calc(100vw - 44px)!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    gap:12px!important;
  }
  #shows .agenda-v157__track{--agenda168-gap:38px!important;}
  #shows .agenda-v157__card{
    grid-template-columns:clamp(118px,16vw,146px) minmax(0,1fr)!important;
    gap:16px!important;
  }
  #shows .agenda-v157__date b{font-size:clamp(52px,7vw,74px)!important;}
  #shows .agenda-v157__info strong{font-size:clamp(24px,3.05vw,34px)!important;}
  #shows .agenda-v157__info strong.agenda168-fit-tiny{font-size:clamp(17px,2.25vw,25px)!important;}
}

@media (max-width:680px){
  #shows .agenda-v157{
    display:block!important;
    width:100%!important;
  }
  #shows .agenda-v157__viewport{
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0 18px!important;
  }
  #shows .agenda-v157__track{
    gap:16px!important;
    transform:none!important;
    width:max-content!important;
  }
  #shows .agenda-v157__card{
    flex:0 0 min(86vw,390px)!important;
    width:min(86vw,390px)!important;
    min-width:min(86vw,390px)!important;
    max-width:min(86vw,390px)!important;
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:16px!important;
    padding:16px 0!important;
    scroll-snap-align:center!important;
  }
  #shows .agenda-v157__date b{font-size:58px!important;}
  #shows .agenda-v157__info strong{
    font-size:clamp(24px,8vw,34px)!important;
    white-space:normal!important;
    overflow:visible!important;
    line-height:.98!important;
  }
  #shows .agenda-v157__arrow{display:none!important;}
}