/* Retoques finais do hero, das capas e do acesso ao PDF. */
@media (min-width:901px) {
  .brand-wall .hero-weather { bottom:24% !important; }
  .brand-wall .hero-weather-license:not([hidden]) { bottom:19% !important; }
  .hero .brand-wall .hero-clock {
    left:-164% !important; right:auto !important; top:-9% !important; bottom:auto !important;
    padding:6px 10px; border:1px solid rgba(177,211,211,.42); border-radius:6px;
    background:rgba(9,29,36,.52); color:#e9f5f2; backdrop-filter:blur(5px);
  }
  .edition-acquire { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; }
  .curiosity-section #edition-acquire {
    box-sizing:border-box; width:clamp(88px,7vw,112px); min-height:100px;
    padding:10px 7px; border-radius:20px; gap:5px;
    font-size:clamp(10px,.8vw,13px); line-height:1.14;
  }
  .curiosity-section #edition-acquire .edition-acquire__icon {
    width:30px; font-size:18px;
  }
  .curiosity-section #edition-acquire small {
    font-size:clamp(9px,.7vw,11px); line-height:1.16;
  }
}
@media (max-width:900px) {
  .archive-dialog .mobile-season-picker__label {
    display:block; margin:0 0 6px; color:#e8d2a4;
    font:700 12px/1.3 Arial,sans-serif;
  }
  .archive-dialog .mobile-season-picker {
    box-sizing:border-box; display:block; width:100%; min-height:46px;
    margin:0 0 11px; padding:9px 34px 9px 12px;
    border:1px solid rgba(231,189,72,.65); border-radius:6px;
    background:#142326; color:#f5e6c7;
    font:700 16px/1.3 Arial,sans-serif;
  }
  .archive-dialog .mobile-season-picker:focus-visible { outline:2px solid #62d8d3; outline-offset:2px; }
  /* No mobile, o letreiro fecha a imagem; o clima permanece acima dele. */
  .hero .hero-news {
    top:calc(76% - 34px) !important; bottom:auto !important;
  }
  .hero .brand-wall .hero-weather {
    left:20px !important; right:auto !important;
    top:calc(76% - 64px) !important; bottom:auto !important;
    max-width:calc(100vw - 40px) !important;
    color:#fff3db !important;
  }
  .brand-wall .hero-weather-license:not([hidden]) { bottom:14% !important; }
  .curiosity-section .edition-acquire {
    display:flex !important; flex-direction:row !important;
    justify-content:center !important; align-items:center !important; gap:12px !important;
  }
  .curiosity-section .edition-library-open { position:relative !important; min-width:70px !important; }
  .curiosity-section #edition-acquire {
    width:126px !important; height:52px !important; min-height:52px !important;
    aspect-ratio:auto !important; border-radius:24px !important;
    grid-template-columns:30px 1fr !important; grid-template-rows:1fr !important;
    gap:5px !important; padding:5px 9px !important;
    font-size:11px !important; line-height:1.05 !important;
  }
  .curiosity-section #edition-acquire .edition-acquire__icon { font-size:16px !important; }
  .curiosity-section #edition-acquire small { display:none !important; }
}
.edition-library-dialog { width:min(92vw,450px); max-height:min(78dvh,520px); overflow:auto; }
.edition-library-dialog .edition-library-card { padding:20px; gap:12px; }
.edition-library-dialog .edition-library-card h3 { font-size:clamp(20px,3vw,28px) !important; }
.edition-library-dialog .edition-library-strip {
  display:flex !important; grid-auto-flow:unset !important;
  gap:10px !important; overflow-x:auto !important; overflow-y:hidden !important;
  padding:5px 3px 12px !important;
}
.edition-library-dialog .edition-library-item {
  flex:0 0 76px !important; width:76px !important; min-width:76px !important;
  box-sizing:border-box !important; padding:7px 5px !important;
  display:flex !important; flex-direction:column !important; align-items:center !important;
  text-align:center !important; border-radius:4px !important;
  background:#353535 !important;
}
.edition-library-dialog .edition-library-strip { align-items:stretch !important; }
.edition-library-dialog .edition-library-thumb,
.edition-library-dialog .edition-library-placeholder {
  display:block !important; width:100% !important; height:auto !important;
  aspect-ratio:589/876 !important; overflow:hidden !important;
  box-sizing:border-box !important; padding:0 !important;
  border:0 !important; border-radius:0 !important;
  background:transparent !important; box-shadow:none !important;
}
.edition-library-dialog .edition-library-thumb img {
  display:block !important; width:100% !important; height:100% !important;
  object-fit:contain !important; object-position:center !important;
}
.edition-library-dialog .edition-library-item.is-current .edition-library-thumb {
  outline:0 !important; box-shadow:none !important;
}
.hero .hero-news__set a.hero-news__featured { color:#ffd27c; font-weight:900; letter-spacing:.045em; }
.edition-library-dialog .edition-library-item strong { font-size:10px !important; line-height:1.2 !important; }
.edition-library-dialog .edition-library-item small { font-size:9px !important; line-height:1.2 !important; }
@media (max-width:900px) {
  .edition-library-dialog { width:min(calc(100vw - 30px),410px) !important; max-height:80dvh !important; }
  .edition-library-dialog .edition-library-item { flex-basis:68px !important; width:68px !important; min-width:68px !important; }
  .edition-library-dialog .edition-library-thumb,
  .edition-library-dialog .edition-library-placeholder { width:100% !important; height:auto !important; }
}

/* Botao compacto com folga da lateral da revista no desktop. */
@media (min-width:901px) {
  .back-to-player { gap:5px; padding:6px 8px 6px 7px; }
  .back-to-player__icon { width:22px; height:22px; }
  .back-to-player__text { font-size:9px; letter-spacing:.035em; }
}

/* V5.0.2 — ajustes finais da navegação e das cenas no celular. */
@media (max-width:900px) {
  /* A imagem termina acima do letreiro; temperatura e hora ficam no preto. */
  .hero .brand-wall .hero-weather {
    left:20px !important;
    right:auto !important;
    top:calc(76% + 16px) !important;
    bottom:auto !important;
    max-width:calc(100vw - 76px) !important;
    color:#fff0d2 !important;
    text-shadow:0 1px 3px #000 !important;
  }
  /* Regra compartilhada posterior ocultava o DIAL mobile. */
  .mobile-tuner {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    z-index:120 !important;
  }
  /* O DIAL flutua sobre a cena; a foto ocupa toda a largura. */
  .sponsors-section,
  .contact-section.contact-section--telegram {
    box-sizing:border-box !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  /* Crédito legível na base da sessão de contato. */
  .site-credit,
  .contact-mode-intro .site-credit,
  .contact-mode-message .site-credit,
  .contact-mode-audio .site-credit {
    background:rgba(5,11,14,.95) !important;
    border-top:1px solid rgba(225,188,120,.48) !important;
    color:#f9f0de !important;
    text-shadow:none !important;
  }
  .site-credit span,
  .site-credit strong {
    position:static !important;
    display:block !important;
    transform:none !important;
    text-align:center !important;
    text-shadow:0 1px 2px #000 !important;
    line-height:1.15 !important;
  }
  .site-credit span { color:#f9f0de !important; font-size:11px !important; }
  .site-credit strong { color:#ffd188 !important; font-size:12px !important; }
}

/* V5.0.3: redes sociais são botões, independentes dos dados na fotografia. */
@media (min-width:901px) {
  .contact-socials .social-stamp__mark,
  .contact-socials .social-stamp__name { display:none; }
}
@media (max-width:900px) {
  .contact-mode-message .telegram-submit {
    left:auto !important;
    right:58px !important;
    width:174px !important;
    max-width:calc(100vw - 76px) !important;
    box-sizing:border-box !important;
    padding:0 10px !important;
    justify-content:center !important;
    white-space:nowrap !important;
    font-size:10px !important;
  }
  .contact-mode-message .contact-socials,
  .contact-mode-audio .contact-socials {
    position:absolute !important;
    z-index:50 !important;
    display:flex !important;
    inset:auto !important;
    left:14px !important;
    right:58px !important;
    bottom:57px !important;
    width:auto !important;
    height:44px !important;
    gap:8px !important;
    pointer-events:auto !important;
  }
  .contact-mode-message .contact-socials .social-stamp,
  .contact-mode-audio .contact-socials .social-stamp {
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    display:flex !important;
    flex:1 1 0 !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    width:auto !important;
    height:44px !important;
    box-sizing:border-box !important;
    border:1px solid rgba(247,211,151,.8) !important;
    border-radius:10px !important;
    background:linear-gradient(180deg,rgba(35,25,22,.94),rgba(10,17,19,.96)) !important;
    color:#fff1d8 !important;
    text-decoration:none !important;
    box-shadow:0 3px 10px rgba(0,0,0,.36) !important;
    font:800 12px/1 Arial,sans-serif !important;
    letter-spacing:.01em !important;
    white-space:nowrap !important;
  }
  .contact-socials .social-stamp__mark {
    display:grid !important;
    place-items:center !important;
    flex:none !important;
    width:24px !important;
    height:24px !important;
    border-radius:6px !important;
    background:#2866ac !important;
    color:#fff !important;
    font:900 20px/1 Arial,sans-serif !important;
  }
  .contact-socials .social-stamp--instagram .social-stamp__mark {
    background:linear-gradient(135deg,#7145b6,#d84987,#f29a39) !important;
    font-size:23px !important;
  }
  .contact-socials .social-stamp__name { display:inline !important; }
  .contact-socials .social-stamp[aria-disabled="true"] {
    opacity:.68 !important;
    cursor:default !important;
  }
  .contact-socials .social-stamp:focus-visible {
    outline:2px solid #fff0bf !important;
    outline-offset:2px !important;
  }
  .contact-mode-audio .contact-socials {
    left:auto !important;
    right:58px !important;
    bottom:58px !important;
    width:128px !important;
    height:88px !important;
    flex-direction:column !important;
    gap:6px !important;
  }
  .contact-mode-audio .contact-socials .social-stamp {
    width:100% !important;
    min-height:41px !important;
    height:41px !important;
    flex:1 1 auto !important;
    font-size:11px !important;
  }
}