/* Alexandre Thai 2.0 — V3.62 PREVIEW LOCAL — /shows/ exclusivamente.
   Ajustes desta rodada:
   1) texto final de “Palco, rua e público”;
   2) reorganização de “Banda + produção”;
   3) correção de corte de cabeça na transição final, substituindo-a por uma página final editorial;
   4) manutenção de Home e /biografia/ intactos.
*/

/* Regra de alinhamento editorial: o parágrafo da direita começa na altura da manchete (h2). */
.shows-page .show-proof .section-head,
.shows-page .show-structure .section-head {
  align-items: start;
}

@media (min-width:1101px) {
  .shows-page .show-proof .section-head p,
  .shows-page .show-structure .section-head p {
    margin: 26px 0 0 !important;
    padding: 0 !important;
  }

  /* Página 3 — nova hierarquia visual */
  .shows-page .show-structure {
    padding-top: 50px;
    padding-bottom: 44px;
  }
  .shows-page .show-structure > .container {
    max-width: 1120px;
    min-height: calc(100svh - 83px - 50px - 44px);
    display: flex;
    flex-direction: column;
  }
  .shows-page .show-structure .section-head {
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.72fr);
    gap: 26px;
    margin-bottom: 18px;
  }
  .shows-page .show-structure .structure-grid {
    margin-top: 8px;
    display: grid;
    grid-template-columns: minmax(0, 1.42fr) minmax(0, .82fr);
    gap: 22px;
    align-items: start;
  }
  .shows-page .show-structure .structure-left,
  .shows-page .show-structure .structure-side {
    display: grid;
    gap: 14px;
    align-content: start;
  }
  .shows-page .show-structure .structure-main,
  .shows-page .show-structure .structure-stage-bottom,
  .shows-page .show-structure .structure-private,
  .shows-page .show-structure .structure-wedding-large,
  .shows-page .show-structure .structure-production {
    margin: 0;
    padding: 7px;
    background: #fff;
    border: 1px solid var(--line);
  }
  .shows-page .show-structure .structure-main img,
  .shows-page .show-structure .structure-stage-bottom img,
  .shows-page .show-structure .structure-private img,
  .shows-page .show-structure .structure-wedding-large img,
  .shows-page .show-structure .structure-production img {
    display: block;
    width: 100%;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
  .shows-page .show-structure figcaption {
    padding: 7px 5px 3px;
    font-size: .68rem;
    line-height: 1.24;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: #51483f;
  }
  .shows-page .show-structure .actions {
    margin-top: auto !important;
    padding-top: 16px;
  }

  /* Última página de Shows */
  .shows-page .section-sea.shows-closing {
    padding-top: 56px;
    padding-bottom: 46px;
  }
  .shows-page .shows-closing > .container {
    max-width: 1120px;
  }
  .shows-page .shows-closing-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(320px, .78fr);
    gap: 34px;
    align-items: center;
    margin-bottom: 30px;
  }
  .shows-page .shows-closing-photo {
    margin: 0;
    padding: 8px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.18);
  }
  .shows-page .shows-closing-photo img {
    display: block;
    width: 100%;
    height: auto;
  }
  .shows-page .shows-closing-copy {
    max-width: 470px;
  }
  .shows-page .shows-closing-copy .eyebrow {
    color: #d7e7ee;
  }
  .shows-page .shows-closing-copy h2 {
    color: #fff;
    margin: .14em 0 .22em;
    font-size: clamp(2.8rem, 4.4vw, 4.45rem);
    line-height: .96;
  }
  .shows-page .shows-closing-copy p {
    color: rgba(255,255,255,.88);
    max-width: 44ch;
    line-height: 1.68;
  }
  .shows-page .shows-closing .stats {
    margin-top: 0;
  }
}

/* Desliga a antiga transição ilustrada apenas em /shows/. */
.shows-page .transition-sea {
  display: none !important;
}

/* Marca a última seção de shows para receber o novo layout sem mexer em outras section-sea do site. */
.shows-page .section-sea {
  position: relative;
}
.shows-page .section-sea .shows-closing-intro {
  position: relative;
}

@media (max-width:1100px) {
  .shows-page .show-structure .structure-left,
  .shows-page .show-structure .structure-side {
    display: grid;
    gap: 14px;
  }
  .shows-page .show-structure .structure-main,
  .shows-page .show-structure .structure-stage-bottom,
  .shows-page .show-structure .structure-private,
  .shows-page .show-structure .structure-wedding-large,
  .shows-page .show-structure .structure-production {
    margin: 0;
    padding: 8px;
    background: #fff;
    border: 1px solid var(--line);
  }
  .shows-page .show-structure .structure-main img,
  .shows-page .show-structure .structure-stage-bottom img,
  .shows-page .show-structure .structure-private img,
  .shows-page .show-structure .structure-wedding-large img,
  .shows-page .show-structure .structure-production img {
    width: 100%;
    height: auto !important;
    object-fit: contain !important;
    display: block;
  }
  .shows-page .shows-closing {
    padding-top: 50px;
  }
  .shows-page .shows-closing-intro {
    display: grid;
    gap: 18px;
    margin-bottom: 24px;
  }
  .shows-page .shows-closing-photo,
  .shows-page .shows-closing-copy {
    margin: 0;
  }
  .shows-page .shows-closing-photo {
    padding: 8px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.18);
  }
  .shows-page .shows-closing-photo img {
    width: 100%;
    height: auto;
    display: block;
  }
  .shows-page .shows-closing-copy .eyebrow {
    color: #d7e7ee;
  }
  .shows-page .shows-closing-copy h2 {
    color: #fff;
    margin: .12em 0 .22em;
  }
  .shows-page .shows-closing-copy p {
    color: rgba(255,255,255,.88);
    max-width: 60ch;
  }
}