/* Atualização 164 - Agenda: duas datas por página e textos organizados
   Corrige o carrossel da agenda para exibir 2 datas por página no desktop,
   evitando que cidade/evento fiquem embolados ou quebrados de forma ruim. */

#shows.shows,
#shows.shows--dupla-carousel{
  --agenda164-gap: clamp(26px, 4vw, 64px);
  --agenda164-text: #1b1209;
  --agenda164-gold: #d9ae51;
  --agenda164-muted: rgba(27,18,9,.58);
  background:#efe5d2!important;
  color:var(--agenda164-text)!important;
  padding:clamp(82px,8vw,132px) 0 clamp(72px,8vw,118px)!important;
}

#shows .shows-heading-premium,
#shows .section-heading{
  margin:0 auto clamp(42px,5vw,74px)!important;
  text-align:center!important;
}
#shows .shows-heading-premium h2,
#shows .section-heading h2{
  font-family:"Rye", Georgia, serif!important;
  color:var(--agenda164-text)!important;
  text-align:center!important;
  font-size:clamp(58px,8vw,128px)!important;
  line-height:.86!important;
  letter-spacing:.01em!important;
  margin:0!important;
}
#shows .shows-heading-premium h2 span,
#shows .section-heading h2 span{color:var(--agenda164-gold)!important;}

#shows .shows-carousel,
#shows .shows-carousel-099{
  position:relative!important;
  width:min(1180px,calc(100vw - 64px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0 clamp(58px,5vw,84px)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#shows .shows-carousel__viewport{
  width:100%!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
}
#shows .shows-carousel__track{
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:var(--agenda164-gap)!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transition:transform .46s cubic-bezier(.22,.72,.24,1)!important;
  will-change:transform!important;
}

/* Desktop: sempre duas datas por página */
#shows .show-ticket-card,
#shows .show-ticket-card-v100,
#shows .show-ticket-card-v105,
#shows .show-ticket-card-v106{
  position:relative!important;
  flex:0 0 calc((100% - var(--agenda164-gap)) / 2)!important;
  width:calc((100% - var(--agenda164-gap)) / 2)!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(128px, 168px) minmax(0, 1fr)!important;
  align-items:center!important;
  column-gap:clamp(22px,2.4vw,38px)!important;
  min-height:clamp(126px,10vw,168px)!important;
  padding:clamp(12px,1.2vw,20px) 0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  color:var(--agenda164-text)!important;
  text-decoration:none!important;
  overflow:visible!important;
}
#shows .show-ticket-card::before,
#shows .show-ticket-card::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(27,18,9,.13),transparent)!important;
  box-shadow:none!important;
  filter:none!important;
}
#shows .show-ticket-card::before{top:0!important;}
#shows .show-ticket-card::after{bottom:0!important;}

#shows .show-ticket-card time{
  position:relative!important;
  z-index:2!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--agenda164-text)!important;
}
#shows .show-ticket-card time b{
  display:block!important;
  font-family:"Manrope", "DM Sans", Arial, sans-serif!important;
  font-weight:800!important;
  font-size:clamp(48px,5.3vw,78px)!important;
  line-height:.82!important;
  letter-spacing:-.075em!important;
  color:var(--agenda164-text)!important;
  white-space:nowrap!important;
}
#shows .show-ticket-card time span{
  display:block!important;
  margin-top:10px!important;
  font-family:"DM Mono", monospace!important;
  font-size:10px!important;
  letter-spacing:.26em!important;
  text-transform:uppercase!important;
  color:var(--agenda164-muted)!important;
  white-space:nowrap!important;
}

#shows .show-ticket-icon-v100,
#shows .show-ticket-icon-v105{
  position:absolute!important;
  left:clamp(54px,5.4vw,82px)!important;
  top:50%!important;
  width:clamp(36px,3.5vw,52px)!important;
  height:clamp(36px,3.5vw,52px)!important;
  transform:translate(-50%,-50%) rotate(-15deg)!important;
  opacity:.45!important;
  z-index:1!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  pointer-events:none!important;
  transition:opacity .22s ease, transform .22s ease!important;
}
#shows .show-ticket-icon-v100 img,
#shows .show-ticket-icon-v105 img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;filter:none!important;}
#shows .show-ticket-card:hover .show-ticket-icon-v100,
#shows .show-ticket-card:hover .show-ticket-icon-v105{opacity:.72!important;transform:translate(-50%,-50%) rotate(-8deg)!important;}

#shows .show-ticket-info-v100,
#shows .show-ticket-info-v105{
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:6px!important;
  text-align:left!important;
}
#shows .show-ticket-info-v100 strong,
#shows .show-ticket-info-v105 strong{
  display:block!important;
  max-width:100%!important;
  font-family:"Manrope", "DM Sans", Arial, sans-serif!important;
  font-size:clamp(20px,2.1vw,36px)!important;
  line-height:.96!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
  color:var(--agenda164-text)!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  hyphens:none!important;
}
#shows .show-ticket-title-v105,
#shows .show-ticket-info-v100 small,
#shows .show-ticket-info-v105 small{
  display:block!important;
  max-width:100%!important;
  font-family:"DM Mono", monospace!important;
  font-size:clamp(10px,.78vw,12px)!important;
  line-height:1.2!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  color:var(--agenda164-muted)!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
#shows .show-ticket-info-v100 i,
#shows .show-ticket-info-v105 i{
  display:block!important;
  font-style:normal!important;
  font-family:"DM Sans", Arial, sans-serif!important;
  font-size:clamp(11px,.85vw,13px)!important;
  line-height:1.1!important;
  color:rgba(27,18,9,.86)!important;
  letter-spacing:.02em!important;
  background:transparent!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

#shows .shows-carousel__arrow{
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:clamp(42px,4vw,58px)!important;
  height:clamp(42px,4vw,58px)!important;
  border-radius:999px!important;
  border:1px solid rgba(27,18,9,.12)!important;
  background:rgba(239,229,210,.58)!important;
  color:#1b1209!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:none!important;
  opacity:.78!important;
  transition:opacity .18s ease, background .18s ease, border-color .18s ease!important;
}
#shows .shows-carousel__arrow:hover{transform:translateY(-50%)!important;opacity:1!important;background:rgba(217,174,81,.82)!important;border-color:rgba(217,174,81,.82)!important;}
#shows .shows-carousel__arrow[disabled]{opacity:.22!important;pointer-events:none!important;}
#shows .shows-carousel__arrow--prev{left:0!important;}
#shows .shows-carousel__arrow--next{right:0!important;}

@media (max-width:920px){
  #shows .shows-carousel{width:calc(100vw - 28px)!important;padding:0 48px!important;}
  #shows .show-ticket-card{grid-template-columns:minmax(104px,132px) minmax(0,1fr)!important;column-gap:20px!important;}
  #shows .show-ticket-info-v100 strong,#shows .show-ticket-info-v105 strong{font-size:clamp(18px,3.2vw,28px)!important;}
}
@media (max-width:680px){
  #shows.shows,#shows.shows--dupla-carousel{padding:72px 0 80px!important;}
  #shows .shows-heading-premium h2,#shows .section-heading h2{font-size:clamp(48px,16vw,78px)!important;}
  #shows .shows-carousel{width:100%!important;padding:0 22px!important;}
  #shows .shows-carousel__viewport{overflow:hidden!important;}
  #shows .shows-carousel__track{gap:18px!important;}
  #shows .show-ticket-card,
  #shows .show-ticket-card-v100,
  #shows .show-ticket-card-v105,
  #shows .show-ticket-card-v106{
    flex:0 0 100%!important;
    width:100%!important;
    grid-template-columns:104px minmax(0,1fr)!important;
    min-height:124px!important;
    padding:15px 0!important;
    scroll-snap-align:start!important;
  }
  #shows .show-ticket-card time b{font-size:54px!important;}
  #shows .show-ticket-info-v100 strong,#shows .show-ticket-info-v105 strong{font-size:22px!important;line-height:1.02!important;}
  #shows .shows-carousel__arrow{width:38px!important;height:38px!important;top:calc(50% + 16px)!important;}
  #shows .shows-carousel__arrow--prev{left:8px!important;}
  #shows .shows-carousel__arrow--next{right:8px!important;}
}