/* =====================================================================
   FEMAC 2026 — v38 · hierarquia do line-up + contador + palpite isolado
   ===================================================================== */

/* Um card aberto não estica os outros cards da mesma linha. */
.atracoes-grid,.atracoes-grid--live{align-items:start}
.atracoes-grid .atracao{align-self:start;width:100%}

/* Menos vazio entre a pergunta e o botão de palpite. */
.atracao--misterio .info{padding-bottom:.38rem!important}
.atracao--misterio .info .bio{margin-top:.42rem!important;line-height:1.42!important}
.mystery-guess-zone{padding-top:0!important;margin-top:-4px}
.mystery-guess-toggle{min-height:48px}
.atracao.is-guess-open{z-index:6;box-shadow:0 24px 60px rgba(0,0,0,.42)}
.atracao[data-atracao-estado="revelada"] .info .art:last-child{margin-bottom:.1rem}

/* Contador regressivo: dias quando distante, horas/minutos quando próximo. */
.attraction-countdown{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:.7rem;padding:.56rem .66rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.045);font-variant-numeric:tabular-nums}
.attraction-countdown__label{color:#b8afa7;font-size:.56rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.attraction-countdown strong{color:#f6b272;font-size:.72rem;font-weight:900;white-space:nowrap}
.attraction-countdown--waiting strong{color:#d8d1ca}
.attraction-countdown.is-finished{border-color:rgba(255,111,55,.38);background:rgba(255,91,31,.1)}

/* A atração marcada como destaque só ganha o card principal após a revelação. */
.attractions-live-section .atracao--destaque{grid-column:1/-1;display:grid;grid-template-columns:minmax(300px,44%) minmax(0,1fr);grid-template-rows:1fr;min-height:420px;border-color:rgba(239,137,75,.58);background:linear-gradient(135deg,#241b17 0,#15151d 58%,#0d0e14 100%);box-shadow:0 30px 80px rgba(0,0,0,.36)}
.attractions-live-section .atracao--destaque:hover{transform:translateY(-4px)}
.attractions-live-section .atracao--destaque .foto{grid-column:1;grid-row:1;min-height:420px;aspect-ratio:auto}
.attractions-live-section .atracao--destaque .foto img{object-position:center top}
.attractions-live-section .atracao--destaque .info{grid-column:2;grid-row:1;display:flex;align-self:stretch;justify-content:center;flex-direction:column;padding:3rem clamp(2rem,5vw,5rem)!important;border-left:1px solid rgba(255,255,255,.08)}
.attractions-live-section .atracao--destaque .info .art{font-size:clamp(2rem,4vw,3.4rem)}
.attractions-live-section .atracao--destaque .info h3{font-size:clamp(2rem,4vw,3.6rem)!important;line-height:1.02}
.attractions-live-section .atracao--destaque .info .pais{margin-top:.75rem;font-size:.75rem}
.attractions-live-section .atracao--destaque .info .bio{max-width:58ch;margin-top:1rem;font-size:1rem!important;line-height:1.72}
.featured-attraction-ribbon{position:absolute;z-index:7;top:18px;right:18px;padding:.5rem .78rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:linear-gradient(135deg,#ff7a3e,#d6400e);box-shadow:0 10px 25px rgba(214,64,14,.28);color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.stage-section .featured-attraction-ribbon{display:none}

@media(max-width:900px){
  .attractions-live-section .atracao--destaque{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:0}
  .attractions-live-section .atracao--destaque .foto{grid-column:1;grid-row:1;min-height:0;aspect-ratio:4/4.2}
  .attractions-live-section .atracao--destaque .info{grid-column:1;grid-row:2;padding:1.45rem 1.3rem 1.6rem!important;border-top:1px solid rgba(255,255,255,.08);border-left:0}
  .attractions-live-section .atracao--destaque .info h3{font-size:2rem!important}
}
@media(max-width:520px){
  .featured-attraction-ribbon{top:12px;right:12px;font-size:.52rem}
  .attraction-countdown{align-items:flex-start;flex-direction:column;gap:3px}
}

/* Rodapé: opção com moldura ou somente a imagem PNG transparente. */
.footer-amic--frameless{
  width:auto!important;
  max-width:170px!important;
  max-height:105px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  object-fit:contain!important;
}
@media(max-width:680px){
  .footer-amic--frameless{max-width:150px!important;max-height:95px!important}
}