@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Montserrat:wght@500;600;700;800;900&display=swap");

:root{
  --pao-bg:#090603;
  --pao-cream:#fff7e8;
  --pao-cream-2:#f7e7c0;
  --pao-gold-1:#fff3c9;
  --pao-gold-2:#e9bf68;
  --pao-gold-3:#d79f3b;
  --pao-gold-4:#b77927;
  --pao-brown-1:#724217;
  --pao-brown-2:#50290d;
  --pao-brown-3:#2a1305;
  --pao-brown-4:#160904;
  --pao-text-brown:#351d07;
  --pao-text-cream:#fff8e9;
  --pao-line-gold:rgba(255,232,176,.62);
  --pao-line-soft:rgba(255,232,176,.24);
  --pao-shadow-gold:0 16px 34px rgba(111,65,22,.22), inset 0 1px 0 rgba(255,255,255,.32);
  --pao-shadow-brown:0 16px 34px rgba(42,20,6,.28), inset 0 1px 0 rgba(255,255,255,.10);
  --pao-radius-xl:34px;
  --pao-radius-lg:26px;
  --pao-radius-md:18px;
}

*{box-sizing:border-box}

html{
  margin:0;
  padding:0;
  scroll-behavior:smooth;
  background:var(--pao-bg);
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  color:var(--pao-text-cream);
  font-family:"Montserrat",Arial,sans-serif;
  background:
    linear-gradient(180deg,rgba(40,20,5,.18),rgba(255,232,176,.08) 38%,rgba(40,20,5,.20)),
    url("assets/bg-modelo.webp?v=300-v34-auditoria-mega-limpa") center top/cover fixed no-repeat;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img,video{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
.container{width:min(100% - 36px,1160px);margin-inline:auto}

/* HEADER */
.site-header{
  position:sticky;
  top:12px;
  z-index:50;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  margin:14px auto 0;
  padding:10px 14px;
  border:1px solid var(--pao-line-soft);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(88,52,19,.86),rgba(42,22,7,.88));
  box-shadow:0 18px 58px rgba(36,18,4,.26),inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand-mark{
  width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(180deg,var(--pao-gold-1),var(--pao-gold-2) 55%,var(--pao-gold-3));
  color:var(--pao-text-brown);
  box-shadow:var(--pao-shadow-gold);
  font-weight:950;
}
.brand strong{display:block;white-space:nowrap;font-weight:950;color:var(--pao-text-cream);line-height:1}
.brand small{display:block;color:var(--pao-cream-2);font-size:.76rem;margin-top:3px;font-weight:800;text-shadow:0 1px 0 rgba(0,0,0,.28)}

.header-actions{display:flex;align-items:center;gap:8px}
.lang-switcher{
  display:flex;gap:4px;padding:4px;border-radius:999px;
  background:rgba(35,17,5,.68);
  border:1px solid var(--pao-line-soft);
}
.lang-btn{
  border:0;
  min-width:36px;min-height:32px;
  border-radius:999px;
  background:transparent;
  color:var(--pao-cream);
  cursor:pointer;
  font-weight:950;
}
.lang-btn.active{
  background:linear-gradient(180deg,var(--pao-gold-1),var(--pao-gold-2) 55%,var(--pao-gold-3));
  color:var(--pao-text-brown);
  box-shadow:var(--pao-shadow-gold);
}
.menu-toggle,.drawer-close{
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid var(--pao-line-soft);
  background:linear-gradient(180deg,var(--pao-brown-1),var(--pao-brown-2),var(--pao-brown-3));
  color:var(--pao-text-cream);
  cursor:pointer;
  box-shadow:var(--pao-shadow-brown);
}

/* DRAWER */
.drawer{position:fixed;inset:0;z-index:100;display:none}
.drawer.open{display:block}
.drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.52)}
.drawer-card{
  position:absolute;top:0;right:0;width:min(360px,88vw);height:100%;
  padding:22px;
  background:linear-gradient(180deg,rgba(76,43,15,.98),rgba(22,9,3,.98));
  border-left:1px solid var(--pao-line-soft);
  box-shadow:-22px 0 70px rgba(0,0,0,.36);
  display:grid;align-content:start;gap:12px;
}
.drawer-card .kicker{margin:8px 0}
.drawer-card a{
  padding:14px 16px;border-radius:18px;
  background:linear-gradient(180deg,var(--pao-brown-1),var(--pao-brown-2),var(--pao-brown-3));
  border:1px solid var(--pao-line-soft);
  font-weight:900;
}

/* HERO */
main{padding-bottom:50px}
.hero{padding-top:12px}
.top-message{
  width:min(800px,100%);
  margin:14px auto 16px;
  padding:13px 24px;
  text-align:center;
  border-radius:999px;
  color:var(--pao-text-cream);
  background:linear-gradient(180deg,rgba(90,53,19,.78),rgba(48,24,7,.80));
  border:1px solid var(--pao-line-soft);
  box-shadow:0 14px 38px rgba(36,18,4,.22),inset 0 1px 0 rgba(255,255,255,.10);
  font-weight:950;
}

.banner-card{
  width:min(100%,1140px);
  aspect-ratio:16/9;
  margin:0 auto 16px;
  padding:5px;
  overflow:hidden;
  border-radius:25px;
  background:linear-gradient(180deg,rgba(255,239,194,.22),rgba(108,66,18,.14));
  border:2px solid rgba(231,197,114,.64);
  box-shadow:0 24px 72px rgba(41,22,6,.28),0 0 0 1px rgba(255,232,176,.18),inset 0 1px 0 rgba(255,255,255,.22);
}
.banner-img{
  display:block;width:100%;height:100%;
  object-fit:cover;
  border-radius:19px;
}

/* IDENTITY + MAIN BUTTONS */
.identity-panel{
  text-align:center;
  margin:16px auto 0;
  max-width:min(1040px,100%);
  padding:24px 28px 28px;
  border-radius:30px;
  background:linear-gradient(180deg,rgba(88,54,24,.72),rgba(70,40,16,.58));
  border:1px solid rgba(226,191,111,.26);
  box-shadow:0 18px 44px rgba(46,23,6,.18), inset 0 1px 0 rgba(255,248,220,.10);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.identity-panel .kicker{color:var(--pao-gold-1);text-shadow:0 1px 0 rgba(49,25,8,.35)}
.identity-panel h1{
  color:var(--pao-text-cream);
  text-shadow:0 2px 0 rgba(52,27,8,.20),0 10px 26px rgba(42,20,5,.20);
  max-width:920px;
  margin:10px auto 18px;
}
.kicker,.faith-store-overline,.label{
  display:block;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.74rem;
  font-weight:950;
  color:#f1d48b;
  text-shadow:0 1px 1px rgba(0,0,0,.45);
}
h1,h2{
  font-family:"Cormorant Garamond",Georgia,serif;
  color:var(--pao-text-cream);
  text-shadow:0 10px 32px rgba(0,0,0,.36);
}
h1{
  max-width:840px;
  margin:10px auto 18px;
  font-size:clamp(2.1rem,4vw,4rem);
  line-height:1.02;
}
h2{
  margin:8px 0 16px;
  text-align:center;
  font-size:clamp(2rem,4vw,3.8rem);
  line-height:1.02;
}

.main-buttons{
  width:min(1060px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}

/* SISTEMA DE BOTÕES */
.pill,.pill-button,.daily-prime-btn,.daily-push-activate,.radio-primary-cta,.outline-cta,.send-btn,.install-app-float,.back-top{
  min-height:56px;
  border-radius:999px;
  border:1px solid transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:12px 22px;
  font-weight:950;
  text-align:center;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.btn-gold,.main-buttons .pill:nth-child(1),.main-buttons .pill:nth-child(3),.main-buttons .pill:nth-child(5),
#main-share-app,#daily-share-app,#shareRadio,#shareStore,.daily-push-activate,.install-app-float,.back-top{
  background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%);
  color:var(--pao-text-brown);
  border-color:var(--pao-line-gold);
  box-shadow:var(--pao-shadow-gold);
}
.btn-brown,.main-buttons .pill:nth-child(2),.main-buttons .pill:nth-child(4),
#radio-player-toggle,#openStoreLink,.outline-cta:not(#shareRadio):not(#openStoreLink),.send-btn:not(#shareStore){
  background:linear-gradient(180deg,var(--pao-brown-1) 0%,var(--pao-brown-2) 52%,var(--pao-brown-3) 100%);
  color:var(--pao-text-cream);
  border-color:var(--pao-line-soft);
  box-shadow:var(--pao-shadow-brown);
}
.cta-icon{
  width:30px;height:30px;min-width:30px;min-height:30px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  background:rgba(82,44,12,.14);
  border:1.8px solid rgba(82,44,12,.82);
  color:#f3cf79;
  -webkit-text-fill-color:#f3cf79;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
  line-height:1;
  font-weight:950;
}
#main-share-app,#daily-share-app,#shareRadio{overflow:hidden}
#main-share-app::before,#daily-share-app::before,#shareRadio::before{content:none!important;display:none!important}

/* PAINÉIS */
.panel{
  width:min(100% - 36px,1160px);
  margin:26px auto 0;
  padding:28px;
  border-radius:var(--pao-radius-xl);
  background:linear-gradient(180deg,rgba(92,62,26,.72),rgba(48,27,9,.72));
  border:1px solid var(--pao-line-soft);
  box-shadow:0 24px 70px rgba(32,16,4,.25),inset 0 1px 0 rgba(255,255,255,.10);
  backdrop-filter:blur(12px);
}
.panel>p,.radio-lead,.contact-lead,.faith-store-lead{
  text-align:center;
  color:var(--pao-cream);
  font-weight:700;
  line-height:1.55;
}
.daily-card{
  max-width:960px;margin:0 auto;text-align:center;
  padding:24px;border-radius:24px;
  background:linear-gradient(180deg,rgba(35,17,5,.78),rgba(20,9,3,.82));
  border:1px solid var(--pao-line-soft);
}
.daily-card h3{
  margin:10px auto;
  font-size:clamp(1.35rem,2.4vw,2.2rem);
  color:var(--pao-text-cream);
}
.line{height:1px;width:min(620px,90%);margin:16px auto;background:linear-gradient(90deg,transparent,var(--pao-gold-2),transparent)}
.daily-prime-actions{
  display:grid;
  grid-template-columns:1fr 1.15fr;
  gap:14px;
  align-items:center;
  margin:20px auto 0;
  max-width:760px;
}
.daily-push-prime{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  min-height:56px;
  padding:7px 8px 7px 20px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--pao-brown-1),var(--pao-brown-2),var(--pao-brown-3));
  border:1px solid var(--pao-line-soft);
  box-shadow:var(--pao-shadow-brown);
}
.daily-push-copy{font-weight:950;color:var(--pao-text-cream);text-align:center}

/* RÁDIO */
.radio-compact-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:22px;
  align-items:stretch;
}
.radio-video-card,.pao-video-frame{
  overflow:hidden;
  border-radius:20px;
  background:#140904;
  border:1px solid var(--pao-line-soft);
  box-shadow:0 16px 42px rgba(42,22,5,.24),0 0 22px rgba(231,197,114,.12);
}
.radio-video,.pao-video-embed{display:block;width:100%;height:100%;object-fit:cover}
.rogerio-radio-led-panel{
  margin-top:14px;
  padding:8px;
  border-radius:18px;
  background:linear-gradient(180deg,var(--pao-brown-1),var(--pao-brown-2),var(--pao-brown-3));
  border:1px solid var(--pao-line-soft);
  box-shadow:var(--pao-shadow-brown);
}
.rogerio-radio-led-window{overflow:hidden;white-space:nowrap}
.rogerio-radio-led-track{display:flex;width:max-content;animation:ledScroll 28s linear infinite}
.rogerio-radio-led-group{display:flex;gap:18px;padding-right:18px;color:#f6d88d;font-weight:950}
.rogerio-radio-led-sep{color:var(--pao-gold-1)}
@keyframes ledScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.radio-player-box{margin-top:18px}
.radio-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pao-video-panel{
  display:grid;
  align-content:start;
  gap:18px;
  padding:20px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(35,17,5,.82),rgba(20,9,3,.84));
  border:1px solid var(--pao-line-soft);
}
.pao-video-copy{text-align:center}

/* LOJA */
.store-panel{padding:28px}
.faith-store-premium-header{
  text-align:center;
  padding:22px 18px;
  margin-bottom:18px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(18,13,8,.92),rgba(10,9,7,.94));
  border:1px solid rgba(255,232,176,.18);
}
.faith-store-premium-header h2{color:#f4d892}
.faith-store-flourish,.faith-store-divider{
  width:min(220px,70%);
  height:1px;
  margin:10px auto;
  background:linear-gradient(90deg,transparent,var(--pao-gold-2),transparent);
}
.faith-store-shell{position:relative}
.faith-store-window{overflow:hidden;scroll-behavior:smooth}
.faith-store-track{display:flex;gap:18px;align-items:stretch}
.faith-store-card{
  flex:0 0 220px;
  overflow:hidden;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(21,17,12,.96),rgba(10,9,7,.98));
  border:1px solid rgba(255,232,176,.22);
  box-shadow:0 16px 34px rgba(20,10,3,.22);
}
.faith-store-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;filter:saturate(.95) sepia(.08)}
.faith-store-card-body{
  min-height:82px;
  display:flex;
  gap:8px;
  align-items:center;
  padding:12px;
  color:#f1d48b;
}
.faith-store-card-body strong{display:block;color:#f1d48b;text-transform:uppercase;font-weight:950}
.faith-store-card-body small{display:block;color:#e5d3ad;font-weight:700}
.faith-store-icon{
  width:34px;height:34px;border-radius:12px;
  display:grid;place-items:center;
  background:linear-gradient(180deg,var(--pao-gold-1),var(--pao-gold-2),var(--pao-gold-3));
  color:var(--pao-text-brown);
}
.faith-store-arrow{
  position:absolute;top:50%;transform:translateY(-50%);
  width:58px;height:58px;border-radius:50%;
  border:1px solid var(--pao-line-soft);
  background:linear-gradient(180deg,var(--pao-brown-1),var(--pao-brown-2),var(--pao-brown-3));
  color:var(--pao-text-cream);
  box-shadow:var(--pao-shadow-brown);
  z-index:5;
  cursor:pointer;
  font-size:2rem;
}
.faith-store-arrow.prev{left:-18px}
.faith-store-arrow.next{right:-18px}
.faith-store-dots{display:flex;justify-content:center;gap:8px;margin:18px auto}
.faith-store-dots button{
  width:8px;height:8px;border-radius:99px;border:0;
  background:rgba(231,197,114,.42);
}
.faith-store-dots button.active{width:28px;background:linear-gradient(90deg,var(--pao-gold-1),var(--pao-gold-3))}
.faith-store-promo-line{
  width:min(760px,100%);
  margin:16px auto 14px;
  padding:13px 18px;
  border-radius:999px;
  text-align:center;
  background:linear-gradient(180deg,var(--pao-brown-1),var(--pao-brown-2),var(--pao-brown-3));
  color:var(--pao-text-cream);
  border:1px solid var(--pao-line-soft);
  font-weight:950;
}
.faith-store-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  width:min(780px,100%);
  margin:0 auto;
}
#shareStore,#openStoreLink{
  opacity:1!important;
  filter:none!important;
  cursor:not-allowed!important;
}

/* COMUNIDADE */
.quick-grid-prime,.quick-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.quick-card{
  min-height:150px;
  border-radius:26px!important;
  padding:20px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
  background:linear-gradient(180deg,var(--pao-brown-1),var(--pao-brown-2),var(--pao-brown-3));
  color:var(--pao-text-cream);
  border:1px solid var(--pao-line-soft);
  box-shadow:var(--pao-shadow-brown);
}
.quick-card:nth-child(odd){
  background:linear-gradient(180deg,var(--pao-gold-1),var(--pao-gold-2),var(--pao-gold-3));
  color:var(--pao-text-brown);
  border-color:var(--pao-line-gold);
  box-shadow:var(--pao-shadow-gold);
}
.quick-card b{font-weight:950}
.quick-card small{font-weight:800;opacity:.92}
.quick-card:nth-child(odd) b,.quick-card:nth-child(odd) small{color:var(--pao-text-brown)}
.quick-card:nth-child(even) b,.quick-card:nth-child(even) small{color:var(--pao-text-cream)}
.icon-badge{
  width:48px;height:48px;border-radius:16px;
  display:grid;place-items:center;
  background:linear-gradient(180deg,var(--pao-gold-1),var(--pao-gold-2),var(--pao-gold-3));
  color:var(--pao-text-brown);
  border:1px solid var(--pao-line-gold);
  box-shadow:var(--pao-shadow-gold);
}
#quick-share .icon-badge{
  border-radius:50%;
  background:rgba(82,44,12,.14);
  border:1.8px solid rgba(82,44,12,.82);
  color:#f3cf79;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
}

/* INSTALAR / FOOTER */
.install-card{
  text-align:center;
}
.install-app-float{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:60;
}
.back-top{
  position:fixed;
  right:18px;
  bottom:86px;
  width:50px;height:50px;
  border-radius:50%;
  padding:0;
}
footer,.footer{
  text-align:center;
  color:var(--pao-cream);
  padding:30px 0;
}

/* HOVER */
@media (hover:hover){
  .pill:hover,.pill-button:hover,.daily-prime-btn:hover,.daily-push-activate:hover,.radio-primary-cta:hover,.outline-cta:hover,.send-btn:hover,.quick-card:hover,.faith-store-arrow:hover,.install-app-float:hover,.back-top:hover{
    transform:translateY(-2px);
    filter:brightness(1.03);
  }
}

/* MOBILE */
@media(max-width:920px){
  body{background-attachment:scroll}
  .container,.panel{width:min(100% - 18px,1160px)}
  .site-header{top:8px;border-radius:24px}
  .brand small{display:none}
  h1{font-size:clamp(1.75rem,8vw,2.6rem)}
  .main-buttons{grid-template-columns:1fr;gap:10px}
  .daily-prime-actions,.radio-compact-grid,.radio-actions-row,.faith-store-actions,.quick-grid-prime,.quick-grid{grid-template-columns:1fr!important}
  .panel{padding:16px;border-radius:24px}
  .banner-card{border-radius:18px;padding:3px}
  .banner-img{border-radius:14px}
  .faith-store-arrow{display:none}
  .faith-store-card{flex-basis:210px}
  .quick-card{min-height:132px;border-radius:22px!important}
  .daily-push-prime{grid-template-columns:1fr}
}

@media(max-width:520px){
  .lang-switcher{display:none}
  .top-message{font-size:.88rem;padding:10px 14px}
  .pill,.pill-button,.daily-prime-btn,.daily-push-activate,.radio-primary-cta,.outline-cta,.send-btn{width:100%}
}

/* VARREDURA FINAL: nenhum visual azul/ciano autorizado nesta base */
[class*="blue"],[class*="cyan"]{
  border-color:var(--pao-line-soft)!important;
  color:inherit!important;
}




/* =========================================================
   PÃO 300 v22 — AUDITORIA CIRÚRGICA FINAL
   Correções exatas:
   1) Rádio travada: vídeo nunca estoura a tela.
   2) Botões: ouro/marrom, ícones dentro, sem escape visual.
   3) Loja: botões seguem padrão do app.
   4) Comunidade: cards retangulares premium, intercalando ouro/marrom.
   5) Sem azul/ciano, sem pseudo-camada problemática nos CTAs.
   ========================================================= */

/* VARIÁVEIS DE SEGURANÇA */
:root{
  --pao-v22-gold-1:#fff3c9;
  --pao-v22-gold-2:#e9bf68;
  --pao-v22-gold-3:#d79f3b;
  --pao-v22-brown-1:#724217;
  --pao-v22-brown-2:#50290d;
  --pao-v22-brown-3:#2a1305;
  --pao-v22-text-brown:#351d07;
  --pao-v22-text-cream:#fff8e9;
  --pao-v22-line-gold:rgba(255,232,176,.70);
  --pao-v22-line-brown:rgba(255,226,158,.38);
  --pao-v22-shadow-gold:0 16px 34px rgba(111,65,22,.22), inset 0 1px 0 rgba(255,255,255,.34);
  --pao-v22-shadow-brown:0 16px 34px rgba(42,20,6,.28), inset 0 1px 0 rgba(255,255,255,.11);
}

/* ===== 1) RÁDIO: TRAVA DE LAYOUT PARA NÃO ESTOURAR ===== */
#radio.panel,
section#radio.radio-media-hub,
section#radio.radio-partner-panel{
  width:min(100% - 36px,1160px)!important;
  max-width:1160px!important;
  margin:26px auto 0!important;
  padding:28px!important;
  overflow:hidden!important;
  border-radius:34px!important;
}

#radio .radio-compact-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,.92fr)!important;
  gap:22px!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}

#radio .radio-core-column,
#radio .pao-video-panel{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

#radio .radio-video-card{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  max-height:360px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  background:#140904!important;
  border:1px solid var(--pao-v22-line-brown)!important;
  box-shadow:0 16px 42px rgba(42,22,5,.24),0 0 22px rgba(231,197,114,.12)!important;
}

#radio .radio-video,
#radio .radio-video-card video{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  max-width:100%!important;
  max-height:100%!important;
}

#radio .pao-video-panel{
  display:grid!important;
  align-content:start!important;
  gap:18px!important;
  padding:20px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(35,17,5,.82),rgba(20,9,3,.84))!important;
  border:1px solid var(--pao-v22-line-brown)!important;
}

#radio .pao-video-frame{
  position:relative!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  max-height:300px!important;
  overflow:hidden!important;
  border-radius:20px!important;
  border:1px solid var(--pao-v22-line-brown)!important;
}

#radio .pao-video-frame video,
#radio .pao-video-embed{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* LED da rádio: marrom + dourado, sem azul */
#radio .rogerio-radio-led-panel,
#radio .rogerio-radio-led-window{
  background:linear-gradient(180deg,var(--pao-v22-brown-1),var(--pao-v22-brown-2),var(--pao-v22-brown-3))!important;
  border-color:var(--pao-v22-line-brown)!important;
  box-shadow:var(--pao-v22-shadow-brown)!important;
  overflow:hidden!important;
}
#radio .rogerio-radio-led-track,
#radio .rogerio-radio-led-group,
#radio .rogerio-radio-led-group span,
#radio [id^="radio-led-text"]{
  color:#f6d88d!important;
  -webkit-text-fill-color:#f6d88d!important;
  text-shadow:0 0 10px rgba(231,197,114,.20),0 1px 1px rgba(0,0,0,.55)!important;
}
#radio .rogerio-radio-led-sep{
  color:#fff2c8!important;
  -webkit-text-fill-color:#fff2c8!important;
}

/* ===== 2) BOTÕES PRINCIPAIS: SEM ÍCONE SOLTO ===== */
#main-share-app,
#daily-share-app,
#shareRadio,
#radio-player-toggle,
#shareStore,
#openStoreLink,
.main-buttons .pill,
.main-buttons .pill-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-height:56px!important;
  border-radius:999px!important;
  padding:12px 22px!important;
  font-weight:950!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:hidden!important;
  line-height:1.12!important;
}

/* remove pseudo-ícones antigos que causavam deslocamento */
#main-share-app::before,
#daily-share-app::before,
#shareRadio::before,
.app-share-cta::before,
.radio-share-cta::before{
  content:none!important;
  display:none!important;
}

/* ícones explícitos */
#main-share-app .cta-icon,
#daily-share-app .cta-icon,
#shareRadio .cta-icon{
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  border-radius:50%!important;
  display:inline-grid!important;
  place-items:center!important;
  background:rgba(82,44,12,.14)!important;
  border:1.8px solid rgba(82,44,12,.82)!important;
  color:#f3cf79!important;
  -webkit-text-fill-color:#f3cf79!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
  margin:0!important;
  position:static!important;
  transform:none!important;
}

/* ouro */
#main-share-app,
#daily-share-app,
#shareRadio,
#shareStore,
.main-buttons .pill:nth-child(1),
.main-buttons .pill:nth-child(3),
.main-buttons .pill:nth-child(5){
  background:linear-gradient(180deg,var(--pao-v22-gold-1) 0%,var(--pao-v22-gold-2) 54%,var(--pao-v22-gold-3) 100%)!important;
  color:var(--pao-v22-text-brown)!important;
  -webkit-text-fill-color:var(--pao-v22-text-brown)!important;
  border:1px solid var(--pao-v22-line-gold)!important;
  box-shadow:var(--pao-v22-shadow-gold)!important;
}

/* marrom */
#radio-player-toggle,
#openStoreLink,
.main-buttons .pill:nth-child(2),
.main-buttons .pill:nth-child(4){
  background:linear-gradient(180deg,var(--pao-v22-brown-1) 0%,var(--pao-v22-brown-2) 52%,var(--pao-v22-brown-3) 100%)!important;
  color:var(--pao-v22-text-cream)!important;
  -webkit-text-fill-color:var(--pao-v22-text-cream)!important;
  border:1px solid var(--pao-v22-line-brown)!important;
  box-shadow:var(--pao-v22-shadow-brown)!important;
}

/* ===== 3) LOJA: BOTÕES PADRONIZADOS ===== */
#loja .faith-store-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  width:min(780px,100%)!important;
  margin:0 auto!important;
}

#loja #shareStore,
#loja #openStoreLink{
  opacity:1!important;
  filter:none!important;
  cursor:not-allowed!important;
  min-height:58px!important;
  border-radius:999px!important;
  font-weight:950!important;
  text-align:center!important;
}

#loja #shareStore{
  background:linear-gradient(180deg,var(--pao-v22-gold-1) 0%,var(--pao-v22-gold-2) 54%,var(--pao-v22-gold-3) 100%)!important;
  color:var(--pao-v22-text-brown)!important;
  -webkit-text-fill-color:var(--pao-v22-text-brown)!important;
  border:1px solid var(--pao-v22-line-gold)!important;
  box-shadow:var(--pao-v22-shadow-gold)!important;
}

#loja #openStoreLink{
  background:linear-gradient(180deg,var(--pao-v22-brown-1) 0%,var(--pao-v22-brown-2) 52%,var(--pao-v22-brown-3) 100%)!important;
  color:var(--pao-v22-text-cream)!important;
  -webkit-text-fill-color:var(--pao-v22-text-cream)!important;
  border:1px solid var(--pao-v22-line-brown)!important;
  box-shadow:var(--pao-v22-shadow-brown)!important;
}

/* ===== 4) COMUNIDADE: CARDS RETANGULARES + INTERCALADOS ===== */
#comunidade .quick-grid,
#comunidade .quick-grid-prime,
#comunidade .contact-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}

#comunidade .quick-card{
  width:100%!important;
  min-height:150px!important;
  border-radius:26px!important;
  padding:20px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  text-align:center!important;
  box-shadow:var(--pao-v22-shadow-brown)!important;
  transform:none!important;
}

#comunidade .quick-card:nth-child(odd){
  background:linear-gradient(180deg,var(--pao-v22-gold-1) 0%,var(--pao-v22-gold-2) 54%,var(--pao-v22-gold-3) 100%)!important;
  color:var(--pao-v22-text-brown)!important;
  -webkit-text-fill-color:var(--pao-v22-text-brown)!important;
  border:1px solid var(--pao-v22-line-gold)!important;
  box-shadow:var(--pao-v22-shadow-gold)!important;
}

#comunidade .quick-card:nth-child(even){
  background:linear-gradient(180deg,var(--pao-v22-brown-1) 0%,var(--pao-v22-brown-2) 52%,var(--pao-v22-brown-3) 100%)!important;
  color:var(--pao-v22-text-cream)!important;
  -webkit-text-fill-color:var(--pao-v22-text-cream)!important;
  border:1px solid var(--pao-v22-line-brown)!important;
  box-shadow:var(--pao-v22-shadow-brown)!important;
}

#comunidade .quick-card b,
#comunidade .quick-card small{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}

#comunidade .icon-badge{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(180deg,var(--pao-v22-gold-1) 0%,var(--pao-v22-gold-2) 54%,var(--pao-v22-gold-3) 100%)!important;
  color:var(--pao-v22-text-brown)!important;
  -webkit-text-fill-color:var(--pao-v22-text-brown)!important;
  border:1px solid var(--pao-v22-line-gold)!important;
  box-shadow:var(--pao-v22-shadow-gold)!important;
}

/* primeiro card Compartilhar App: ícone redondo marrom vazado + flecha dourada */
#comunidade #quick-share .icon-badge{
  border-radius:50%!important;
  background:rgba(82,44,12,.14)!important;
  border:1.8px solid rgba(82,44,12,.82)!important;
  color:#f3cf79!important;
  -webkit-text-fill-color:#f3cf79!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
}

/* ===== 5) RESPONSIVO ===== */
@media(max-width:920px){
  #radio .radio-compact-grid{
    grid-template-columns:1fr!important;
  }
  #radio .radio-video-card,
  #radio .pao-video-frame{
    max-height:none!important;
  }
  #comunidade .quick-grid,
  #comunidade .quick-grid-prime,
  #comunidade .contact-actions{
    grid-template-columns:1fr!important;
  }
  #loja .faith-store-actions{
    grid-template-columns:1fr!important;
  }
  .main-buttons{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:520px){
  #main-share-app,
  #daily-share-app,
  #shareRadio,
  #radio-player-toggle,
  #shareStore,
  #openStoreLink{
    width:100%!important;
  }
}

/* ===== 6) VARREDURA FINAL SEM AZUL/CYAN ===== */
[class*="blue"],
[class*="cyan"]{
  border-color:var(--pao-v22-line-brown)!important;
  color:inherit!important;
}


/* v22 auditoria: aliases lowercase de segurança para botões da loja */
#loja #sharestore,
#loja #openstorelink{
  border-radius:999px!important;
}



/* =========================================================
   PÃO 300 v23 — LOGO CIRCULAR OFICIAL NO TOPO
   Aplicação limpa: substitui o símbolo antigo pela logo circular aprovada.
   ========================================================= */

.brand-logo-mark{
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#fff3c9,#e9bf68 54%,#d79f3b 100%)!important;
  border:2px solid rgba(255,232,176,.74)!important;
  box-shadow:0 14px 30px rgba(42,20,6,.28),0 0 18px rgba(231,197,114,.22),inset 0 1px 0 rgba(255,255,255,.26)!important;
}

.brand-logo-mark img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
}

@media(max-width:920px){
  .brand-logo-mark{
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
  }
}

@media(max-width:520px){
  .brand-logo-mark{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }
}


/* =========================================================
   PÃO 300 v24 — AUDITORIA GERAL DOS ÍCONES E BOTÕES
   Ajustes cirúrgicos solicitados:
   1) todas as bolinhas de compartilhamento = marrom sólido
      com símbolo dourado.
   2) revisão visual do botão Compartilhar o App do topo.
   3) cards da comunidade com ícones padronizados.
   4) botões da loja e ações mantendo a lógica gold/brown.
   ========================================================= */

/* Topo: evita corte do 5º botão e mantém leitura */
.main-buttons{
  width:min(1100px,100%)!important;
  gap:10px!important;
}
.main-buttons .pill,
.main-buttons .pill-button{
  padding:12px 16px!important;
  gap:10px!important;
  font-size:.98rem!important;
}

/* Regra final das bolinhas dos botões de compartilhamento */
#main-share-app .cta-icon,
#daily-share-app .cta-icon,
#shareRadio .cta-icon,
#quick-share .icon-badge{
  background:linear-gradient(180deg,var(--pao-v22-brown-1) 0%,var(--pao-v22-brown-2) 52%,var(--pao-v22-brown-3) 100%)!important;
  border:1.6px solid rgba(255,231,175,.32)!important;
  color:var(--pao-v22-gold-2)!important;
  -webkit-text-fill-color:var(--pao-v22-gold-2)!important;
  box-shadow:0 10px 22px rgba(35,18,5,.18), inset 0 1px 0 rgba(255,255,255,.08)!important;
}

#main-share-app .cta-icon,
#daily-share-app .cta-icon,
#shareRadio .cta-icon{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
  border-radius:50%!important;
}

/* Compartilhar o app dentro da comunidade */
#comunidade #quick-share{
  background:linear-gradient(180deg,var(--pao-v22-gold-1) 0%,var(--pao-v22-gold-2) 54%,var(--pao-v22-gold-3) 100%)!important;
  color:var(--pao-v22-text-brown)!important;
  border:1px solid var(--pao-v22-line-gold)!important;
  box-shadow:var(--pao-v22-shadow-gold)!important;
}
#comunidade #quick-share b,
#comunidade #quick-share small{
  color:var(--pao-v22-text-brown)!important;
  -webkit-text-fill-color:var(--pao-v22-text-brown)!important;
}

/* Comunidade: todos os ícones em círculo e alternando cores com o card */
#comunidade .icon-badge{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  font-weight:950!important;
}
#comunidade .quick-card:nth-child(odd) .icon-badge{
  background:linear-gradient(180deg,var(--pao-v22-brown-1) 0%,var(--pao-v22-brown-2) 52%,var(--pao-v22-brown-3) 100%)!important;
  color:var(--pao-v22-gold-2)!important;
  -webkit-text-fill-color:var(--pao-v22-gold-2)!important;
  border:1.6px solid rgba(255,231,175,.32)!important;
  box-shadow:0 10px 22px rgba(35,18,5,.18), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#comunidade .quick-card:nth-child(even) .icon-badge{
  background:linear-gradient(180deg,var(--pao-v22-gold-1) 0%,var(--pao-v22-gold-2) 54%,var(--pao-v22-gold-3) 100%)!important;
  color:var(--pao-v22-text-brown)!important;
  -webkit-text-fill-color:var(--pao-v22-text-brown)!important;
  border:1px solid var(--pao-v22-line-gold)!important;
  box-shadow:var(--pao-v22-shadow-gold)!important;
}

/* Loja: reforço final dos dois botões no padrão correto */
#loja #shareStore{
  background:linear-gradient(180deg,var(--pao-v22-gold-1) 0%,var(--pao-v22-gold-2) 54%,var(--pao-v22-gold-3) 100%)!important;
  color:var(--pao-v22-text-brown)!important;
  -webkit-text-fill-color:var(--pao-v22-text-brown)!important;
  border:1px solid var(--pao-v22-line-gold)!important;
  box-shadow:var(--pao-v22-shadow-gold)!important;
}
#loja #openStoreLink{
  background:linear-gradient(180deg,var(--pao-v22-brown-1) 0%,var(--pao-v22-brown-2) 52%,var(--pao-v22-brown-3) 100%)!important;
  color:var(--pao-v22-text-cream)!important;
  -webkit-text-fill-color:var(--pao-v22-text-cream)!important;
  border:1px solid var(--pao-v22-line-brown)!important;
  box-shadow:var(--pao-v22-shadow-brown)!important;
}

/* Respiro extra para o 5º botão em telas menores */
@media(max-width:1200px){
  .main-buttons{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;}
  .main-buttons .pill,.main-buttons .pill-button{padding:11px 14px!important;font-size:.95rem!important;}
}
@media(max-width:980px){
  .main-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:620px){
  .main-buttons{grid-template-columns:1fr!important;}
}


/* =========================================================
   PÃO 300 v25 — ajuste final solicitado
   1) bolinhas de compartilhamento com acabamento marrom sólido
   2) texto do push em uma linha para visual prime
   ========================================================= */

/* Bolinha marrom mais forte e com acabamento premium */
#main-share-app .cta-icon,
#daily-share-app .cta-icon,
#shareRadio .cta-icon,
#quick-share .icon-badge{
  background:linear-gradient(180deg,#6f3c10 0%, #4c2508 52%, #2a1204 100%)!important;
  border:1.8px solid rgba(255,226,156,.38)!important;
  color:#f2cd69!important;
  -webkit-text-fill-color:#f2cd69!important;
  box-shadow:0 12px 26px rgba(34,14,3,.24), inset 0 1px 0 rgba(255,255,255,.06)!important;
}

/* Card compartilhar o app da comunidade com acabamento melhor */
#comunidade #quick-share{
  border:1px solid rgba(255,238,189,.78)!important;
  box-shadow:0 16px 34px rgba(53,24,5,.22), inset 0 1px 0 rgba(255,255,255,.22)!important;
}

/* Palavra do dia: texto em uma linha */
.daily-push-prime{
  grid-template-columns:minmax(0,1fr) auto!important;
  padding:7px 8px 7px 18px!important;
}
.daily-push-copy{
  white-space:nowrap!important;
  font-size:clamp(.8rem,1.25vw,.98rem)!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  text-align:center!important;
}

@media(max-width:760px){
  .daily-push-copy{
    font-size:.8rem!important;
  }
}


/* =========================================================
   PÃO 300 v26 — correção exata solicitada
   1) bolinha do Compartilhar o App = marrom sólido + seta dourada
   2) respiro extra no 5º botão do topo para não cortar
   ========================================================= */

/* 5º botão do topo com mais respiro para não cortar na lateral */
.main-buttons{
  width:min(1120px,100%)!important;
  box-sizing:border-box!important;
  padding-inline:6px!important;
  gap:10px!important;
}
.main-buttons .pill,
.main-buttons .pill-button{
  min-width:0!important;
  padding:12px 14px!important;
  font-size:.94rem!important;
}
#main-share-app span:last-child{
  display:block!important;
}

/* REGRA FINAL ABSOLUTA — card Compartilhar o App da comunidade */
#comunidade #quick-share .icon-badge{
  border-radius:50%!important;
  background:linear-gradient(180deg,#6c3a12 0%, #4b2509 55%, #2b1204 100%)!important;
  border:1.8px solid rgba(245,224,165,.34)!important;
  color:#f0cb6e!important;
  -webkit-text-fill-color:#f0cb6e!important;
  box-shadow:0 10px 22px rgba(37,16,4,.22), inset 0 1px 0 rgba(255,255,255,.05)!important;
}

/* mesma lógica para outros compartilhamentos */
#main-share-app .cta-icon,
#daily-share-app .cta-icon,
#shareRadio .cta-icon{
  background:linear-gradient(180deg,#6c3a12 0%, #4b2509 55%, #2b1204 100%)!important;
  border:1.8px solid rgba(245,224,165,.34)!important;
  color:#f0cb6e!important;
  -webkit-text-fill-color:#f0cb6e!important;
  box-shadow:0 10px 22px rgba(37,16,4,.22), inset 0 1px 0 rgba(255,255,255,.05)!important;
}


/* =========================================================
   PÃO 300 v27 — ajuste cirúrgico do botão da Palavra do Dia
   Solicitação: “Receba essa Palavra todos os dias” menor e com respiro
   ========================================================= */
.daily-push-prime{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  padding:8px 10px 8px 16px!important;
}
.daily-push-copy{
  display:block!important;
  padding:0 10px!important;
  white-space:nowrap!important;
  font-size:clamp(.72rem,1.05vw,.90rem)!important;
  line-height:1.05!important;
  letter-spacing:-.015em!important;
  text-align:center!important;
}
.daily-push-activate{
  min-width:108px!important;
  padding:10px 20px!important;
}

@media (max-width:760px){
  .daily-push-prime{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    padding:7px 8px 7px 12px!important;
  }
  .daily-push-copy{
    padding:0 8px!important;
    font-size:.72rem!important;
  }
  .daily-push-activate{
    min-width:98px!important;
    padding:9px 16px!important;
  }
}


/* =========================================================
   PÃO 300 v28 — correção real do CTA "Receba essa Palavra..."
   Objetivo: 1 linha, mais respiro, sem sufocar no botão "Ativar"
   ========================================================= */
.daily-prime-actions{
  grid-template-columns:.96fr 1.34fr!important;
  max-width:820px!important;
  gap:16px!important;
}
.daily-push-prime{
  grid-template-columns:minmax(0,1fr) 112px!important;
  gap:14px!important;
  min-height:60px!important;
  padding:8px 10px 8px 18px!important;
  overflow:hidden!important;
}
.daily-push-copy{
  display:block!important;
  min-width:0!important;
  padding:0 8px 0 4px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  font-size:clamp(.60rem,.88vw,.80rem)!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
  text-align:center!important;
}
.daily-push-activate{
  width:112px!important;
  min-width:112px!important;
  padding:10px 18px!important;
  justify-self:end!important;
}

@media (max-width:900px){
  .daily-prime-actions{
    grid-template-columns:1fr 1.28fr!important;
    max-width:100%!important;
    gap:12px!important;
  }
  .daily-push-prime{
    grid-template-columns:minmax(0,1fr) 104px!important;
    gap:10px!important;
    padding:8px 8px 8px 14px!important;
  }
  .daily-push-copy{
    font-size:clamp(.58rem,.84vw,.74rem)!important;
    padding:0 6px 0 2px!important;
  }
  .daily-push-activate{
    width:104px!important;
    min-width:104px!important;
    padding:9px 14px!important;
  }
}

@media (max-width:760px){
  .daily-prime-actions{
    grid-template-columns:1fr!important;
  }
  .daily-push-prime{
    grid-template-columns:minmax(0,1fr) 100px!important;
    gap:10px!important;
    padding:8px 8px 8px 12px!important;
  }
  .daily-push-copy{
    font-size:.70rem!important;
    padding:0 6px 0 0!important;
  }
  .daily-push-activate{
    width:100px!important;
    min-width:100px!important;
    padding:9px 12px!important;
  }
}


/* =========================================================
   PÃO 300 v29 — LED limpo sem camada extra na grafia
   ========================================================= */
#radio .rogerio-radio-led-panel{
  padding:7px 10px !important;
}
#radio .rogerio-radio-led-window{
  background:transparent !important;
}
#radio .rogerio-radio-led-track,
#radio .rogerio-radio-led-group,
#radio .rogerio-radio-led-group span,
#radio [id^="radio-led-text"]{
  color:#f6d88d !important;
  -webkit-text-fill-color:#f6d88d !important;
  text-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
}
#radio .rogerio-radio-led-group{
  align-items:center !important;
  gap:16px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
}
#radio .rogerio-radio-led-sep{
  color:#d9b45c !important;
  -webkit-text-fill-color:#d9b45c !important;
  text-shadow:none !important;
}


/* =========================================================
   PÃO 300 v30 — remove linha fina superior do LED
   ========================================================= */
#radio .rogerio-radio-led-panel{
  background:linear-gradient(180deg,#6f4017 0%, #4b2710 52%, #351a0a 100%) !important;
  border:1px solid rgba(222,180,92,.32) !important;
  box-shadow:0 12px 24px rgba(34,15,4,.22) !important;
  overflow:hidden !important;
}
#radio .rogerio-radio-led-window{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
#radio .rogerio-radio-led-track,
#radio .rogerio-radio-led-group,
#radio .rogerio-radio-led-group span,
#radio [id^="radio-led-text"]{
  line-height:1.15 !important;
}


/* =========================================================
   PÃO 300 v31 — Carrossel ativo sem direcionamento
   ========================================================= */
#loja .faith-store-window{scroll-behavior:smooth;}
#loja .faith-store-card.is-preview-only,
#loja .faith-store-card.is-preview-only *{cursor:default !important;}
#loja .faith-store-card.is-preview-only{user-select:none;}
#loja .faith-store-dots{display:flex;justify-content:center;align-items:center;gap:10px;min-height:18px;}
#loja .faith-store-dot{width:10px;height:10px;border-radius:999px;border:1px solid rgba(233,195,102,.55);background:rgba(98,55,21,.55);box-shadow:none;transition:transform .25s ease, background .25s ease, border-color .25s ease;padding:0;}
#loja .faith-store-dot.is-active{background:linear-gradient(180deg,#f9e8b0 0%, #e1af44 100%);border-color:rgba(255,236,169,.9);transform:scale(1.15);}


/* =========================================================
   PÃO 300 v32 — LOJA COPIADA DO PADRÃO IGREJA MODELO
   Regra: sem direcionamento; carrossel ativo; cards prime; sem emojis; com EM BREVE.
   ========================================================= */
#loja{
  --btn-premium-border:rgba(231,197,114,.34);
  --btn-premium-border-strong:rgba(255,236,169,.82);
  --btn-premium-bg:linear-gradient(180deg,rgba(112,66,23,.96),rgba(74,39,12,.95),rgba(42,20,6,.94));
  --btn-premium-text:#f1d48b;
  --btn-premium-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(231,197,114,.08),0 0 18px rgba(231,197,114,.10),0 12px 28px rgba(0,0,0,.28);
  --btn-premium-shadow-hover:inset 0 1px 0 rgba(255,255,255,.11),0 0 0 1px rgba(231,197,114,.14),0 0 22px rgba(231,197,114,.14),0 14px 34px rgba(0,0,0,.31);
}
#loja.store-panel{padding-bottom:32px!important;overflow:hidden!important;}
#loja .faith-store-premium-header{padding-bottom:10px!important;}
#loja .faith-store-flourish{position:relative!important;width:min(260px,38%)!important;height:10px!important;margin:2px auto 16px!important;opacity:.56!important;background:linear-gradient(90deg,transparent,rgba(214,178,95,.26),transparent) center/100% 1px no-repeat!important;}
#loja .faith-store-flourish::before{content:""!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:5px!important;height:5px!important;border-radius:999px!important;background:rgba(220,184,106,.72)!important;box-shadow:0 0 8px rgba(214,178,95,.16)!important;}
#loja .faith-store-shell{max-width:1440px!important;margin-top:6px!important;position:relative!important;overflow:hidden!important;}
#loja .faith-store-window{padding:0 72px!important;overflow:hidden!important;scroll-behavior:auto!important;}
#loja .faith-store-track{display:flex!important;gap:14px!important;align-items:stretch!important;transition:transform .55s cubic-bezier(.22,.78,.32,1)!important;will-change:transform!important;}
#loja .faith-store-card{position:relative!important;flex:0 0 calc((100% - 42px)/4)!important;border-radius:18px!important;overflow:hidden!important;border:1px solid rgba(231,197,114,.34)!important;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015))!important;box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;transform:scale(.985)!important;opacity:.9!important;filter:saturate(.94)!important;cursor:default!important;user-select:none!important;}
#loja .faith-store-card.is-focus{opacity:1!important;transform:translateY(-3px)!important;box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 0 1px rgba(231,197,114,.08),0 0 18px rgba(231,197,114,.08)!important;filter:saturate(1)!important;}
#loja .faith-store-card.is-soft{opacity:.46!important;filter:brightness(.78) saturate(.72)!important;}
#loja .faith-store-card.is-preview-only::before{display:none!important;content:none!important;}
#loja .faith-store-card.is-primary-preview.is-preview-only::before{content:attr(data-preview-label)!important;display:block!important;position:absolute!important;top:12px!important;right:12px!important;left:auto!important;z-index:4!important;padding:6px 12px!important;border-radius:999px!important;border:1px solid rgba(231,197,114,.26)!important;background:rgba(6,8,10,.72)!important;backdrop-filter:blur(8px)!important;color:#f4d687!important;font-size:.64rem!important;font-weight:900!important;letter-spacing:.18em!important;line-height:1!important;text-transform:uppercase!important;box-shadow:0 8px 16px rgba(0,0,0,.16)!important;}
#loja .faith-store-card img{display:block!important;width:100%!important;height:190px!important;object-fit:cover!important;filter:saturate(.96) brightness(.96)!important;}
#loja .faith-store-card-body{display:grid!important;grid-template-columns:1fr!important;justify-items:start!important;gap:4px!important;padding:12px 14px 14px!important;min-height:78px!important;background:linear-gradient(180deg,rgba(8,10,13,.45),rgba(6,6,8,.92))!important;border-top:1px solid rgba(231,197,114,.12)!important;}
#loja .faith-store-icon{display:none!important;}
#loja .faith-store-card strong{display:block!important;color:#ecd08a!important;font-size:.88rem!important;letter-spacing:.08em!important;text-transform:uppercase!important;line-height:1.12!important;font-weight:950!important;}
#loja .faith-store-card small{display:block!important;margin-top:2px!important;color:rgba(255,246,228,.72)!important;font-size:.78rem!important;line-height:1.18!important;font-weight:700!important;max-width:95%!important;}
#loja .faith-store-promo-line{width:min(100%,760px)!important;max-width:760px!important;margin:14px auto 14px!important;min-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:13px 24px!important;border-radius:999px!important;border:1px solid var(--btn-premium-border)!important;background:var(--btn-premium-bg)!important;color:var(--btn-premium-text)!important;box-shadow:var(--btn-premium-shadow)!important;font-weight:950!important;text-align:center!important;letter-spacing:0!important;font-size:clamp(.88rem,1.18vw,.98rem)!important;line-height:1.45!important;}
#loja .faith-store-actions{width:min(100%,760px)!important;margin:12px auto 0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important;}
#loja .faith-store-actions .send-btn,#loja .faith-store-actions .outline-cta,#loja .faith-store-actions button,#loja .faith-store-actions a{width:100%!important;min-width:0!important;min-height:58px!important;margin:0!important;padding:15px 22px!important;border-radius:999px!important;border:1px solid var(--btn-premium-border)!important;background:var(--btn-premium-bg)!important;color:var(--btn-premium-text)!important;-webkit-text-fill-color:var(--btn-premium-text)!important;box-shadow:var(--btn-premium-shadow)!important;font-weight:950!important;text-align:center!important;opacity:1!important;filter:none!important;cursor:default!important;animation:none!important;}
#loja .faith-store-actions .send-btn:disabled,#loja .faith-store-actions .outline-cta:disabled,#loja .faith-store-actions button:disabled{opacity:1!important;filter:none!important;color:var(--btn-premium-text)!important;-webkit-text-fill-color:var(--btn-premium-text)!important;}
#loja .faith-store-dots{display:flex!important;justify-content:center!important;gap:8px!important;margin:16px auto!important;min-height:14px!important;align-items:center!important;}
#loja .faith-store-dots button{width:9px!important;height:9px!important;border-radius:99px!important;border:0!important;background:rgba(255,255,255,.28)!important;padding:0!important;box-shadow:none!important;}
#loja .faith-store-dots button.active{width:28px!important;background:linear-gradient(90deg,#f9e8b0 0%,#e6b85d 58%,#c9872e 100%)!important;box-shadow:0 0 14px rgba(231,197,114,.18)!important;}
#loja .faith-store-arrow{border:1px solid rgba(231,197,114,.30)!important;background:linear-gradient(180deg,rgba(112,66,23,.96),rgba(74,39,12,.95),rgba(42,20,6,.94))!important;color:#f1d48b!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 12px rgba(231,197,114,.10),0 10px 24px rgba(0,0,0,.26)!important;}
@media(hover:hover){#loja .faith-store-promo-line:hover,#loja .faith-store-actions .send-btn:hover,#loja .faith-store-actions .outline-cta:hover,#loja .faith-store-actions button:hover,#loja .faith-store-actions a:hover{transform:none!important;border-color:var(--btn-premium-border)!important;box-shadow:var(--btn-premium-shadow)!important;}}
@media(max-width:1100px){#loja .faith-store-window{padding:0 54px!important;}#loja .faith-store-card{flex-basis:calc((100% - 14px)/2)!important;}#loja .faith-store-card img{height:178px!important;}}
@media(max-width:760px){#loja .faith-store-window{padding:0 44px!important;}#loja .faith-store-card{flex-basis:100%!important;}#loja .faith-store-card img{height:210px!important;}#loja .faith-store-card-body{min-height:76px!important;}#loja .faith-store-card strong{font-size:.9rem!important;}#loja .faith-store-card small{font-size:.79rem!important;}#loja .faith-store-promo-line{width:min(100%,420px)!important;min-height:50px!important;font-size:.88rem!important;padding:12px 18px!important;}#loja .faith-store-actions{grid-template-columns:1fr!important;width:min(100%,420px)!important;gap:12px!important;}#loja .faith-store-actions .send-btn,#loja .faith-store-actions .outline-cta,#loja .faith-store-actions button,#loja .faith-store-actions a{min-height:54px!important;font-size:.92rem!important;}}

#loja .faith-store-arrow.prev{background:linear-gradient(180deg,var(--pao-brown-1),var(--pao-brown-2),var(--pao-brown-3))!important;color:var(--pao-gold-1)!important;border-color:rgba(231,197,114,.32)!important;box-shadow:var(--pao-shadow-brown)!important;}
#loja .faith-store-arrow.next{background:linear-gradient(180deg,var(--pao-gold-1),var(--pao-gold-2) 58%,var(--pao-gold-3))!important;color:var(--pao-text-brown)!important;border-color:rgba(255,244,205,.78)!important;box-shadow:var(--pao-shadow-gold)!important;}
#loja .faith-store-promo-line{border-color:rgba(231,197,114,.34)!important;background:linear-gradient(180deg,rgba(112,66,23,.96),rgba(74,39,12,.95),rgba(42,20,6,.94))!important;color:#f1d48b!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 14px rgba(231,197,114,.10),0 12px 28px rgba(0,0,0,.28)!important;}
#loja #shareStore{background:linear-gradient(180deg,var(--pao-gold-1),var(--pao-gold-2) 55%,var(--pao-gold-3))!important;color:var(--pao-text-brown)!important;-webkit-text-fill-color:var(--pao-text-brown)!important;border-color:rgba(255,244,205,.78)!important;box-shadow:var(--pao-shadow-gold)!important;}
#loja #openStoreLink{background:linear-gradient(180deg,var(--pao-brown-1),var(--pao-brown-2),var(--pao-brown-3))!important;color:var(--pao-gold-1)!important;-webkit-text-fill-color:var(--pao-gold-1)!important;border-color:rgba(231,197,114,.32)!important;box-shadow:var(--pao-shadow-brown)!important;}

#instalar{position:relative;display:block;width:0;height:0;overflow:hidden;}

@media (max-width: 768px){
  .identity-panel{padding:14px 16px 18px;border-radius:24px;}
  .identity-panel h1{max-width:100%;}
}

/* === V39 CORREÇÃO CIRÚRGICA: instalar app sem regressão === */
.install-app-float[hidden]{display:none!important;}
.install-app-float{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  bottom:18px!important;
  z-index:60!important;
}
.back-top{
  right:18px!important;
  bottom:86px!important;
}
.install-guide-modal[aria-hidden="true"]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.install-guide-modal[aria-hidden="false"]{
  position:fixed!important;
  inset:0!important;
  z-index:120!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.install-guide-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(18,8,3,.62)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.install-guide-card{
  position:relative!important;
  width:min(540px,calc(100vw - 32px))!important;
  max-height:min(82vh,620px)!important;
  overflow:auto!important;
  padding:30px 28px 26px!important;
  border-radius:28px!important;
  border:1px solid rgba(255,232,176,.36)!important;
  background:linear-gradient(180deg,rgba(92,55,20,.96),rgba(48,25,8,.97) 58%,rgba(25,11,4,.98))!important;
  box-shadow:0 30px 90px rgba(21,9,2,.45), inset 0 1px 0 rgba(255,255,255,.12)!important;
  color:var(--pao-text-cream)!important;
  text-align:left!important;
}
.install-guide-card .drawer-close{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  width:40px!important;
  height:40px!important;
  min-height:40px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,232,176,.35)!important;
  background:linear-gradient(180deg,var(--pao-brown-1),var(--pao-brown-2),var(--pao-brown-3))!important;
  color:var(--pao-gold-1)!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
.install-guide-card h3{
  margin:8px 0 18px!important;
  font-size:clamp(1.5rem,4vw,2.1rem)!important;
  line-height:1.05!important;
}
.install-guide-steps{
  margin:0 0 22px 20px!important;
  padding:0!important;
  display:grid!important;
  gap:10px!important;
}
.install-guide-steps li{line-height:1.35!important;}
.install-guide-ok{width:100%!important;}
@media(max-width:760px){
  .install-app-float{
    bottom:18px!important;
    min-width:148px!important;
    padding-inline:20px!important;
  }
  .install-guide-modal[aria-hidden="false"]{padding:18px!important;}
  .install-guide-card{
    border-radius:24px!important;
    padding:28px 22px 22px!important;
  }
}
.install-app-float:hover{transform:translateX(-50%) translateY(-2px)!important;}

.install-guide-modal[hidden]{display:none!important;}
.install-app-float[hidden]{display:none!important;}

/* =========================================================
   PÃO 300 v42 — APP NO MESMO PADRÃO DO SITE
   Ajustes cirúrgicos:
   1) botões principais do app em grade, lado a lado.
   2) botão Compartilhar o App com a mesma bolinha marrom + seta dourada.
   3) visual mobile seguindo o padrão da Igreja Modelo.
   ========================================================= */

/* ícones de compartilhar padronizados em toda a base */
#main-share-app .cta-icon,
#daily-share-app .cta-icon,
#shareRadio .cta-icon,
#quick-share .icon-badge{
  background:linear-gradient(180deg,#6c3a12 0%, #4b2509 55%, #2b1204 100%)!important;
  border:1.8px solid rgba(245,224,165,.34)!important;
  color:#f0cb6e!important;
  -webkit-text-fill-color:#f0cb6e!important;
  box-shadow:0 10px 22px rgba(37,16,4,.22), inset 0 1px 0 rgba(255,255,255,.05)!important;
  font-family:"Montserrat","Segoe UI Symbol","Arial Unicode MS",sans-serif!important;
  font-weight:900!important;
  line-height:1!important;
}

#main-share-app .cta-icon.arrow,
#daily-share-app .cta-icon.arrow,
#quick-share .icon-badge{
  font-size:15px!important;
}

#shareRadio .cta-icon.music{
  font-size:16px!important;
}

/* APP / MOBILE: botões do topo em grade como a Igreja Modelo */
@media(max-width:920px){
  .main-buttons{
    width:min(100%,640px)!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    margin:0 auto!important;
    padding-inline:0!important;
  }

  .main-buttons .pill,
  .main-buttons .pill-button{
    width:100%!important;
    min-width:0!important;
    min-height:72px!important;
    padding:14px 14px!important;
    font-size:clamp(.96rem,2.8vw,1.05rem)!important;
    line-height:1.08!important;
    white-space:normal!important;
    border-radius:28px!important;
  }

  #main-share-app{
    grid-column:1 / -1!important;
    max-width:440px!important;
    justify-self:center!important;
  }

  #main-share-app span:last-child{
    display:block!important;
  }
}

@media(max-width:560px){
  .main-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  .main-buttons .pill,
  .main-buttons .pill-button{
    min-height:68px!important;
    padding:12px 12px!important;
    font-size:.95rem!important;
  }

  #main-share-app{
    grid-column:1 / -1!important;
    width:min(100%,420px)!important;
  }
}

@media(max-width:390px){
  .main-buttons .pill,
  .main-buttons .pill-button{
    font-size:.9rem!important;
    padding:12px 10px!important;
  }
}

/* =========================================================
   PÃO 300 v43 — Correção real do APP/mobile
   1) intercalar cores sem virar coluna fixa.
   2) remover de vez a seta azul/emoji dos compartilhamentos.
   3) manter padrão visual do site dentro do app.
   ========================================================= */

/* remove qualquer emoji azul de seta: usa símbolo via CSS, marrom + dourado */
#main-share-app .cta-icon.arrow,
#daily-share-app .cta-icon.arrow,
#quick-share .icon-badge{
  font-size:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#6c3a12 0%, #4b2509 55%, #2b1204 100%)!important;
  border:1.8px solid rgba(245,224,165,.36)!important;
  color:#f0cb6e!important;
  -webkit-text-fill-color:#f0cb6e!important;
  box-shadow:0 10px 22px rgba(37,16,4,.22), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#main-share-app .cta-icon.arrow::after,
#daily-share-app .cta-icon.arrow::after,
#quick-share .icon-badge::after{
  content:"↗"!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
  color:#f0cb6e!important;
  -webkit-text-fill-color:#f0cb6e!important;
}

/* rádio: nota musical também no padrão marrom + dourado */
#shareRadio .cta-icon.music{
  font-size:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#6c3a12 0%, #4b2509 55%, #2b1204 100%)!important;
  border:1.8px solid rgba(245,224,165,.36)!important;
  color:#f0cb6e!important;
  -webkit-text-fill-color:#f0cb6e!important;
  box-shadow:0 10px 22px rgba(37,16,4,.22), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
#shareRadio .cta-icon.music::after{
  content:"♪"!important;
  font-family:Arial, Helvetica, sans-serif!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1!important;
  color:#f0cb6e!important;
  -webkit-text-fill-color:#f0cb6e!important;
}

/* APP/mobile: grade visual equilibrada, tipo Igreja Modelo, sem coluna toda amarela */
@media(max-width:920px){
  .main-buttons{
    width:min(100%,640px)!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    padding-inline:0!important;
    align-items:stretch!important;
  }

  .main-buttons .pill,
  .main-buttons .pill-button{
    width:100%!important;
    min-width:0!important;
    min-height:72px!important;
    padding:13px 12px!important;
    border-radius:28px!important;
    font-size:clamp(.95rem,2.8vw,1.05rem)!important;
    line-height:1.08!important;
    white-space:normal!important;
  }

  /* checkerboard premium: amarelo/marrom realmente intercalado no app */
  .main-buttons .pill:nth-child(1),
  .main-buttons .pill:nth-child(4){
    background:linear-gradient(180deg,var(--pao-v22-gold-1) 0%,var(--pao-v22-gold-2) 54%,var(--pao-v22-gold-3) 100%)!important;
    color:var(--pao-v22-text-brown)!important;
    -webkit-text-fill-color:var(--pao-v22-text-brown)!important;
    border:1px solid var(--pao-v22-line-gold)!important;
    box-shadow:var(--pao-v22-shadow-gold)!important;
  }

  .main-buttons .pill:nth-child(2),
  .main-buttons .pill:nth-child(3){
    background:linear-gradient(180deg,var(--pao-v22-brown-1) 0%,var(--pao-v22-brown-2) 52%,var(--pao-v22-brown-3) 100%)!important;
    color:var(--pao-v22-text-cream)!important;
    -webkit-text-fill-color:var(--pao-v22-text-cream)!important;
    border:1px solid var(--pao-v22-line-brown)!important;
    box-shadow:var(--pao-v22-shadow-brown)!important;
  }

  #main-share-app{
    grid-column:1 / -1!important;
    width:min(100%,440px)!important;
    justify-self:center!important;
    min-height:70px!important;
    background:linear-gradient(180deg,var(--pao-v22-gold-1) 0%,var(--pao-v22-gold-2) 54%,var(--pao-v22-gold-3) 100%)!important;
    color:var(--pao-v22-text-brown)!important;
    -webkit-text-fill-color:var(--pao-v22-text-brown)!important;
    border:1px solid var(--pao-v22-line-gold)!important;
    box-shadow:var(--pao-v22-shadow-gold)!important;
  }
}

@media(max-width:560px){
  .main-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .main-buttons .pill,
  .main-buttons .pill-button{
    min-height:68px!important;
    padding:12px 10px!important;
    font-size:.94rem!important;
  }
}

/* todos os outros botões de compartilhamento no app seguem a mesma regra, sem azul */
#main-share-app,
#daily-share-app,
#shareRadio,
#quick-share{
  --share-icon-bg:linear-gradient(180deg,#6c3a12 0%, #4b2509 55%, #2b1204 100%);
}


/* =========================================================
   PÃO 300 v44 — CORREÇÃO CIRÚRGICA DOS BOTÕES DE COMPARTILHAR NO APP
   1) remover de vez qualquer seta azul / emoji nativo
   2) padronizar TODOS os compartilhamentos com bolinha marrom sólida
   3) seta dourada e nota dourada desenhadas por CSS (sem emoji)
   ========================================================= */

#main-share-app .cta-icon.arrow,
#daily-share-app .cta-icon.arrow,
#quick-share .icon-badge,
#shareRadio .cta-icon.music{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
  background:linear-gradient(180deg,#6c3a12 0%, #4b2509 56%, #2a1204 100%)!important;
  border:1.8px solid rgba(245,224,165,.34)!important;
  border-radius:50%!important;
  box-shadow:0 10px 22px rgba(37,16,4,.22), inset 0 1px 0 rgba(255,255,255,.06)!important;
  overflow:hidden!important;
}

#main-share-app .cta-icon.arrow::before,
#daily-share-app .cta-icon.arrow::before,
#quick-share .icon-badge::before{
  content:""!important;
  display:block!important;
  width:16px!important;
  height:16px!important;
  background:linear-gradient(180deg,#f9de87 0%, #efc55f 50%, #d7a63b 100%)!important;
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M7 17L17 7M10 7h7v7' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/></svg>")!important;
  -webkit-mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  -webkit-mask-size:16px 16px!important;
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M7 17L17 7M10 7h7v7' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/></svg>")!important;
  mask-repeat:no-repeat!important;
  mask-position:center!important;
  mask-size:16px 16px!important;
}

#shareRadio .cta-icon.music::before{
  content:""!important;
  display:block!important;
  width:16px!important;
  height:16px!important;
  background:linear-gradient(180deg,#f9de87 0%, #efc55f 50%, #d7a63b 100%)!important;
  -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M14 4v10.2A3.5 3.5 0 1 1 12 11V6.2l8-2V12.2A3.5 3.5 0 1 1 18 9V4.8z'/></svg>")!important;
  -webkit-mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  -webkit-mask-size:16px 16px!important;
  mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M14 4v10.2A3.5 3.5 0 1 1 12 11V6.2l8-2V12.2A3.5 3.5 0 1 1 18 9V4.8z'/></svg>")!important;
  mask-repeat:no-repeat!important;
  mask-position:center!important;
  mask-size:16px 16px!important;
}

/* remove pseudo-element anterior para não duplicar desenho */
#main-share-app .cta-icon.arrow::after,
#daily-share-app .cta-icon.arrow::after,
#quick-share .icon-badge::after,
#shareRadio .cta-icon.music::after{
  content:none!important;
}

/* reforço no app/mobile: alternância visual limpa e sem fugir do padrão do site */
@media(max-width:920px){
  .main-buttons .pill:nth-child(1),
  .main-buttons .pill:nth-child(3){
    background:linear-gradient(180deg,var(--pao-v22-gold-1) 0%,var(--pao-v22-gold-2) 54%,var(--pao-v22-gold-3) 100%)!important;
    color:var(--pao-v22-text-brown)!important;
    -webkit-text-fill-color:var(--pao-v22-text-brown)!important;
    border:1px solid var(--pao-v22-line-gold)!important;
    box-shadow:var(--pao-v22-shadow-gold)!important;
  }

  .main-buttons .pill:nth-child(2),
  .main-buttons .pill:nth-child(4){
    background:linear-gradient(180deg,var(--pao-v22-brown-1) 0%,var(--pao-v22-brown-2) 52%,var(--pao-v22-brown-3) 100%)!important;
    color:var(--pao-v22-text-cream)!important;
    -webkit-text-fill-color:var(--pao-v22-text-cream)!important;
    border:1px solid var(--pao-v22-line-brown)!important;
    box-shadow:var(--pao-v22-shadow-brown)!important;
  }
}


/* =========================================================
   PÃO 300 v45 — CORREÇÃO CIRÚRGICA RÁDIO MOBILE
   1) botão Tocar rádio sem ícone azul e em amarelo
   2) Compartilhe a Rádio em marrom para alternância limpa
   3) LED com rolagem contínua, sem picotar e sem corte duro
   ========================================================= */

/* alternância correta dos botões da rádio */
#radio #radio-player-toggle{
  background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;
  color:var(--pao-text-brown)!important;
  -webkit-text-fill-color:var(--pao-text-brown)!important;
  border-color:var(--pao-line-gold)!important;
  box-shadow:var(--pao-shadow-gold)!important;
}
#radio #shareRadio{
  background:linear-gradient(180deg,var(--pao-brown-1) 0%,var(--pao-brown-2) 52%,var(--pao-brown-3) 100%)!important;
  color:var(--pao-text-cream)!important;
  -webkit-text-fill-color:var(--pao-text-cream)!important;
  border-color:var(--pao-line-soft)!important;
  box-shadow:var(--pao-shadow-brown)!important;
}

/* play/pause sem emoji azul */
#radio #radio-player-toggle{
  font-size:1rem!important;
  letter-spacing:0!important;
}

/* LED mais limpo e contínuo */
#radio .rogerio-radio-led-panel{
  padding:8px 12px!important;
}
#radio .rogerio-radio-led-window{
  overflow:hidden!important;
  white-space:nowrap!important;
  position:relative!important;
  padding-inline:4px!important;
}
#radio .rogerio-radio-led-window::before,
#radio .rogerio-radio-led-window::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:12px!important;
  z-index:2!important;
  pointer-events:none!important;
}
#radio .rogerio-radio-led-window::before{
  left:0!important;
  background:linear-gradient(90deg,rgba(75,39,16,.88) 0%, rgba(75,39,16,0) 100%)!important;
}
#radio .rogerio-radio-led-window::after{
  right:0!important;
  background:linear-gradient(270deg,rgba(75,39,16,.88) 0%, rgba(75,39,16,0) 100%)!important;
}
#radio .rogerio-radio-led-track{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  gap:0!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  transform:translate3d(0,0,0);
  animation:none!important;
}
#radio .rogerio-radio-led-track.rogerio-radio-led-run{
  animation:ledScroll var(--rogerio-radio-led-duration,42s) linear infinite!important;
}
#radio .rogerio-radio-led-group{
  display:flex!important;
  align-items:center!important;
  flex-shrink:0!important;
  min-width:max-content!important;
  gap:16px!important;
  padding-right:42px!important;
  font-size:.98rem!important;
  line-height:1.14!important;
}
#radio .rogerio-radio-led-group span,
#radio [id^="radio-led-text"]{
  display:inline-block!important;
  white-space:nowrap!important;
  flex-shrink:0!important;
}
#radio .rogerio-radio-led-sep{
  display:inline-block!important;
  min-width:10px!important;
  text-align:center!important;
}

@media(max-width:760px){
  #radio .rogerio-radio-led-panel{
    padding:7px 10px!important;
  }
  #radio .rogerio-radio-led-group{
    font-size:.92rem!important;
    gap:14px!important;
    padding-right:34px!important;
  }
}

/* =========================================================
   PÃO 300 v46 — MENU HAMBÚRGUER ORGANIZADO
   Corrige abertura real, limpa estrutura e padroniza visual premium.
   ========================================================= */
.drawer{display:none!important;position:fixed!important;inset:0!important;z-index:120!important;}
.drawer.is-open,
.drawer.open,
.drawer[aria-hidden="false"]{display:block!important;}
.drawer-backdrop{position:absolute!important;inset:0!important;background:rgba(18,8,3,.66)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;}
.drawer-card{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  bottom:12px!important;
  width:min(430px,calc(100vw - 24px))!important;
  height:auto!important;
  overflow:auto!important;
  padding:18px!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(84,50,20,.98),rgba(46,23,8,.98) 52%,rgba(20,9,3,.98))!important;
  border:1px solid rgba(245,224,165,.28)!important;
  box-shadow:-18px 0 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.10)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}
.drawer-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:4px!important;}
.drawer-brand{display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;min-width:0!important;}
.drawer-brand-mark{width:54px!important;height:54px!important;min-width:54px!important;border-radius:50%!important;overflow:hidden!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,232,176,.50)!important;box-shadow:0 12px 28px rgba(0,0,0,.25),0 0 18px rgba(231,197,114,.13)!important;background:#1b0c04!important;}
.drawer-brand-mark img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.drawer-brand strong{display:block!important;color:var(--pao-text-cream)!important;font-size:1.04rem!important;line-height:1.05!important;font-weight:950!important;}
.drawer-brand small{display:block!important;color:var(--pao-gold-1)!important;font-size:.74rem!important;line-height:1.1!important;font-weight:800!important;margin-top:3px!important;}
.drawer-close{width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;font-size:1.35rem!important;line-height:1!important;}
.drawer-section-label{margin:4px 4px 0!important;color:var(--pao-gold-1)!important;text-transform:uppercase!important;letter-spacing:.18em!important;font-size:.72rem!important;font-weight:950!important;text-shadow:0 1px 0 rgba(0,0,0,.22)!important;}
.drawer-links{display:grid!important;gap:10px!important;}
.drawer-link{display:grid!important;grid-template-columns:42px 1fr!important;grid-template-rows:auto auto!important;column-gap:12px!important;align-items:center!important;padding:14px 15px!important;border-radius:22px!important;text-decoration:none!important;min-height:72px!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;}
.drawer-link span{grid-row:1 / 3!important;width:34px!important;height:34px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-size:.70rem!important;font-weight:950!important;letter-spacing:.02em!important;}
.drawer-link b{display:block!important;font-size:1rem!important;line-height:1.08!important;font-weight:950!important;}
.drawer-link small{display:block!important;margin-top:4px!important;font-size:.78rem!important;line-height:1.12!important;font-weight:750!important;opacity:.92!important;}
.drawer-link-gold{background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;color:var(--pao-text-brown)!important;border:1px solid var(--pao-line-gold)!important;box-shadow:var(--pao-shadow-gold)!important;}
.drawer-link-gold b,.drawer-link-gold small{color:var(--pao-text-brown)!important;-webkit-text-fill-color:var(--pao-text-brown)!important;}
.drawer-link-gold span{background:linear-gradient(180deg,#6c3a12 0%,#4b2509 56%,#2a1204 100%)!important;color:#f0cb6e!important;border:1px solid rgba(245,224,165,.34)!important;}
.drawer-link-brown{background:linear-gradient(180deg,var(--pao-brown-1) 0%,var(--pao-brown-2) 52%,var(--pao-brown-3) 100%)!important;color:var(--pao-text-cream)!important;border:1px solid var(--pao-line-soft)!important;box-shadow:var(--pao-shadow-brown)!important;}
.drawer-link-brown b{color:var(--pao-text-cream)!important;-webkit-text-fill-color:var(--pao-text-cream)!important;}
.drawer-link-brown small{color:var(--pao-gold-1)!important;-webkit-text-fill-color:var(--pao-gold-1)!important;}
.drawer-link-brown span{background:linear-gradient(180deg,var(--pao-gold-1),var(--pao-gold-2) 55%,var(--pao-gold-3))!important;color:var(--pao-text-brown)!important;border:1px solid rgba(255,244,205,.68)!important;}
@media(hover:hover){.drawer-link:hover{transform:translateY(-2px)!important;filter:saturate(1.04)!important;}}
.drawer-footnote{margin:auto 4px 0!important;padding:14px 6px 2px!important;text-align:center!important;color:rgba(255,244,214,.72)!important;font-size:.78rem!important;font-weight:750!important;line-height:1.25!important;border-top:1px solid rgba(245,224,165,.12)!important;}
@media(max-width:620px){
  .drawer-card{left:10px!important;right:10px!important;top:10px!important;bottom:10px!important;width:auto!important;border-radius:26px!important;padding:16px!important;}
  .drawer-link{min-height:68px!important;padding:13px 14px!important;border-radius:20px!important;}
  .drawer-brand-mark{width:50px!important;height:50px!important;min-width:50px!important;}
}


/* =========================================================
   PÃO 300 v47 — rodapé do menu em uma única linha
   ========================================================= */
.drawer-footnote{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  padding-left:2px!important;
  padding-right:2px!important;
  font-size:clamp(.58rem,2vw,.74rem)!important;
  line-height:1.1!important;
  letter-spacing:-.015em!important;
}
@media(max-width:380px){
  .drawer-footnote{font-size:.56rem!important;letter-spacing:-.035em!important;}
}


/* =========================================================
   PÃO 300 v48 — Menu hambúrguer sem faixa cinza / sem overflow horizontal
   ========================================================= */
.drawer,
.drawer-card{
  overflow-x:hidden!important;
}
.drawer-card{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.drawer-card::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
.drawer-footnote{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  padding-left:0!important;
  padding-right:0!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:center!important;
  font-size:clamp(.56rem,1.75vw,.76rem)!important;
  letter-spacing:-.035em!important;
}
@media(max-width:430px){
  .drawer-footnote{font-size:.56rem!important;letter-spacing:-.045em!important;}
}


/* =========================================================
   PÃO 300 v49 — trava definitiva contra faixa cinza horizontal
   Causa: algum conteúdo do menu ainda gerava overflow-x.
   Correção: corta overflow horizontal no documento, drawer e todos os filhos.
   ========================================================= */
html,
body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
body.drawer-open{
  overflow-x:hidden!important;
}
.drawer,
.drawer *{
  box-sizing:border-box!important;
}
.drawer{
  width:100vw!important;
  max-width:100vw!important;
  overflow:hidden!important;
}
.drawer-backdrop{
  width:100vw!important;
  max-width:100vw!important;
  overflow:hidden!important;
}
.drawer-card{
  width:min(430px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  min-width:0!important;
  overflow-y:auto!important;
  overflow-x:clip!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
@supports not (overflow:clip){
  .drawer-card{overflow-x:hidden!important;}
}
.drawer-card::-webkit-scrollbar,
.drawer-card::-webkit-scrollbar:horizontal{
  width:0!important;
  height:0!important;
  display:none!important;
  background:transparent!important;
}
.drawer-top,
.drawer-brand,
.drawer-brand span,
.drawer-links,
.drawer-link,
.drawer-link b,
.drawer-link small,
.drawer-footnote{
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
.drawer-link{
  width:100%!important;
}
.drawer-footnote{
  display:block!important;
  width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
  line-height:1!important;
  padding:12px 0 0!important;
  margin:10px 0 0!important;
  font-size:clamp(.54rem,1.55vw,.68rem)!important;
  letter-spacing:-.045em!important;
}
@media(max-width:620px){
  .drawer-card{
    left:10px!important;
    right:10px!important;
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
  }
}
@media(max-width:390px){
  .drawer-footnote{
    font-size:.50rem!important;
    letter-spacing:-.055em!important;
  }
}

/* =========================================================
   PÃO 300 v50 — APP MOBILE COM BOTÕES MESCALDOS COMO O SITE
   Regra pedida:
   linha 1 = amarelo / marrom
   linha 2 = marrom / amarelo
   compartilhar = amarelo com bolinha marrom e seta dourada
   Desktop permanece como está.
   ========================================================= */

@media (max-width: 920px){
  .main-buttons{
    width:min(100%, 640px)!important;
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
    justify-items:stretch!important;
  }

  .main-buttons .pill,
  .main-buttons .pill-button{
    width:100%!important;
    min-width:0!important;
    min-height:74px!important;
    padding:15px 14px!important;
    border-radius:28px!important;
    font-size:clamp(.98rem,2.8vw,1.08rem)!important;
    font-weight:900!important;
    line-height:1.08!important;
    white-space:normal!important;
    text-align:center!important;
    justify-content:center!important;
  }

  /* amarelo / marrom */
  .main-buttons .pill:nth-child(1){
    background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;
    color:var(--pao-text-brown)!important;
    -webkit-text-fill-color:var(--pao-text-brown)!important;
    border:1px solid var(--pao-line-gold)!important;
    box-shadow:var(--pao-shadow-gold)!important;
  }
  .main-buttons .pill:nth-child(2){
    background:linear-gradient(180deg,var(--pao-brown-1) 0%,var(--pao-brown-2) 52%,var(--pao-brown-3) 100%)!important;
    color:var(--pao-text-cream)!important;
    -webkit-text-fill-color:var(--pao-text-cream)!important;
    border:1px solid var(--pao-line-soft)!important;
    box-shadow:var(--pao-shadow-brown)!important;
  }

  /* marrom / amarelo */
  .main-buttons .pill:nth-child(3){
    background:linear-gradient(180deg,var(--pao-brown-1) 0%,var(--pao-brown-2) 52%,var(--pao-brown-3) 100%)!important;
    color:var(--pao-text-cream)!important;
    -webkit-text-fill-color:var(--pao-text-cream)!important;
    border:1px solid var(--pao-line-soft)!important;
    box-shadow:var(--pao-shadow-brown)!important;
  }
  .main-buttons .pill:nth-child(4){
    background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;
    color:var(--pao-text-brown)!important;
    -webkit-text-fill-color:var(--pao-text-brown)!important;
    border:1px solid var(--pao-line-gold)!important;
    box-shadow:var(--pao-shadow-gold)!important;
  }

  #main-share-app{
    grid-column:1 / -1!important;
    width:min(100%, 520px)!important;
    justify-self:center!important;
    min-height:76px!important;
    background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;
    color:var(--pao-text-brown)!important;
    -webkit-text-fill-color:var(--pao-text-brown)!important;
    border:1px solid var(--pao-line-gold)!important;
    box-shadow:var(--pao-shadow-gold)!important;
    gap:14px!important;
  }
}

@media (max-width: 560px){
  .main-buttons{
    gap:12px!important;
  }
  .main-buttons .pill,
  .main-buttons .pill-button{
    min-height:70px!important;
    padding:14px 12px!important;
    font-size:1rem!important;
  }
  #main-share-app{
    min-height:74px!important;
  }
}


/* =========================================================
   PÃO 300 v53 — CORREÇÃO REAL DO LED NO SITE/DESKTOP
   Base continuada em v54 com lançamentos Fernando Pina
   O LED do app estava ok; no site o track ficava travado porque
   havia transform com !important bloqueando o keyframe.
   Esta camada libera o transform e força rolagem contínua também no desktop.
   ========================================================= */

#radio .rogerio-radio-led-window{
  overflow:hidden!important;
  white-space:nowrap!important;
}

#radio .rogerio-radio-led-track{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  gap:0!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  animation:none!important;
}

#radio .rogerio-radio-led-track.rogerio-radio-led-run{
  animation-name:ledScroll!important;
  animation-duration:var(--rogerio-radio-led-duration,42s)!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  animation-fill-mode:none!important;
}

#radio .rogerio-radio-led-group{
  display:flex!important;
  align-items:center!important;
  flex-shrink:0!important;
  width:max-content!important;
  min-width:max-content!important;
  gap:16px!important;
  padding-right:42px!important;
}

#radio .rogerio-radio-led-group span,
#radio [id^="radio-led-text"]{
  display:inline-block!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
}

@media(min-width:921px){
  #radio .rogerio-radio-led-track.rogerio-radio-led-run{
    animation-play-state:running!important;
  }
}

@keyframes ledScroll{
  from{transform:translate3d(0,0,0);}
  to{transform:translate3d(-50%,0,0);}
}


/* =========================================================
   PÃO 300 v54 — LANÇAMENTOS FERNANDO PINA NA ABELHA/RAINHA
   Estrutura inspirada no Pão oficial, com paleta marrom/dourado da matriz.
   ========================================================= */
.bee-music-section{
  position:relative;
  overflow:hidden;
  padding:clamp(26px,4vw,46px)!important;
  border:1px solid rgba(255,232,176,.22)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 14% 12%,rgba(255,229,153,.20),transparent 32%),
    radial-gradient(circle at 82% 18%,rgba(156,89,28,.24),transparent 35%),
    linear-gradient(180deg,rgba(90,51,17,.78),rgba(41,20,6,.92) 50%,rgba(18,8,3,.96))!important;
  box-shadow:0 22px 78px rgba(23,9,2,.35), inset 0 1px 0 rgba(255,255,255,.09)!important;
}
.bee-music-section::before{
  content:"";position:absolute;inset:-35% -20% auto auto;width:420px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,232,176,.16),transparent 65%);pointer-events:none;
}
.bee-music-head,.bee-release-headline{text-align:center;position:relative;z-index:1;margin:0 auto 22px;max-width:820px;}
.bee-music-head h2,.bee-release-headline h3{font-family:"Cormorant Garamond",serif;font-size:clamp(2.15rem,5vw,4.15rem);line-height:.92;margin:6px 0 8px;color:var(--pao-gold-1);text-shadow:0 8px 28px rgba(0,0,0,.32);}
.bee-release-headline h3{font-size:clamp(1.9rem,4vw,3rem);}
.bee-music-head p:not(.kicker),.bee-release-headline p:not(.kicker){color:rgba(255,247,232,.86);font-weight:750;line-height:1.55;margin:0 auto;}
.bee-music-feature{position:relative;z-index:1;display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:clamp(22px,4vw,42px);align-items:center;margin:24px auto 34px;max-width:1060px;padding:clamp(16px,3vw,26px);border-radius:34px;background:linear-gradient(135deg,rgba(255,244,205,.12),rgba(84,45,13,.48),rgba(19,8,3,.72));border:1px solid rgba(255,232,176,.25);box-shadow:0 18px 55px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);}
.bee-feature-media{position:relative;border-radius:30px;overflow:hidden;min-height:320px;background:#160904;border:1px solid rgba(255,232,176,.22);box-shadow:0 18px 44px rgba(0,0,0,.34);}
.bee-feature-video{width:100%;height:100%;min-height:320px;object-fit:cover;display:block;}
.bee-feature-glow{position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(17,7,2,.42));pointer-events:none;}
.bee-feature-copy{display:grid;gap:12px;align-content:center;}
.bee-music-badge,.bee-release-status{display:inline-flex;width:max-content;align-items:center;justify-content:center;border-radius:999px;padding:8px 13px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:950;color:var(--pao-text-brown);background:linear-gradient(180deg,var(--pao-gold-1),var(--pao-gold-2) 56%,var(--pao-gold-3));border:1px solid rgba(255,246,211,.70);box-shadow:0 12px 24px rgba(74,39,9,.22);}
.bee-feature-copy h3{font-family:"Cormorant Garamond",serif;font-size:clamp(2.2rem,5.4vw,4.35rem);line-height:.94;margin:0;color:var(--pao-text-cream);text-shadow:0 8px 28px rgba(0,0,0,.30);}
.bee-feature-artist{margin:0;color:var(--pao-gold-1);font-weight:950;letter-spacing:.05em;text-transform:uppercase;}
 .bee-feature-text{margin:0;max-width:680px;color:rgba(255,248,234,.86);font-weight:750;line-height:1.55;}
.bee-music-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px;}
.bee-music-btn{min-height:48px;padding:13px 18px;border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:950;text-align:center;cursor:pointer;text-decoration:none;transition:transform .18s ease,filter .18s ease;}
.bee-music-btn-gold{background:linear-gradient(180deg,var(--pao-gold-1),var(--pao-gold-2) 54%,var(--pao-gold-3));color:var(--pao-text-brown)!important;-webkit-text-fill-color:var(--pao-text-brown)!important;border-color:var(--pao-line-gold);box-shadow:var(--pao-shadow-gold);}
.bee-music-btn-brown{background:linear-gradient(180deg,var(--pao-brown-1),var(--pao-brown-2) 52%,var(--pao-brown-3));color:var(--pao-text-cream)!important;-webkit-text-fill-color:var(--pao-text-cream)!important;border-color:var(--pao-line-soft);box-shadow:var(--pao-shadow-brown);}
.bee-music-btn.is-playing{filter:saturate(1.18) brightness(1.05);}
@media(hover:hover){.bee-music-btn:hover{transform:translateY(-2px);filter:saturate(1.08);}}
.bee-release-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.bee-release-card{overflow:hidden;border-radius:28px;background:linear-gradient(180deg,rgba(255,248,224,.10),rgba(80,41,13,.48) 45%,rgba(21,9,3,.86));border:1px solid rgba(255,232,176,.20);box-shadow:0 18px 46px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);display:flex;flex-direction:column;min-height:100%;}
.bee-release-cover{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:#160904;border-bottom:1px solid rgba(255,232,176,.14);}
.bee-release-copy{display:grid;gap:10px;padding:16px;align-content:start;flex:1;}
.bee-release-status{font-size:.64rem;padding:7px 10px;letter-spacing:.12em;}
.bee-release-status.is-live{background:linear-gradient(180deg,#fff7dc,#e9bf68 55%,#c9852f);}
.bee-release-status.is-work{background:linear-gradient(180deg,#fff3c9,#f0c86f 48%,#bb7524);}
.bee-release-status.is-alert{background:linear-gradient(180deg,var(--pao-brown-1),var(--pao-brown-2),var(--pao-brown-3));color:var(--pao-text-cream);-webkit-text-fill-color:var(--pao-text-cream);border-color:rgba(255,232,176,.25);}
.bee-release-copy h4{font-family:"Cormorant Garamond",serif;font-size:1.55rem;line-height:1;margin:0;color:var(--pao-text-cream);}
.bee-release-copy p{margin:0;color:rgba(255,248,234,.80);font-weight:720;line-height:1.38;font-size:.92rem;}
.bee-release-copy .bee-music-btn{width:100%;min-height:44px;padding:11px 12px;font-size:.86rem;}
.bee-release-alert{justify-content:center;background:linear-gradient(160deg,rgba(255,240,190,.16),rgba(77,38,10,.72),rgba(18,8,3,.92));}
.bee-release-alert .bee-release-copy{align-content:center;min-height:100%;}
@media(max-width:1020px){.bee-music-feature{grid-template-columns:1fr;}.bee-feature-media{max-width:520px;width:100%;justify-self:center;}.bee-release-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.bee-music-section{padding:22px 14px!important;border-radius:28px!important;}.bee-music-feature{padding:14px;border-radius:28px;}.bee-feature-media,.bee-feature-video{min-height:260px;}.bee-music-actions{display:grid;grid-template-columns:1fr;}.bee-release-grid{grid-template-columns:1fr;gap:14px;}.bee-release-card{border-radius:24px;}.bee-release-cover{aspect-ratio:16/12;}.bee-release-copy{padding:15px;}.bee-music-head h2{font-size:2.35rem;}}

/* V54: menu/hero com novo botão de músicas mantendo a mescla no app */
@media(max-width:920px){
  .main-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .main-buttons .pill:nth-child(1),.main-buttons .pill:nth-child(4),.main-buttons .pill:nth-child(5){background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;color:var(--pao-text-brown)!important;-webkit-text-fill-color:var(--pao-text-brown)!important;border:1px solid var(--pao-line-gold)!important;box-shadow:var(--pao-shadow-gold)!important;}
  .main-buttons .pill:nth-child(2),.main-buttons .pill:nth-child(3){background:linear-gradient(180deg,var(--pao-brown-1) 0%,var(--pao-brown-2) 52%,var(--pao-brown-3) 100%)!important;color:var(--pao-text-cream)!important;-webkit-text-fill-color:var(--pao-text-cream)!important;border:1px solid var(--pao-line-soft)!important;box-shadow:var(--pao-shadow-brown)!important;}
  #main-share-app{grid-column:1 / -1!important;width:min(100%,520px)!important;justify-self:center!important;background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;color:var(--pao-text-brown)!important;-webkit-text-fill-color:var(--pao-text-brown)!important;}
}


/* =========================================================
   PÃO 300 v57 — ABELHA/Rainha: CARROSSEL PRIME COM LEITURA TOTAL
   Referência real: seção de lançamentos do Pão oficial.
   Adaptação: paleta marrom/dourada da Abelha, formato mais prime,
   compacto, organizado e com sensação de plataforma.
   ========================================================= */

.bee-music-prime{
  padding:clamp(24px,4vw,42px)!important;
}

.bee-prime-spotlight{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(210px,270px) 1fr;
  gap:clamp(18px,3.3vw,34px);
  align-items:center;
  max-width:920px;
  margin:18px auto 26px;
  padding:clamp(14px,2vw,18px);
  border-radius:28px;
  background:
    radial-gradient(circle at 18% 12%,rgba(255,232,176,.15),transparent 34%),
    linear-gradient(135deg,rgba(255,244,205,.12),rgba(84,45,13,.50),rgba(19,8,3,.78));
  border:1px solid rgba(255,232,176,.26);
  box-shadow:0 18px 55px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);
}

.bee-spotlight-media{
  position:relative;
  width:100%;
  max-width:260px;
  justify-self:center;
  border-radius:28px;
  overflow:hidden;
  aspect-ratio:4/5;
  background:#160904;
  border:1px solid rgba(255,232,176,.24);
  box-shadow:0 20px 54px rgba(0,0,0,.38),0 0 0 1px rgba(255,232,176,.06) inset;
}

.bee-spotlight-video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.012);
}

.bee-spotlight-shine{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,244,205,.05),transparent 38%,rgba(16,7,2,.62)),
    radial-gradient(circle at 50% 0%,rgba(255,232,176,.16),transparent 48%);
}

.bee-spotlight-tag{
  position:absolute;
  left:12px;
  top:12px;
  z-index:3;
  border-radius:999px;
  padding:7px 10px;
  font-size:.62rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:950;
  color:var(--pao-text-brown);
  -webkit-text-fill-color:var(--pao-text-brown);
  background:linear-gradient(180deg,var(--pao-gold-1),var(--pao-gold-2) 55%,var(--pao-gold-3));
  border:1px solid rgba(255,246,211,.72);
  box-shadow:0 12px 24px rgba(74,39,9,.25);
}

.bee-spotlight-copy{
  display:grid;
  gap:10px;
  align-content:center;
}

.bee-spotlight-copy h3{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(1.85rem,3.9vw,3rem);
  line-height:.9;
  margin:0;
  color:var(--pao-text-cream);
  text-shadow:0 8px 28px rgba(0,0,0,.30);
}

.bee-shelf-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin:4px auto 14px;
  max-width:1120px;
}

.bee-shelf-head h3{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(1.8rem,3.8vw,2.8rem);
  line-height:.92;
  margin:5px 0 0;
  color:var(--pao-gold-1);
  text-shadow:0 8px 28px rgba(0,0,0,.28);
}

.bee-shelf-head p:not(.kicker){
  max-width:390px;
  margin:0;
  color:rgba(255,247,232,.78);
  font-size:.92rem;
  font-weight:750;
  line-height:1.42;
}


.bee-music-carousel{
  position:relative;
  z-index:1;
  max-width:1120px;
  margin:0 auto;
  padding:0 54px;
}

.bee-music-viewport{
  overflow:hidden;
  width:100%;
  border-radius:30px;
}

.bee-music-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border-radius:999px;
  border:1px solid rgba(255,232,176,.32);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.4rem;
  font-weight:900;
  cursor:pointer;
  z-index:3;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.bee-music-arrow-prev{
  left:0;
  background:linear-gradient(180deg,var(--pao-gold-1),var(--pao-gold-2) 54%,var(--pao-gold-3));
  color:var(--pao-text-brown);
  box-shadow:var(--pao-shadow-gold);
}
.bee-music-arrow-next{
  right:0;
  background:linear-gradient(180deg,var(--pao-brown-1),var(--pao-brown-2) 54%,var(--pao-brown-3));
  color:var(--pao-gold-1);
  box-shadow:var(--pao-shadow-brown);
}
@media(hover:hover){
  .bee-music-arrow:hover{
    transform:translateY(-50%) scale(1.04);
    filter:saturate(1.08);
  }
}

.bee-music-rail{
  position:relative;
  z-index:1;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(232px, 248px);
  gap:14px;
  overflow:visible;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  padding:4px 2px 10px;
  transition:transform .42s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
  margin-inline:-2px;
  scrollbar-width:none;
}

.bee-music-rail::-webkit-scrollbar{display:none;}

.bee-music-tile{
  scroll-snap-align:start;
  overflow:hidden;
  border-radius:26px;
  background:
    linear-gradient(180deg,rgba(255,248,224,.10),rgba(80,41,13,.48) 45%,rgba(21,9,3,.88));
  border:1px solid rgba(255,232,176,.20);
  box-shadow:0 16px 42px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.06);
  display:flex;
  flex-direction:column;
  min-height:100%;
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}

@media(hover:hover){
  .bee-music-tile:hover{
    transform:translateY(-4px);
    filter:saturate(1.05);
    box-shadow:0 24px 62px rgba(0,0,0,.34),0 0 0 1px rgba(255,232,176,.12) inset;
  }
}

.bee-tile-cover{
  position:relative;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#160904;
  border-bottom:1px solid rgba(255,232,176,.13);
}

.bee-tile-video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.01);
}

.bee-tile-cover::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,244,205,.02) 0%,transparent 48%,rgba(17,7,2,.64) 100%);
}

.bee-tile-status{
  position:absolute;
  left:10px;
  top:10px;
  z-index:2;
  border-radius:999px;
  padding:6px 9px;
  font-size:.58rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:950;
  color:var(--pao-text-brown);
  -webkit-text-fill-color:var(--pao-text-brown);
  background:linear-gradient(180deg,var(--pao-gold-1),var(--pao-gold-2) 56%,var(--pao-gold-3));
  border:1px solid rgba(255,246,211,.70);
  box-shadow:0 11px 22px rgba(74,39,9,.26);
}

.bee-music-tile.is-work .bee-tile-status{
  background:linear-gradient(180deg,#fff3c9,#f0c86f 48%,#bb7524);
}

.bee-tile-copy{
  display:grid;
  gap:9px;
  padding:16px 15px 15px;
  align-content:start;
  flex:1;
}

.bee-tile-copy h4{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(1.26rem,1.9vw,1.46rem);
  line-height:1.02;
  margin:0;
  color:var(--pao-text-cream);
  min-height:4.2rem;
  overflow-wrap:anywhere;
  hyphens:auto;
}

.bee-tile-copy p{
  margin:0;
  color:rgba(255,248,234,.80);
  font-weight:720;
  line-height:1.36;
  font-size:.85rem;
  min-height:2.55rem;
}

.bee-tile-copy .bee-music-btn{
  width:100%;
  min-height:42px;
  padding:10px 12px;
  font-size:.82rem;
}

.bee-music-alert{
  position:relative;
  z-index:1;
  max-width:1120px;
  margin:10px auto 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px;
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,240,190,.16),rgba(77,38,10,.70),rgba(18,8,3,.86));
  border:1px solid rgba(255,232,176,.22);
  box-shadow:0 16px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06);
}

.bee-music-alert h4{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(1.6rem,3.3vw,2.35rem);
  line-height:.95;
  color:var(--pao-text-cream);
  margin:8px 0 6px;
}

.bee-music-alert p{
  margin:0;
  color:rgba(255,248,234,.80);
  font-weight:740;
  line-height:1.42;
}

.bee-music-alert .bee-music-btn{
  min-width:190px;
}

@media(max-width:920px){
  .bee-prime-spotlight{
    grid-template-columns:1fr;
    text-align:center;
    padding:16px;
    border-radius:28px;
  }
  .bee-spotlight-copy{
    justify-items:center;
  }
  .bee-feature-text{
    max-width:560px;
  }
  .bee-shelf-head{
    display:block;
    text-align:center;
  }
  .bee-shelf-head p:not(.kicker){
    margin:8px auto 0;
  }
  .bee-music-carousel{padding:0 40px;}
  .bee-music-rail{
    grid-auto-columns:minmax(216px, 72vw);
    padding-bottom:10px;
  }
  .bee-music-arrow{width:42px;height:42px;font-size:1.2rem;}
  .bee-music-alert{
    display:grid;
    text-align:center;
    justify-items:center;
    border-radius:26px;
  }
}

@media(max-width:560px){
  .bee-music-prime{
    padding:22px 14px!important;
    border-radius:28px!important;
  }
  .bee-spotlight-media{
    max-width:265px;
    border-radius:24px;
  }
  .bee-spotlight-copy h3{
    font-size:clamp(2rem,12vw,3.2rem);
  }
  .bee-music-carousel{padding:0 30px;}
  .bee-music-viewport{border-radius:24px;}
  .bee-music-rail{
    grid-auto-columns:minmax(222px, 76vw);
    gap:12px;
  }
  .bee-music-arrow{width:40px;height:40px;font-size:1.08rem;}
  .bee-tile-copy{
    padding:13px;
  }
  .bee-tile-copy h4{
    font-size:1.34rem;
  }
}


/* =========================================================
   PÃO 300 v57 — CORREÇÃO FINAL CARROSSEL FERNANDO PINA
   - sem faixa cinza / scrollbar
   - carrossel automático controlado por JS
   - cards menores, leitura total, imagem sem corte
   - botões padronizados: Salvar para ouvir
   ========================================================= */
#lancamentos .bee-music-carousel{
  position:relative!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:0 52px!important;
  overflow:visible!important;
}
#lancamentos .bee-music-viewport{
  overflow:hidden!important;
  width:100%!important;
  border-radius:30px!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
#lancamentos .bee-music-viewport::-webkit-scrollbar,
#lancamentos .bee-music-rail::-webkit-scrollbar,
#lancamentos .bee-music-carousel::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
#lancamentos .bee-music-rail{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:190px!important;
  gap:12px!important;
  overflow:visible!important;
  overflow-x:visible!important;
  scroll-snap-type:none!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  padding:4px 0 12px!important;
  margin:0!important;
  transition:transform .46s cubic-bezier(.22,.61,.36,1)!important;
  will-change:transform!important;
}
#lancamentos .bee-music-tile{
  width:190px!important;
  min-width:190px!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(255,248,224,.10),rgba(75,38,12,.50) 46%,rgba(17,7,2,.92))!important;
  border:1px solid rgba(255,232,176,.22)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
#lancamentos .bee-tile-cover{
  aspect-ratio:4/5!important;
  background:radial-gradient(circle at 50% 16%,rgba(245,210,128,.18),rgba(17,7,2,.95) 72%)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
#lancamentos .bee-tile-video,
#lancamentos .bee-tile-cover img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transform:none!important;
  display:block!important;
}
#lancamentos .bee-tile-copy{
  padding:13px 12px 14px!important;
  gap:8px!important;
  min-height:230px!important;
}
#lancamentos .bee-tile-copy h4{
  font-family:"Cormorant Garamond",serif!important;
  font-size:1.22rem!important;
  line-height:1.05!important;
  min-height:4.65rem!important;
  max-height:none!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  color:var(--pao-text-cream)!important;
}
#lancamentos .bee-tile-copy p{
  font-size:.80rem!important;
  line-height:1.32!important;
  min-height:2.7rem!important;
  overflow:visible!important;
}
#lancamentos .bee-tile-copy .bee-music-btn{
  width:100%!important;
  min-height:40px!important;
  padding:9px 10px!important;
  font-size:.78rem!important;
  border-radius:999px!important;
}
#lancamentos .bee-music-arrow{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  top:48%!important;
  border-radius:999px!important;
  font-size:1.55rem!important;
  line-height:1!important;
  font-weight:950!important;
  z-index:8!important;
}
#lancamentos .bee-music-arrow-prev{
  left:0!important;
  background:linear-gradient(180deg,var(--pao-gold-1),var(--pao-gold-2) 55%,var(--pao-gold-3))!important;
  color:var(--pao-text-brown)!important;
  border-color:rgba(255,244,205,.75)!important;
  box-shadow:var(--pao-shadow-gold)!important;
}
#lancamentos .bee-music-arrow-next{
  right:0!important;
  background:linear-gradient(180deg,var(--pao-brown-1),var(--pao-brown-2) 54%,var(--pao-brown-3))!important;
  color:var(--pao-gold-1)!important;
  border-color:rgba(231,197,114,.34)!important;
  box-shadow:var(--pao-shadow-brown)!important;
}
#lancamentos .bee-music-arrow:disabled{
  opacity:.45!important;
  cursor:default!important;
}
@media(max-width:920px){
  #lancamentos .bee-music-carousel{padding:0 42px!important;}
  #lancamentos .bee-music-rail{grid-auto-columns:210px!important;gap:12px!important;}
  #lancamentos .bee-music-tile{width:210px!important;min-width:210px!important;}
  #lancamentos .bee-tile-copy h4{font-size:1.28rem!important;min-height:4.5rem!important;}
}
@media(max-width:560px){
  #lancamentos .bee-music-carousel{padding:0 34px!important;}
  #lancamentos .bee-music-rail{grid-auto-columns:minmax(230px,76vw)!important;gap:12px!important;}
  #lancamentos .bee-music-tile{width:auto!important;min-width:0!important;}
  #lancamentos .bee-music-arrow{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;font-size:1.28rem!important;}
  #lancamentos .bee-tile-copy{min-height:220px!important;}
}


/* v58 — lapidação do destaque Fernando Pina */
.bee-music-head{max-width:900px!important;margin:0 auto 18px!important;}
.bee-music-head p:not(.kicker){max-width:760px!important;font-size:1.02rem!important;line-height:1.6!important;}
.bee-prime-spotlight{max-width:920px!important;grid-template-columns:minmax(210px,270px) 1fr!important;gap:20px!important;padding:16px 18px!important;border-radius:28px!important;margin:18px auto 26px!important;}
.bee-spotlight-media{max-width:260px!important;border-radius:24px!important;}
.bee-spotlight-copy{max-width:580px!important;gap:8px!important;}
.bee-spotlight-copy h3{font-size:clamp(1.85rem,3.9vw,3rem)!important;line-height:.94!important;}
.bee-feature-text{max-width:560px!important;font-size:1rem!important;line-height:1.55!important;}
.bee-music-actions{gap:10px!important;margin-top:2px!important;}
.bee-music-actions .bee-music-btn{min-height:44px!important;padding:11px 16px!important;}
@media(max-width:920px){
  .bee-prime-spotlight{grid-template-columns:1fr!important;padding:16px!important;text-align:center!important;}
  .bee-spotlight-media{max-width:250px!important;}
  .bee-spotlight-copy{justify-items:center!important;max-width:100%!important;}
}
@media(max-width:560px){
  .bee-music-head p:not(.kicker){font-size:.98rem!important;}
  .bee-prime-spotlight{padding:14px!important;border-radius:24px!important;}
  .bee-spotlight-media{max-width:228px!important;}
  .bee-spotlight-copy h3{font-size:clamp(1.9rem,10vw,2.7rem)!important;}
}


/* v59 — limpeza do cabeçalho do carrossel */
.bee-shelf-head{display:block!important;text-align:center!important;max-width:1120px!important;margin:0 auto 18px!important;}
.bee-shelf-head h3{margin:0 auto!important;text-align:center!important;}


/* v60 — loja: botões inferiores proporcionais ao carrossel */
#loja .faith-store-actions{
  width:min(100%,620px)!important;
  max-width:620px!important;
  margin:14px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
#loja .faith-store-actions .send-btn,
#loja .faith-store-actions .outline-cta,
#loja .faith-store-actions button,
#loja .faith-store-actions a{
  min-height:56px!important;
  padding:14px 20px!important;
  font-size:1rem!important;
  line-height:1.15!important;
  border-radius:999px!important;
}
@media(max-width:760px){
  #loja .faith-store-actions{
    width:min(100%,390px)!important;
    max-width:390px!important;
    gap:12px!important;
  }
  #loja .faith-store-actions .send-btn,
  #loja .faith-store-actions .outline-cta,
  #loja .faith-store-actions button,
  #loja .faith-store-actions a{
    min-height:52px!important;
    font-size:.94rem!important;
    padding:13px 18px!important;
  }
}


/* v61 — correção das flechas laterais da loja: esquerda marrom, direita amarela */
#loja .faith-store-arrow.prev{background:linear-gradient(180deg,var(--pao-brown-1),var(--pao-brown-2),var(--pao-brown-3))!important;color:var(--pao-gold-1)!important;border-color:rgba(231,197,114,.32)!important;box-shadow:var(--pao-shadow-brown)!important;}
#loja .faith-store-arrow.next{background:linear-gradient(180deg,var(--pao-gold-1),var(--pao-gold-2) 58%,var(--pao-gold-3))!important;color:var(--pao-text-brown)!important;border-color:rgba(255,244,205,.78)!important;box-shadow:var(--pao-shadow-gold)!important;}


/* v62 — loja com flechas no mesmo padrão do carrossel Fernando Pina */
#loja .faith-store-shell{position:relative!important;padding:0 46px!important;}
#loja .faith-store-window{overflow:hidden!important;padding:0!important;}
#loja .faith-store-arrow{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  top:48%!important;
  transform:translateY(-50%)!important;
  border-radius:999px!important;
  font-size:1.55rem!important;
  line-height:1!important;
  font-weight:950!important;
  z-index:8!important;
  display:grid!important;
  place-items:center!important;
}
#loja .faith-store-arrow.prev{
  left:0!important;
  right:auto!important;
  background:linear-gradient(180deg,var(--pao-gold-1),var(--pao-gold-2) 55%,var(--pao-gold-3))!important;
  color:var(--pao-text-brown)!important;
  border-color:rgba(255,244,205,.75)!important;
  box-shadow:var(--pao-shadow-gold)!important;
}
#loja .faith-store-arrow.next{
  right:0!important;
  left:auto!important;
  background:linear-gradient(180deg,var(--pao-brown-1),var(--pao-brown-2) 54%,var(--pao-brown-3))!important;
  color:var(--pao-gold-1)!important;
  border-color:rgba(231,197,114,.34)!important;
  box-shadow:var(--pao-shadow-brown)!important;
}
@media(max-width:920px){
  #loja .faith-store-shell{padding:0 42px!important;}
  #loja .faith-store-arrow{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;font-size:1.35rem!important;}
}
@media(max-width:560px){
  #loja .faith-store-shell{padding:0 34px!important;}
  #loja .faith-store-arrow{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;font-size:1.28rem!important;}
}


/* v63 — ordem lógica: Loja antes de Músicas Fernando Pina */
@media(max-width:920px){
  .main-buttons .pill:nth-child(1),
  .main-buttons .pill:nth-child(3),
  .main-buttons .pill:nth-child(5){
    background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;
    color:var(--pao-text-brown)!important;
    -webkit-text-fill-color:var(--pao-text-brown)!important;
    border:1px solid var(--pao-line-gold)!important;
    box-shadow:var(--pao-shadow-gold)!important;
  }
  .main-buttons .pill:nth-child(2),
  .main-buttons .pill:nth-child(4){
    background:linear-gradient(180deg,var(--pao-brown-1) 0%,var(--pao-brown-2) 52%,var(--pao-brown-3) 100%)!important;
    color:var(--pao-text-cream)!important;
    -webkit-text-fill-color:var(--pao-text-cream)!important;
    border:1px solid var(--pao-line-soft)!important;
    box-shadow:var(--pao-shadow-brown)!important;
  }
}
#loja + #lancamentos{
  margin-top:clamp(22px,4vw,42px)!important;
}


/* ===== v64 comunidade prime alinhada ao Pão com Palavra ===== */
#comunidade.community-refined{
  text-align:center;
}
#comunidade.community-refined .kicker{
  text-transform:uppercase;
  letter-spacing:.18em;
}
#comunidade.community-refined .contact-lead{
  max-width:840px;
  margin:0 auto 18px;
}
#comunidade.community-refined .community-prime-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
#comunidade.community-refined .community-prime-card{
  min-height:184px!important;
  padding:22px 18px 20px!important;
  justify-content:flex-start!important;
  gap:12px!important;
  text-decoration:none!important;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
#comunidade.community-refined .community-prime-card:hover{
  transform:translateY(-2px);
}
#comunidade.community-refined .community-prime-card b{
  font-size:1.08rem!important;
  line-height:1.2!important;
}
#comunidade.community-refined .community-prime-card small{
  display:block!important;
  font-size:.92rem!important;
  line-height:1.35!important;
  font-weight:700!important;
  opacity:.98!important;
}
#comunidade.community-refined .community-card-cta{
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 14px;
  border-radius:999px;
  font-size:.84rem;
  font-weight:900;
  letter-spacing:.02em;
  border:1px solid currentColor;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
#comunidade.community-refined .quick-card:nth-child(odd) .community-card-cta{
  background:rgba(70,36,8,.08);
  color:var(--pao-v22-text-brown)!important;
}
#comunidade.community-refined .quick-card:nth-child(even) .community-card-cta{
  background:rgba(245,223,165,.12);
  color:var(--pao-v22-text-cream)!important;
}
#comunidade.community-refined .icon-badge{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.14)!important;
}
#comunidade.community-refined .icon-badge .glyph{
  font-size:1.55rem;
  font-weight:900;
  line-height:1;
  transform:translateY(-1px);
}
#comunidade.community-refined .quick-card:nth-child(odd) .icon-badge{
  background:linear-gradient(180deg,var(--pao-v22-brown-1) 0%,var(--pao-v22-brown-2) 52%,var(--pao-v22-brown-3) 100%)!important;
  border:1px solid rgba(248,220,145,.28)!important;
  color:var(--pao-v22-gold-1)!important;
  -webkit-text-fill-color:var(--pao-v22-gold-1)!important;
}
#comunidade.community-refined .quick-card:nth-child(even) .icon-badge{
  background:linear-gradient(180deg,var(--pao-v22-gold-1) 0%,var(--pao-v22-gold-2) 54%,var(--pao-v22-gold-3) 100%)!important;
  border:1px solid rgba(82,44,12,.2)!important;
  color:var(--pao-v22-text-brown)!important;
  -webkit-text-fill-color:var(--pao-v22-text-brown)!important;
}
#comunidade.community-refined .icon-facebook .glyph{font-family:Arial,Helvetica,sans-serif;font-size:1.8rem;font-weight:900;transform:translateY(-2px);}
#comunidade.community-refined .icon-prayer .glyph{font-size:1.32rem;}
#comunidade.community-refined .icon-testimony .glyph{font-size:1.38rem;}
#comunidade.community-refined .icon-tiktok .glyph{font-size:1.52rem;}
@media(max-width:920px){
  #comunidade.community-refined .community-prime-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:560px){
  #comunidade.community-refined .community-prime-grid{grid-template-columns:1fr!important;}
  #comunidade.community-refined .community-prime-card{min-height:168px!important;padding:20px 16px!important;}
}


/* ===== v65 comunidade: link Facebook garantido + ícones prime ===== */
#comunidade.community-refined .prime-icon{
  width:28px;
  height:28px;
  display:block;
}
#comunidade.community-refined .icon-prayer .prime-icon{
  width:29px;
  height:29px;
}
#comunidade.community-refined .icon-testimony .prime-icon{
  width:30px;
  height:30px;
}
#comunidade.community-refined .icon-prayer .glyph,
#comunidade.community-refined .icon-testimony .glyph{display:none!important;}


/* ===== v66 — multi idioma premium igual ao Pão ===== */
.lang-switcher{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 8px;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(44,22,8,.94),rgba(19,9,3,.94));
  border:1px solid rgba(238,208,138,.22);
  box-shadow:0 12px 28px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,233,186,.08);
}
.lang-btn{
  border:1px solid transparent;
  min-width:0;
  min-height:36px;
  padding:7px 11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-radius:999px;
  background:transparent;
  color:var(--pao-cream);
  cursor:pointer;
  font-weight:900;
  font-size:.9rem;
  letter-spacing:.01em;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.lang-btn:hover{transform:translateY(-1px);border-color:rgba(255,230,169,.18)}
.lang-btn .flag{font-size:1rem;line-height:1}
.lang-btn .lang-code{font-size:.82rem;line-height:1;font-weight:900}
.lang-btn.active{
  background:linear-gradient(180deg,#f4dfad 0%, #ebc86c 55%, #d39e3d 100%);
  color:#2e1607;
  border-color:rgba(255,241,199,.55);
  box-shadow:0 10px 20px rgba(109,63,15,.28), inset 0 1px 0 rgba(255,252,241,.6);
}
@media(max-width:520px){
  .header-actions{gap:6px}
  .lang-switcher{display:flex;padding:5px 6px;gap:4px;max-width:calc(100vw - 112px)}
  .lang-btn{min-height:34px;padding:7px 9px;gap:5px}
  .lang-btn .lang-code{font-size:.76rem}
}

/* ===== v66 — comunidade: ícones e CTA refinados ===== */
#comunidade.community-refined .icon-prayer .prime-icon{width:28px;height:28px}
#comunidade.community-refined .icon-facebook .glyph{font-size:2rem;font-weight:900;line-height:1;transform:translateY(-1px)}
#comunidade.community-refined .community-card-cta{cursor:pointer}


/* =========================================================
   v67 — APP MOBILE: compactação premium da área Fernando Pina
   - destaque "música de trabalho" mais compacto no app
   - cards do carrossel menores e mais elegantes no app
   - leitura preservada sem ocupar espaço exagerado
   ========================================================= */
@media (max-width: 640px){
  #lancamentos.bee-music-section,
  .bee-music-prime{
    padding:18px 12px !important;
    border-radius:24px !important;
  }

  #lancamentos .bee-music-head{
    max-width:100% !important;
    margin:0 auto 14px !important;
  }
  #lancamentos .bee-music-head .kicker{
    font-size:.76rem !important;
    letter-spacing:.14em !important;
    margin-bottom:6px !important;
  }
  #lancamentos .bee-music-head h2{
    font-size:clamp(2.05rem, 10vw, 2.75rem) !important;
    line-height:.94 !important;
    margin:0 0 8px !important;
  }
  #lancamentos .bee-music-head p:not(.kicker){
    font-size:.93rem !important;
    line-height:1.46 !important;
    max-width:92% !important;
    margin:0 auto !important;
  }

  /* Destaque principal mais compacto, no estilo app premium */
  #lancamentos .bee-prime-spotlight{
    grid-template-columns:minmax(128px, 158px) 1fr !important;
    align-items:start !important;
    text-align:left !important;
    gap:12px !important;
    max-width:100% !important;
    padding:12px !important;
    margin:14px auto 18px !important;
    border-radius:22px !important;
  }
  #lancamentos .bee-spotlight-media{
    max-width:158px !important;
    width:100% !important;
    border-radius:18px !important;
    align-self:start !important;
    box-shadow:0 12px 30px rgba(0,0,0,.28), 0 0 0 1px rgba(255,232,176,.06) inset !important;
  }
  #lancamentos .bee-spotlight-tag{
    left:10px !important;
    top:10px !important;
    font-size:.56rem !important;
    padding:6px 9px !important;
  }
  #lancamentos .bee-spotlight-copy{
    justify-items:start !important;
    align-content:start !important;
    gap:7px !important;
    max-width:100% !important;
    padding-top:2px !important;
  }
  #lancamentos .bee-music-badge{
    font-size:.62rem !important;
    padding:7px 10px !important;
  }
  #lancamentos .bee-spotlight-copy h3{
    font-size:clamp(1.48rem, 7.2vw, 2rem) !important;
    line-height:.96 !important;
    letter-spacing:-.01em !important;
    margin:0 !important;
  }
  #lancamentos .bee-feature-artist{
    font-size:.92rem !important;
    line-height:1.05 !important;
  }
  #lancamentos .bee-feature-text{
    font-size:.90rem !important;
    line-height:1.42 !important;
    max-width:100% !important;
  }
  #lancamentos .bee-music-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin-top:2px !important;
  }
  #lancamentos .bee-music-actions .bee-music-btn{
    width:100% !important;
    min-height:38px !important;
    padding:9px 12px !important;
    font-size:.78rem !important;
  }

  #lancamentos .bee-shelf-head{
    margin:2px auto 12px !important;
  }
  #lancamentos .bee-shelf-head h3{
    font-size:clamp(1.7rem, 9vw, 2.2rem) !important;
    line-height:.96 !important;
    max-width:92% !important;
  }

  /* Carrossel mais compacto no app */
  #lancamentos .bee-music-carousel{
    padding:0 28px !important;
    max-width:100% !important;
  }
  #lancamentos .bee-music-viewport{
    border-radius:22px !important;
  }
  #lancamentos .bee-music-rail{
    grid-auto-columns:184px !important;
    gap:10px !important;
    padding:4px 0 10px !important;
  }
  #lancamentos .bee-music-tile{
    width:184px !important;
    min-width:184px !important;
    border-radius:22px !important;
  }
  #lancamentos .bee-tile-status{
    left:8px !important;
    top:8px !important;
    font-size:.54rem !important;
    padding:5px 8px !important;
  }
  #lancamentos .bee-tile-copy{
    padding:11px 11px 12px !important;
    gap:7px !important;
    min-height:198px !important;
  }
  #lancamentos .bee-tile-copy h4{
    font-size:1.02rem !important;
    line-height:1.05 !important;
    min-height:2.5rem !important;
  }
  #lancamentos .bee-tile-copy p{
    font-size:.74rem !important;
    line-height:1.30 !important;
    min-height:2.15rem !important;
  }
  #lancamentos .bee-tile-copy .bee-music-btn{
    min-height:36px !important;
    padding:8px 10px !important;
    font-size:.73rem !important;
  }
  #lancamentos .bee-music-arrow{
    width:36px !important;
    height:36px !important;
    min-width:36px !important;
    min-height:36px !important;
    font-size:1.12rem !important;
  }

  /* Bloco de aviso mais proporcional */
  #lancamentos .bee-music-alert{
    margin-top:10px !important;
    padding:14px !important;
    border-radius:22px !important;
    gap:10px !important;
  }
  #lancamentos .bee-music-alert h4{
    font-size:clamp(1.45rem, 8vw, 2rem) !important;
    line-height:.98 !important;
  }
  #lancamentos .bee-music-alert p{
    font-size:.92rem !important;
    line-height:1.42 !important;
  }
  #lancamentos .bee-music-alert .bee-music-btn{
    min-width:0 !important;
    width:100% !important;
    min-height:40px !important;
    padding:10px 14px !important;
    font-size:.82rem !important;
  }
}

@media (max-width: 420px){
  #lancamentos .bee-prime-spotlight{
    grid-template-columns:138px 1fr !important;
    gap:10px !important;
  }
  #lancamentos .bee-spotlight-media{
    max-width:138px !important;
  }
  #lancamentos .bee-spotlight-copy h3{
    font-size:clamp(1.32rem, 7vw, 1.72rem) !important;
  }
  #lancamentos .bee-feature-text{
    font-size:.86rem !important;
  }
  #lancamentos .bee-music-carousel{
    padding:0 26px !important;
  }
  #lancamentos .bee-music-rail{
    grid-auto-columns:176px !important;
  }
  #lancamentos .bee-music-tile{
    width:176px !important;
    min-width:176px !important;
  }
  #lancamentos .bee-tile-copy{
    min-height:190px !important;
  }
}


/* ===== v68 — bandeiras reais no seletor de idioma ===== */
.lang-btn .flag{
  width:18px;
  height:13px;
  min-width:18px;
  display:inline-block;
  border-radius:3px;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  box-shadow:0 0 0 1px rgba(255,255,255,.12), 0 1px 3px rgba(0,0,0,.18);
}
.lang-btn .flag-br{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 13'><rect width='18' height='13' rx='1.6' fill='%23009b3a'/><polygon points='9,1.4 15.2,6.5 9,11.6 2.8,6.5' fill='%23ffdf00'/><circle cx='9' cy='6.5' r='2.5' fill='%23002776'/></svg>")}
.lang-btn .flag-us{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 13'><rect width='18' height='13' rx='1.6' fill='%23b22234'/><g fill='%23fff'><rect y='1' width='18' height='1'/><rect y='3' width='18' height='1'/><rect y='5' width='18' height='1'/><rect y='7' width='18' height='1'/><rect y='9' width='18' height='1'/><rect y='11' width='18' height='1'/></g><rect width='7.8' height='7' rx='1.2' fill='%233c3b6e'/><g fill='%23fff'><circle cx='1.3' cy='1.2' r='.35'/><circle cx='3' cy='1.2' r='.35'/><circle cx='4.7' cy='1.2' r='.35'/><circle cx='6.4' cy='1.2' r='.35'/><circle cx='2.15' cy='2.35' r='.35'/><circle cx='3.85' cy='2.35' r='.35'/><circle cx='5.55' cy='2.35' r='.35'/><circle cx='1.3' cy='3.5' r='.35'/><circle cx='3' cy='3.5' r='.35'/><circle cx='4.7' cy='3.5' r='.35'/><circle cx='6.4' cy='3.5' r='.35'/><circle cx='2.15' cy='4.65' r='.35'/><circle cx='3.85' cy='4.65' r='.35'/><circle cx='5.55' cy='4.65' r='.35'/><circle cx='1.3' cy='5.8' r='.35'/><circle cx='3' cy='5.8' r='.35'/><circle cx='4.7' cy='5.8' r='.35'/><circle cx='6.4' cy='5.8' r='.35'/></g></svg>")}
.lang-btn .flag-es{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 13'><rect width='18' height='13' rx='1.6' fill='%23aa151b'/><rect y='3' width='18' height='7' fill='%23f1bf00'/></svg>")}
@media(max-width:520px){
  .lang-btn .flag{width:16px;height:12px;min-width:16px;border-radius:2px}
}


/* ===== v69 — header mobile destravado / sem elementos encavalados ===== */
@media (max-width: 520px){
  .site-header{
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:10px 10px 10px 12px!important;
    border-radius:26px!important;
  }
  .brand{
    gap:8px!important;
    min-width:0!important;
    flex:0 1 auto!important;
  }
  .brand-logo-mark,
  .brand-mark{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }
  .brand > span:last-child{
    min-width:0!important;
    display:block!important;
  }
  .brand strong{
    font-size:1rem!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:86px!important;
  }
  .brand small{
    display:none!important;
  }
  .header-actions{
    min-width:0!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:7px!important;
  }
  .lang-switcher{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    justify-content:space-between!important;
    padding:5px 6px!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  .lang-btn{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:34px!important;
    padding:6px 7px!important;
    gap:4px!important;
  }
  .lang-btn .flag{
    width:14px!important;
    height:10px!important;
    min-width:14px!important;
  }
  .lang-btn .lang-code{
    font-size:.74rem!important;
    letter-spacing:0!important;
  }
  .menu-toggle{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }
}
@media (max-width: 390px){
  .site-header{
    padding:9px 9px 9px 10px!important;
    gap:6px!important;
  }
  .brand-logo-mark,
  .brand-mark{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }
  .brand strong{max-width:58px!important;font-size:.96rem!important;}
  .header-actions{gap:6px!important;}
  .lang-switcher{padding:4px 5px!important;gap:3px!important;}
  .lang-btn{padding:6px 6px!important;gap:3px!important;}
  .lang-btn .lang-code{font-size:.7rem!important;}
  .menu-toggle{width:38px!important;height:38px!important;min-width:38px!important;}
}


/* =========================================================
   v70 — AUDITORIA GERAL SITE + APP
   foco: mobile sólido, sem encavalamento, sem estouro
   ========================================================= */

/* segurança de layout geral */
*, *::before, *::after{box-sizing:border-box;}
img, video{max-width:100%;height:auto;}
.panel, .identity-panel, .bee-music-section, .bee-music-prime, .faith-store-section, .community-refined{overflow:clip;}

/* APP / MOBILE — correção definitiva da área Fernando Pina */
@media (max-width: 680px){
  #lancamentos.bee-music-section,
  #lancamentos.bee-music-prime,
  #lancamentos .bee-music-prime{
    padding:18px 12px !important;
    border-radius:24px !important;
  }

  #lancamentos .bee-music-head{
    margin:0 auto 14px !important;
    max-width:100% !important;
    text-align:center !important;
  }
  #lancamentos .bee-music-head .kicker{
    font-size:.78rem !important;
    letter-spacing:.14em !important;
    margin-bottom:8px !important;
  }
  #lancamentos .bee-music-head h2{
    font-size:clamp(2rem, 11vw, 2.95rem) !important;
    line-height:.96 !important;
    margin:0 0 10px !important;
  }
  #lancamentos .bee-music-head p:not(.kicker){
    max-width:96% !important;
    font-size:.95rem !important;
    line-height:1.45 !important;
  }

  /* stack do destaque principal para nunca quebrar */
  #lancamentos .bee-prime-spotlight,
  #lancamentos .bee-music-feature{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    align-items:start !important;
    text-align:center !important;
    padding:14px !important;
    margin:14px auto 18px !important;
    max-width:100% !important;
    border-radius:24px !important;
  }
  #lancamentos .bee-spotlight-media,
  #lancamentos .bee-feature-media{
    width:min(100%, 230px) !important;
    max-width:230px !important;
    justify-self:center !important;
    margin:0 auto !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }
  #lancamentos .bee-spotlight-video,
  #lancamentos .bee-feature-video{
    aspect-ratio:4/5 !important;
    object-fit:cover !important;
    width:100% !important;
    height:100% !important;
    display:block !important;
  }
  #lancamentos .bee-spotlight-tag{
    left:10px !important;
    top:10px !important;
    font-size:.64rem !important;
    padding:7px 10px !important;
    max-width:calc(100% - 20px) !important;
    white-space:normal !important;
    line-height:1.1 !important;
  }
  #lancamentos .bee-spotlight-copy,
  #lancamentos .bee-feature-copy{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    justify-items:center !important;
    align-content:start !important;
    text-align:center !important;
    gap:8px !important;
    padding:0 !important;
  }
  #lancamentos .bee-music-badge,
  #lancamentos .bee-release-status{
    font-size:.67rem !important;
    padding:8px 12px !important;
    white-space:normal !important;
    line-height:1.05 !important;
    text-align:center !important;
  }
  #lancamentos .bee-spotlight-copy h3,
  #lancamentos .bee-feature-copy h3{
    font-size:clamp(1.78rem, 8.6vw, 2.28rem) !important;
    line-height:.95 !important;
    letter-spacing:-.01em !important;
    margin:0 !important;
    max-width:100% !important;
    overflow-wrap:anywhere !important;
  }
  #lancamentos .bee-feature-artist{
    font-size:1rem !important;
    line-height:1.1 !important;
    margin:0 !important;
  }
  #lancamentos .bee-feature-text{
    font-size:.96rem !important;
    line-height:1.42 !important;
    max-width:100% !important;
    margin:0 !important;
  }
  #lancamentos .bee-music-actions{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:4px !important;
  }
  #lancamentos .bee-music-actions .bee-music-btn{
    width:100% !important;
    min-height:42px !important;
    padding:10px 12px !important;
    font-size:.85rem !important;
  }

  /* cabeçalho do carrossel compacto */
  #lancamentos .bee-shelf-head{
    display:block !important;
    text-align:center !important;
    margin:8px auto 12px !important;
    max-width:100% !important;
  }
  #lancamentos .bee-shelf-head h3{
    font-size:clamp(1.72rem, 9vw, 2.2rem) !important;
    line-height:.96 !important;
    margin:0 auto !important;
    max-width:94% !important;
  }

  /* carrossel app compacto e elegante */
  #lancamentos .bee-music-carousel{
    padding:0 34px !important;
    max-width:100% !important;
  }
  #lancamentos .bee-music-viewport{
    border-radius:22px !important;
    overflow:hidden !important;
  }
  #lancamentos .bee-music-rail{
    grid-auto-columns:minmax(192px, 62vw) !important;
    gap:12px !important;
    padding:4px 0 8px !important;
  }
  #lancamentos .bee-music-tile{
    width:auto !important;
    min-width:0 !important;
    border-radius:22px !important;
    overflow:hidden !important;
  }
  #lancamentos .bee-tile-cover{aspect-ratio:4/5 !important;}
  #lancamentos .bee-tile-video{width:100% !important;height:100% !important;object-fit:cover !important;}
  #lancamentos .bee-tile-status{
    left:8px !important;
    top:8px !important;
    font-size:.56rem !important;
    padding:6px 9px !important;
  }
  #lancamentos .bee-tile-copy{
    padding:11px 11px 12px !important;
    gap:8px !important;
    min-height:auto !important;
  }
  #lancamentos .bee-tile-copy h4{
    font-size:1rem !important;
    line-height:1.08 !important;
    min-height:auto !important;
  }
  #lancamentos .bee-tile-copy p{
    font-size:.78rem !important;
    line-height:1.32 !important;
    min-height:auto !important;
  }
  #lancamentos .bee-tile-copy .bee-music-btn{
    min-height:36px !important;
    padding:8px 10px !important;
    font-size:.74rem !important;
  }
  #lancamentos .bee-music-arrow{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    font-size:1.18rem !important;
    top:42% !important;
  }

  #lancamentos .bee-music-alert{
    margin-top:12px !important;
    padding:14px !important;
    border-radius:22px !important;
    gap:10px !important;
  }
  #lancamentos .bee-music-alert h4{
    font-size:clamp(1.4rem, 8vw, 1.9rem) !important;
    line-height:1 !important;
  }
  #lancamentos .bee-music-alert p{
    font-size:.92rem !important;
    line-height:1.42 !important;
  }
  #lancamentos .bee-music-alert .bee-music-btn{
    min-width:0 !important;
    width:100% !important;
  }

  /* botão flutuante sem atropelar conteúdo em navegador mobile */
  .install-app-float{
    bottom:calc(env(safe-area-inset-bottom, 0px) + 76px) !important;
    min-width:146px !important;
    min-height:54px !important;
    padding:14px 20px !important;
    font-size:1rem !important;
  }
  .back-top{
    bottom:calc(env(safe-area-inset-bottom, 0px) + 150px) !important;
    right:14px !important;
  }
}

@media (max-width: 420px){
  #lancamentos .bee-spotlight-media,
  #lancamentos .bee-feature-media{
    max-width:190px !important;
    width:min(100%, 190px) !important;
  }
  #lancamentos .bee-spotlight-copy h3,
  #lancamentos .bee-feature-copy h3{
    font-size:clamp(1.62rem, 8vw, 2rem) !important;
  }
  #lancamentos .bee-feature-text{
    font-size:.92rem !important;
  }
  #lancamentos .bee-music-carousel{padding:0 30px !important;}
  #lancamentos .bee-music-rail{grid-auto-columns:minmax(182px, 66vw) !important;}
}


/* =========================================================
   v71 — CORREÇÃO REAL MULTILÍNGUE + PERFORMANCE
   foco: header mobile limpo, sem cobrir grafia, abertura mais rápida
   ========================================================= */

/* performance: renderizar primeiro o que aparece, aliviar o resto */
#palavra,
#radio,
#loja,
#lancamentos,
#comunidade,
footer{
  content-visibility:auto;
  contain-intrinsic-size:900px;
}
.radio-video-card,
.pao-video-frame,
.bee-spotlight-media,
.bee-music-tile,
.faith-store-card,
.community-card{
  contain:layout paint style;
}

/* mobile/app: multilíngue sem cobrir a grafia */
@media (max-width: 680px){
  .site-header{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:10px 12px!important;
    border-radius:28px!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  .brand{
    flex:1 1 calc(100% - 56px)!important;
    min-width:0!important;
    gap:10px!important;
  }
  .brand-logo-mark,
  .brand-mark{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }
  .brand > span:last-child{min-width:0!important;display:block!important;}
  .brand strong{
    max-width:none!important;
    font-size:1.06rem!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .brand small{
    display:block!important;
    font-size:.68rem!important;
    line-height:1.05!important;
    margin-top:4px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .header-actions{
    flex:0 0 auto!important;
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    width:auto!important;
  }
  .menu-toggle{
    order:1!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    flex:0 0 42px!important;
  }
  .lang-switcher{
    order:2!important;
    flex:1 1 100%!important;
    width:100%!important;
    max-width:100%!important;
    justify-content:center!important;
    gap:6px!important;
    padding:6px!important;
    margin-top:2px!important;
    overflow:visible!important;
  }
  .lang-btn{
    flex:0 1 auto!important;
    min-width:62px!important;
    min-height:36px!important;
    padding:7px 10px!important;
    gap:6px!important;
  }
  .lang-btn .flag{width:16px!important;height:12px!important;min-width:16px!important;}
  .lang-btn .lang-code{font-size:.8rem!important;letter-spacing:.01em!important;}

  /* aliviar peso visual e render no app */
  .site-header,
  .panel,
  .identity-panel,
  .faith-store-shell,
  .bee-prime-spotlight,
  .bee-music-tile,
  .community-card{
    box-shadow:0 12px 34px rgba(35,18,4,.18)!important;
  }
}

@media (max-width: 430px){
  .site-header{padding:10px 10px 11px!important;}
  .brand{gap:8px!important;}
  .brand-logo-mark,
  .brand-mark{width:44px!important;height:44px!important;min-width:44px!important;}
  .brand strong{font-size:.98rem!important;}
  .brand small{font-size:.63rem!important;}
  .lang-switcher{gap:4px!important;padding:5px!important;}
  .lang-btn{min-width:58px!important;padding:7px 8px!important;}
  .lang-btn .lang-code{font-size:.76rem!important;}
}

/* aparelhos muito estreitos */
@media (max-width: 360px){
  .brand strong{font-size:.92rem!important;}
  .brand small{font-size:.58rem!important;}
  .lang-btn{min-width:54px!important;padding:6px 7px!important;}
  .lang-btn .flag{width:14px!important;height:10px!important;min-width:14px!important;}
  .lang-btn .lang-code{font-size:.72rem!important;}
}


/* =========================================================
   v72 — LIMPEZA PRIME MOBILE
   foco: header app elegante estilo Rogério, destaque compacto,
   sem sobreposição, sem badge "música de trabalho", botão instalar discreto
   ========================================================= */

/* nunca mostrar a antiga etiqueta */
.bee-spotlight-tag{display:none!important;}

/* botão instalar no app: discreto, no canto, sem tampar conteúdo */
@media (max-width: 760px){
  .install-app-float{
    left:auto!important;
    right:14px!important;
    bottom:16px!important;
    transform:none!important;
    min-width:132px!important;
    min-height:46px!important;
    padding:10px 16px!important;
    font-size:.95rem!important;
    border-radius:999px!important;
    box-shadow:0 10px 24px rgba(25,10,3,.26)!important;
  }
  .install-app-float:hover{transform:translateY(-2px)!important;}
  .back-top{
    right:14px!important;
    bottom:72px!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
  }
}

/* header mobile estilo app premium: marca em cima, idiomas abaixo, menu alinhado */
@media (max-width: 760px){
  .site-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      'brand menu'
      'lang  lang'!important;
    align-items:center!important;
    gap:10px 12px!important;
    padding:14px 14px 12px!important;
    border-radius:30px!important;
  }
  .brand{grid-area:brand!important;min-width:0!important;display:flex!important;align-items:center!important;gap:10px!important;}
  .header-actions{display:contents!important;}
  .menu-toggle{
    grid-area:menu!important;
    justify-self:end!important;
    align-self:start!important;
    width:46px!important;height:46px!important;min-width:46px!important;
    margin:0!important;
  }
  .lang-switcher{
    grid-area:lang!important;
    width:100%!important;
    max-width:100%!important;
    justify-self:start!important;
    justify-content:flex-start!important;
    padding:6px!important;
    gap:6px!important;
    margin:2px 0 0!important;
    border-radius:999px!important;
  }
  .brand-logo-mark,
  .brand-mark{width:54px!important;height:54px!important;min-width:54px!important;}
  .brand > span:last-child{min-width:0!important;display:block!important;}
  .brand strong{
    max-width:none!important;
    font-size:1.16rem!important;
    line-height:1.04!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .brand small{
    display:block!important;
    font-size:.80rem!important;
    line-height:1.05!important;
    margin-top:4px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .lang-btn{min-width:66px!important;min-height:38px!important;padding:7px 10px!important;gap:7px!important;}
  .lang-btn .flag{width:18px!important;height:13px!important;min-width:18px!important;}
  .lang-btn .lang-code{font-size:.86rem!important;}
}
@media (max-width: 420px){
  .site-header{padding:12px 12px 10px!important;gap:9px 10px!important;}
  .brand-logo-mark,.brand-mark{width:50px!important;height:50px!important;min-width:50px!important;}
  .brand strong{font-size:1.08rem!important;}
  .brand small{font-size:.74rem!important;}
  .lang-btn{min-width:62px!important;padding:7px 9px!important;}
}
@media (max-width: 360px){
  .brand strong{font-size:1rem!important;}
  .brand small{font-size:.68rem!important;}
  .lang-btn{min-width:56px!important;padding:6px 8px!important;}
  .lang-btn .lang-code{font-size:.78rem!important;}
}

/* destaque do Fernando Pina compacto e elegante no app */
@media (max-width: 760px){
  #lancamentos .bee-prime-spotlight,
  #lancamentos .bee-music-feature{
    display:grid!important;
    grid-template-columns:120px minmax(0,1fr)!important;
    align-items:start!important;
    text-align:left!important;
    gap:14px!important;
    padding:14px!important;
    margin:14px auto 16px!important;
    border-radius:26px!important;
    max-width:100%!important;
  }
  #lancamentos .bee-spotlight-media,
  #lancamentos .bee-feature-media{
    width:120px!important;
    max-width:120px!important;
    min-width:120px!important;
    justify-self:start!important;
    margin:0!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  #lancamentos .bee-spotlight-video,
  #lancamentos .bee-feature-video{
    aspect-ratio:4 / 5!important;
    object-fit:cover!important;
  }
  #lancamentos .bee-spotlight-copy,
  #lancamentos .bee-feature-copy{
    display:grid!important;
    justify-items:start!important;
    align-content:start!important;
    text-align:left!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    min-width:0!important;
  }
  #lancamentos .bee-music-badge,
  #lancamentos .bee-release-status{
    font-size:.66rem!important;
    padding:7px 11px!important;
    line-height:1.04!important;
    white-space:normal!important;
    text-align:center!important;
  }
  #lancamentos .bee-spotlight-copy h3,
  #lancamentos .bee-feature-copy h3{
    font-size:clamp(1.28rem,5.8vw,1.72rem)!important;
    line-height:.95!important;
    margin:0!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
  }
  #lancamentos .bee-feature-artist{
    font-size:.9rem!important;
    line-height:1.08!important;
    margin:0!important;
  }
  #lancamentos .bee-feature-text{
    font-size:.86rem!important;
    line-height:1.36!important;
    margin:0!important;
    max-width:100%!important;
  }
  #lancamentos .bee-music-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:2px!important;
  }
  #lancamentos .bee-music-actions .bee-music-btn{
    width:100%!important;
    min-height:38px!important;
    padding:9px 12px!important;
    font-size:.82rem!important;
  }
  #lancamentos .bee-shelf-head{
    margin:10px auto 10px!important;
  }
  #lancamentos .bee-shelf-head h3{
    font-size:clamp(1.64rem,8vw,2.1rem)!important;
    line-height:.98!important;
    max-width:94%!important;
  }
}
@media (max-width: 430px){
  #lancamentos .bee-prime-spotlight,
  #lancamentos .bee-music-feature{
    grid-template-columns:108px minmax(0,1fr)!important;
    gap:12px!important;
    padding:12px!important;
  }
  #lancamentos .bee-spotlight-media,
  #lancamentos .bee-feature-media{
    width:108px!important;
    max-width:108px!important;
    min-width:108px!important;
  }
  #lancamentos .bee-spotlight-copy h3,
  #lancamentos .bee-feature-copy h3{
    font-size:clamp(1.18rem,5.5vw,1.5rem)!important;
  }
  #lancamentos .bee-feature-text{font-size:.82rem!important;line-height:1.33!important;}
  #lancamentos .bee-music-actions .bee-music-btn{font-size:.78rem!important;min-height:36px!important;}
}

/* nada estourando na dobra principal do app */
@media (max-width: 760px){
  .hero-panel,
  .daily-card,
  .radio-shell,
  .panel,
  .identity-panel,
  .faith-store-shell,
  .bee-shelf-wrap,
  .community-shell{
    overflow:hidden!important;
  }
}


/* =========================================================
   v73 — PENTE FINO GERAL SITE + APP
   foco: mobile e desktop alinhados, sem estouro lateral,
   sem ícone azul, multilíngue centralizado, destaque musical prime.
   ========================================================= */

html, body { overflow-x: hidden !important; }
main, section, article, div { box-sizing: border-box; }

/* botões de preview sem ícone azul */
.upcoming-preview-btn{
  position:relative;
}
.upcoming-preview-btn::before{
  content:'►';
  display:inline-block;
  margin-right:8px;
  font-size:.92em;
  line-height:1;
  color:currentColor;
  transform:translateY(-.02em);
}
.upcoming-preview-btn.is-playing::before{
  content:'❚❚';
  letter-spacing:-1px;
  font-size:.86em;
}

/* reforço de leitura e contenção global da seção musical */
#lancamentos,
#lancamentos *{
  max-width:100%;
}
#lancamentos .bee-music-head,
#lancamentos .bee-shelf-head,
#lancamentos .bee-prime-spotlight,
#lancamentos .bee-music-carousel,
#lancamentos .bee-music-alert{
  overflow:hidden!important;
}
#lancamentos .bee-feature-copy h3,
#lancamentos .bee-shelf-head h3,
#lancamentos .bee-tile-copy h4{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}

/* instalar app discreto e sem tampar conteúdo */
@media (max-width: 760px){
  .install-app-float{
    left:auto!important;
    right:14px!important;
    bottom:18px!important;
    transform:none!important;
    min-width:136px!important;
    min-height:48px!important;
    padding:10px 16px!important;
    font-size:.98rem!important;
    border-radius:999px!important;
    z-index:60!important;
  }
  .back-top{
    right:14px!important;
    bottom:76px!important;
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
    z-index:59!important;
  }
}

/* HEADER MOBILE — centralizado, limpo, sem invadir a marca */
@media (max-width: 760px){
  .site-header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      'brand menu'
      'lang  lang'!important;
    gap:12px 12px!important;
    align-items:center!important;
    padding:14px!important;
    border-radius:28px!important;
  }
  .brand{grid-area:brand!important;min-width:0!important;gap:10px!important;}
  .header-actions{display:contents!important;}
  .menu-toggle{
    grid-area:menu!important;
    justify-self:end!important;
    align-self:start!important;
    margin:0!important;
    width:46px!important;height:46px!important;min-width:46px!important;
  }
  .lang-switcher{
    grid-area:lang!important;
    width:auto!important;
    max-width:230px!important;
    min-width:210px!important;
    justify-self:center!important;
    justify-content:center!important;
    margin:0 auto!important;
    padding:5px 6px!important;
    gap:4px!important;
    border-radius:999px!important;
  }
  .lang-btn{
    min-width:58px!important;
    min-height:36px!important;
    padding:7px 8px!important;
    gap:6px!important;
  }
  .lang-btn .flag{width:17px!important;height:12px!important;min-width:17px!important;}
  .lang-btn .lang-code{font-size:.86rem!important;}
  .brand strong{
    font-size:1.14rem!important;
    line-height:1.06!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .brand small{
    font-size:.79rem!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}
@media (max-width: 390px){
  .lang-switcher{max-width:214px!important;min-width:196px!important;}
  .lang-btn{min-width:54px!important;padding:6px 7px!important;}
  .brand strong{font-size:1.06rem!important;}
  .brand small{font-size:.73rem!important;}
}

/* BLOCO PRINCIPAL FERNANDO PINA — mobile vertical, elegante e sem estouro */
@media (max-width: 760px){
  #lancamentos .bee-music-head{
    gap:8px!important;
    margin-bottom:16px!important;
  }
  #lancamentos .bee-music-head p{
    max-width:96%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    line-height:1.38!important;
  }
  #lancamentos .bee-prime-spotlight,
  #lancamentos .bee-music-feature{
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-items:start!important;
    text-align:center!important;
    gap:12px!important;
    padding:14px!important;
    border-radius:26px!important;
    margin:14px auto 20px!important;
  }
  #lancamentos .bee-spotlight-media,
  #lancamentos .bee-feature-media{
    width:min(210px,58vw)!important;
    max-width:min(210px,58vw)!important;
    min-width:min(210px,58vw)!important;
    margin:0 auto!important;
    border-radius:22px!important;
  }
  #lancamentos .bee-spotlight-video,
  #lancamentos .bee-feature-video{
    aspect-ratio:4 / 5!important;
    min-height:auto!important;
    object-fit:cover!important;
  }
  #lancamentos .bee-spotlight-copy,
  #lancamentos .bee-feature-copy{
    width:100%!important;
    display:grid!important;
    justify-items:center!important;
    text-align:center!important;
    gap:8px!important;
    min-width:0!important;
    padding:0 2px!important;
  }
  #lancamentos .bee-music-badge,
  #lancamentos .bee-release-status{
    max-width:100%!important;
    padding:8px 14px!important;
    font-size:.68rem!important;
    line-height:1.06!important;
    white-space:normal!important;
  }
  #lancamentos .bee-feature-copy h3{
    font-size:clamp(1.18rem,6.2vw,2rem)!important;
    line-height:.98!important;
    margin:0!important;
    max-width:100%!important;
    white-space:normal!important;
  }
  #lancamentos .bee-feature-artist{
    font-size:.94rem!important;
    line-height:1.06!important;
    margin:0!important;
  }
  #lancamentos .bee-feature-text{
    font-size:.86rem!important;
    line-height:1.36!important;
    max-width:92%!important;
    margin:0 auto!important;
  }
  #lancamentos .bee-music-actions{
    width:100%!important;
    max-width:320px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:4px!important;
  }
  #lancamentos .bee-music-actions .bee-music-btn{
    width:100%!important;
    min-height:40px!important;
    font-size:.84rem!important;
    padding:10px 14px!important;
  }
  #lancamentos .bee-shelf-head{
    margin:8px auto 12px!important;
    text-align:center!important;
  }
  #lancamentos .bee-shelf-head h3{
    font-size:clamp(1.6rem,7.5vw,2.2rem)!important;
    line-height:1.02!important;
    max-width:90%!important;
    margin:0 auto!important;
  }
}

/* CARROSSEL E CARDS MOBILE — mais compactos, com leitura limpa */
@media (max-width: 760px){
  #lancamentos .bee-music-carousel{padding-inline:0!important;}
  #lancamentos .bee-music-viewport{
    padding:0 8px!important;
  }
  #lancamentos .bee-music-tile{
    width:min(84vw,320px)!important;
    min-width:min(84vw,320px)!important;
  }
  #lancamentos .bee-tile-copy{
    gap:9px!important;
    padding:14px 14px 16px!important;
  }
  #lancamentos .bee-tile-copy h4{
    font-size:1.05rem!important;
    line-height:1.08!important;
    min-height:auto!important;
  }
  #lancamentos .bee-tile-copy p{
    font-size:.86rem!important;
    line-height:1.35!important;
    min-height:auto!important;
  }
  #lancamentos .bee-tile-copy .bee-music-btn{
    min-height:38px!important;
    padding:9px 12px!important;
    font-size:.79rem!important;
  }
  #lancamentos .bee-music-arrow{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    top:38%!important;
  }
}

/* DESKTOP/TABLET — prevenção de estouro lateral e textos elegantes */
@media (min-width: 761px){
  #lancamentos .bee-prime-spotlight{overflow:hidden!important;}
  #lancamentos .bee-feature-copy h3{
    font-size:clamp(2rem,4.2vw,3.5rem)!important;
    line-height:.96!important;
  }
  #lancamentos .bee-feature-text{
    max-width:640px!important;
    overflow-wrap:anywhere!important;
  }
}

/* caixas principais sem rabos laterais */
.hero,
.identity-panel,
.panel,
.community-shell,
.faith-store-shell,
.bee-shelf-wrap,
.bee-music-section,
.daily-card,
.radio-shell,
.radio-compact-grid,
.pao-video-panel{
  overflow:hidden!important;
}


/* =========================================================
   v74 — correção cirúrgica carrossel mobile + acabamento final
   ========================================================= */

/* remover qualquer ícone azul dos previews */
.upcoming-preview-btn::before{content:none!important;display:none!important;}

/* trilho do carrossel: impedir encavalamento dos cards no mobile */
@media (max-width: 760px){
  #lancamentos .bee-prime-spotlight,
  #lancamentos .bee-music-feature{
    max-width:100%!important;
    overflow:hidden!important;
  }
  #lancamentos .bee-shelf-head{
    max-width:100%!important;
    overflow:hidden!important;
    margin:8px auto 10px!important;
  }
  #lancamentos .bee-shelf-head h3{
    font-size:clamp(1.55rem,7.2vw,2rem)!important;
    line-height:1.02!important;
    max-width:88%!important;
    margin:0 auto!important;
  }
  #lancamentos .bee-music-carousel{
    max-width:100%!important;
    padding-inline:0!important;
    overflow:hidden!important;
  }
  #lancamentos .bee-music-viewport{
    padding:0 16px!important;
    overflow:hidden!important;
  }
  #lancamentos .bee-music-rail{
    grid-auto-columns: minmax(248px, 248px)!important;
    gap:12px!important;
    padding:2px 0 10px!important;
    margin-inline:0!important;
  }
  #lancamentos .bee-music-tile{
    width:100%!important;
    min-width:0!important;
    max-width:248px!important;
    border-radius:24px!important;
  }
  #lancamentos .bee-tile-cover{
    aspect-ratio: 4 / 4.9!important;
  }
  #lancamentos .bee-tile-copy{
    gap:8px!important;
    padding:12px 12px 14px!important;
  }
  #lancamentos .bee-tile-copy h4{
    font-size:1rem!important;
    line-height:1.08!important;
  }
  #lancamentos .bee-tile-copy p{
    font-size:.82rem!important;
    line-height:1.3!important;
  }
  #lancamentos .bee-tile-copy .bee-music-btn{
    min-height:36px!important;
    font-size:.78rem!important;
    padding:8px 10px!important;
  }
  #lancamentos .bee-music-arrow{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    top:34%!important;
    z-index:4!important;
  }
}
@media (max-width: 390px){
  #lancamentos .bee-music-viewport{padding:0 12px!important;}
  #lancamentos .bee-music-rail{grid-auto-columns:minmax(228px,228px)!important;}
  #lancamentos .bee-music-tile{max-width:228px!important;}
  #lancamentos .bee-feature-copy h3{font-size:clamp(1.1rem,5.6vw,1.7rem)!important;}
  #lancamentos .bee-feature-text{font-size:.82rem!important;line-height:1.32!important;}
}

/* destaque musical mobile mais elegante e compacto */
@media (max-width: 760px){
  #lancamentos .bee-spotlight-media,
  #lancamentos .bee-feature-media{
    width:min(180px, 48vw)!important;
    max-width:min(180px, 48vw)!important;
    min-width:min(180px, 48vw)!important;
  }
  #lancamentos .bee-feature-copy h3{
    font-size:clamp(1.35rem,6vw,2rem)!important;
    line-height:1!important;
  }
  #lancamentos .bee-feature-text{
    max-width:94%!important;
    font-size:.84rem!important;
    line-height:1.34!important;
  }
}

/* garantir contenção visual geral do app */
@media (max-width: 760px){
  .panel,
  .hero,
  .identity-panel,
  .daily-card,
  .radio-shell,
  .radio-compact-grid,
  .pao-video-panel,
  .faith-store-shell,
  .bee-music-section,
  .community-prime-grid,
  .drawer-card{
    overflow:hidden!important;
  }
}


/* =========================================================
   v75 — comunidade: CTAs na lógica oficial da paleta
   amarelo no marrom / marrom no amarelo
   ========================================================= */
#comunidade.community-refined .community-card-cta{
  min-height:44px!important;
  padding:10px 18px!important;
  border-radius:999px!important;
  font-size:.9rem!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  transition:transform .16s ease, box-shadow .18s ease, filter .18s ease!important;
}
#comunidade.community-refined .quick-card:nth-child(odd) .community-card-cta{
  background:linear-gradient(180deg,var(--pao-v22-brown-1) 0%,var(--pao-v22-brown-2) 56%,var(--pao-v22-brown-3) 100%)!important;
  color:var(--pao-v22-text-cream)!important;
  -webkit-text-fill-color:var(--pao-v22-text-cream)!important;
  border:1px solid var(--pao-v22-line-brown)!important;
  box-shadow:var(--pao-v22-shadow-brown)!important;
}
#comunidade.community-refined .quick-card:nth-child(even) .community-card-cta{
  background:linear-gradient(180deg,var(--pao-v22-gold-1) 0%,var(--pao-v22-gold-2) 54%,var(--pao-v22-gold-3) 100%)!important;
  color:var(--pao-v22-text-brown)!important;
  -webkit-text-fill-color:var(--pao-v22-text-brown)!important;
  border:1px solid var(--pao-v22-line-gold)!important;
  box-shadow:var(--pao-v22-shadow-gold)!important;
}
#comunidade.community-refined .community-card-cta:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.02)!important;
}
@media (max-width:760px){
  #comunidade.community-refined .community-card-cta{
    width:min(100%, 210px)!important;
  }
}


/* =========================================================
   v76 — APP mobile, comunidade e instalar app: correção fina
   ========================================================= */

/* 1) Botões principais do app: todos lado a lado, 2 colunas, mescla prime */
@media (max-width: 760px){
  .identity-panel .main-buttons{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  .identity-panel .main-buttons .pill,
  .identity-panel .main-buttons .pill-button,
  .identity-panel #main-share-app{
    width:100%!important;
    min-width:0!important;
    min-height:78px!important;
    padding:14px 12px!important;
    border-radius:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    line-height:1.12!important;
    font-size:1rem!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    grid-column:auto!important;
  }
  .identity-panel .main-buttons .pill:nth-child(1),
  .identity-panel .main-buttons .pill:nth-child(3),
  .identity-panel #main-share-app{
    background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;
    color:var(--pao-text-brown)!important;
    -webkit-text-fill-color:var(--pao-text-brown)!important;
    border:1px solid var(--pao-line-gold)!important;
    box-shadow:var(--pao-shadow-gold)!important;
  }
  .identity-panel .main-buttons .pill:nth-child(2),
  .identity-panel .main-buttons .pill:nth-child(4),
  .identity-panel .main-buttons .pill:nth-child(5){
    background:linear-gradient(180deg,var(--pao-brown-1) 0%,var(--pao-brown-2) 52%,var(--pao-brown-3) 100%)!important;
    color:var(--pao-text-cream)!important;
    -webkit-text-fill-color:var(--pao-text-cream)!important;
    border:1px solid var(--pao-line-soft)!important;
    box-shadow:var(--pao-shadow-brown)!important;
  }
  .identity-panel #main-share-app .cta-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    margin-right:10px!important;
  }
  .identity-panel #main-share-app span:last-child{
    font-size:1rem!important;
    font-weight:950!important;
    line-height:1.1!important;
  }
}

/* 2) CTAs da comunidade seguindo a lógica exata pedida */
#comunidade.community-refined .quick-card:nth-child(1) .community-card-cta,
#comunidade.community-refined .quick-card:nth-child(3) .community-card-cta{
  background:linear-gradient(180deg,var(--pao-brown-1) 0%,var(--pao-brown-2) 55%,var(--pao-brown-3) 100%)!important;
  color:var(--pao-gold-1)!important;
  -webkit-text-fill-color:var(--pao-gold-1)!important;
  border:1px solid rgba(255,232,176,.42)!important;
  box-shadow:0 14px 30px rgba(45,20,5,.20), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#comunidade.community-refined .quick-card:nth-child(2) .community-card-cta,
#comunidade.community-refined .quick-card:nth-child(4) .community-card-cta{
  background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;
  color:var(--pao-text-brown)!important;
  -webkit-text-fill-color:var(--pao-text-brown)!important;
  border:1px solid rgba(96,52,18,.38)!important;
  box-shadow:0 14px 30px rgba(155,108,34,.16), inset 0 1px 0 rgba(255,255,255,.28)!important;
}

/* 3) Botão instalar app sempre centralizado e com auto-sumir suave */
.install-app-float{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
}
@media (max-width: 760px){
  .install-app-float{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    bottom:18px!important;
    min-width:156px!important;
    padding:11px 22px!important;
  }
}
.install-app-float.is-idle-hidden{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateX(-50%) translateY(16px)!important;
  transition:opacity .28s ease, transform .28s ease, visibility .28s ease!important;
}
.install-app-float:not(.is-idle-hidden){
  opacity:1!important;
  visibility:visible!important;
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease!important;
}


/* =========================================================
   v77 — Botões site/app mesclados com lógica visual correta
   ========================================================= */

.label-two-lines,
.label-share-app{display:inline-block; line-height:1.02; text-align:center;}
.label-share-app{font-size:.98em;}
.label-share-app small{display:block; font-size:.88em; font-weight:900; line-height:1.02; margin-top:2px;}

/* Desktop / site */
@media (min-width: 761px){
  .identity-panel .main-buttons{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:stretch!important;
  }
  .identity-panel .main-buttons .pill,
  .identity-panel .main-buttons .pill-button{
    min-height:62px!important;
    padding:12px 14px!important;
    border-radius:26px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    line-height:1.04!important;
    white-space:normal!important;
  }
  .identity-panel .main-buttons .pill:nth-child(1),
  .identity-panel .main-buttons .pill:nth-child(3){
    background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;
    color:var(--pao-text-brown)!important;
    -webkit-text-fill-color:var(--pao-text-brown)!important;
    border:1px solid var(--pao-line-gold)!important;
    box-shadow:var(--pao-shadow-gold)!important;
  }
  .identity-panel .main-buttons .pill:nth-child(2),
  .identity-panel .main-buttons .pill:nth-child(4),
  .identity-panel .main-buttons .pill:nth-child(5){
    background:linear-gradient(180deg,var(--pao-brown-1) 0%,var(--pao-brown-2) 52%,var(--pao-brown-3) 100%)!important;
    color:var(--pao-text-cream)!important;
    -webkit-text-fill-color:var(--pao-text-cream)!important;
    border:1px solid var(--pao-line-soft)!important;
    box-shadow:var(--pao-shadow-brown)!important;
  }
  .identity-panel .main-buttons .pill:nth-child(4) .label-two-lines{font-size:.96em!important;}
  .identity-panel #main-share-app{
    grid-column:1 / span 1!important;
    width:100%!important;
    max-width:none!important;
    min-height:66px!important;
    justify-self:start!important;
    background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;
    color:var(--pao-text-brown)!important;
    -webkit-text-fill-color:var(--pao-text-brown)!important;
    border:1px solid var(--pao-line-gold)!important;
    box-shadow:var(--pao-shadow-gold)!important;
    gap:10px!important;
  }
  .identity-panel #main-share-app .cta-icon{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  }
  .identity-panel #main-share-app .label-share-app{font-size:.98rem!important;}
}

/* Mobile / app */
@media (max-width: 760px){
  .identity-panel .main-buttons{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  .identity-panel .main-buttons .pill,
  .identity-panel .main-buttons .pill-button,
  .identity-panel #main-share-app{
    width:100%!important;
    min-height:84px!important;
    padding:14px 12px!important;
    border-radius:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.05!important;
    overflow-wrap:anywhere!important;
  }
  /* Row 1 */
  .identity-panel .main-buttons .pill:nth-child(1){
    background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;
    color:var(--pao-text-brown)!important;
    -webkit-text-fill-color:var(--pao-text-brown)!important;
    border:1px solid var(--pao-line-gold)!important;
    box-shadow:var(--pao-shadow-gold)!important;
  }
  .identity-panel .main-buttons .pill:nth-child(2){
    background:linear-gradient(180deg,var(--pao-brown-1) 0%,var(--pao-brown-2) 52%,var(--pao-brown-3) 100%)!important;
    color:var(--pao-text-cream)!important;
    -webkit-text-fill-color:var(--pao-text-cream)!important;
    border:1px solid var(--pao-line-soft)!important;
    box-shadow:var(--pao-shadow-brown)!important;
  }
  /* Row 2 */
  .identity-panel .main-buttons .pill:nth-child(3){
    background:linear-gradient(180deg,var(--pao-brown-1) 0%,var(--pao-brown-2) 52%,var(--pao-brown-3) 100%)!important;
    color:var(--pao-text-cream)!important;
    -webkit-text-fill-color:var(--pao-text-cream)!important;
    border:1px solid var(--pao-line-soft)!important;
    box-shadow:var(--pao-shadow-brown)!important;
  }
  .identity-panel .main-buttons .pill:nth-child(4){
    background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;
    color:var(--pao-text-brown)!important;
    -webkit-text-fill-color:var(--pao-text-brown)!important;
    border:1px solid var(--pao-line-gold)!important;
    box-shadow:var(--pao-shadow-gold)!important;
  }
  /* Row 3 */
  .identity-panel .main-buttons .pill:nth-child(5){
    background:linear-gradient(180deg,var(--pao-brown-1) 0%,var(--pao-brown-2) 52%,var(--pao-brown-3) 100%)!important;
    color:var(--pao-text-cream)!important;
    -webkit-text-fill-color:var(--pao-text-cream)!important;
    border:1px solid var(--pao-line-soft)!important;
    box-shadow:var(--pao-shadow-brown)!important;
  }
  .identity-panel #main-share-app{
    grid-column:auto!important;
    background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;
    color:var(--pao-text-brown)!important;
    -webkit-text-fill-color:var(--pao-text-brown)!important;
    border:1px solid var(--pao-line-gold)!important;
    box-shadow:var(--pao-shadow-gold)!important;
    gap:10px!important;
    padding-inline:12px!important;
  }
  .identity-panel .main-buttons .pill:nth-child(4) .label-two-lines{font-size:1.02rem!important;}
  .identity-panel #main-share-app .label-share-app{
    font-size:.88rem!important;
    line-height:1!important;
  }
  .identity-panel #main-share-app .label-share-app small{
    font-size:.92em!important;
    margin-top:2px!important;
  }
  .identity-panel #main-share-app .cta-icon{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
    margin-right:2px!important;
  }
}


/* =========================================================
   v78 — Mescla correta site + app / troca de posição e grid
   ========================================================= */

.label-share-app{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1.02!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}
.label-share-app br{display:none!important;}
.label-share-app::before{content:"Compartilhar"; display:block; font-size:.78rem; font-weight:950; line-height:1.02;}
.label-share-app small{display:block!important; font-size:.84rem!important; font-weight:950!important; line-height:1.02!important; margin-top:2px!important;}

/* ---------- SITE / DESKTOP ---------- */
@media (min-width: 761px){
  .identity-panel .main-buttons{
    width:min(1060px,100%)!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px 16px!important;
    align-items:stretch!important;
    justify-items:stretch!important;
  }
  .identity-panel .main-buttons .pill,
  .identity-panel .main-buttons #main-share-app{
    width:100%!important;
    max-width:none!important;
    min-height:64px!important;
    padding:12px 16px!important;
    border-radius:999px!important;
    white-space:normal!important;
    line-height:1.04!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }

  /* ordem 3 em cima / 3 embaixo */
  .identity-panel .main-buttons .pill:nth-child(1){order:1!important;}
  .identity-panel .main-buttons .pill:nth-child(2){order:2!important;}
  .identity-panel .main-buttons .pill:nth-child(3){order:3!important;}
  .identity-panel .main-buttons .pill:nth-child(4){order:4!important;}
  .identity-panel #main-share-app{order:5!important; grid-column:auto!important; justify-self:stretch!important;}
  .identity-panel .main-buttons .pill:nth-child(5){order:6!important;}

  /* paleta mesclada */
  .identity-panel .main-buttons .pill:nth-child(1),
  .identity-panel .main-buttons .pill:nth-child(3),
  .identity-panel #main-share-app{
    background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;
    color:var(--pao-text-brown)!important;
    -webkit-text-fill-color:var(--pao-text-brown)!important;
    border:1px solid var(--pao-line-gold)!important;
    box-shadow:var(--pao-shadow-gold)!important;
  }
  .identity-panel .main-buttons .pill:nth-child(2),
  .identity-panel .main-buttons .pill:nth-child(4),
  .identity-panel .main-buttons .pill:nth-child(5){
    background:linear-gradient(180deg,var(--pao-brown-1) 0%,var(--pao-brown-2) 52%,var(--pao-brown-3) 100%)!important;
    color:var(--pao-text-cream)!important;
    -webkit-text-fill-color:var(--pao-text-cream)!important;
    border:1px solid var(--pao-line-soft)!important;
    box-shadow:var(--pao-shadow-brown)!important;
  }
  .identity-panel .main-buttons .pill:nth-child(4) .label-two-lines{font-size:.95em!important; line-height:1.02!important;}
  .identity-panel #main-share-app{gap:10px!important;}
  .identity-panel #main-share-app .cta-icon{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;}
}

/* ---------- APP / MOBILE ---------- */
@media (max-width: 760px){
  .identity-panel .main-buttons{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  .identity-panel .main-buttons .pill,
  .identity-panel .main-buttons #main-share-app{
    width:100%!important;
    max-width:none!important;
    min-height:82px!important;
    padding:14px 12px!important;
    border-radius:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.04!important;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
  }
  /* ordem com troca Comunidade / Compartilhar */
  .identity-panel .main-buttons .pill:nth-child(1){order:1!important;} /* Palavra */
  .identity-panel .main-buttons .pill:nth-child(2){order:2!important;} /* Rádio */
  .identity-panel .main-buttons .pill:nth-child(3){order:3!important;} /* Loja */
  .identity-panel .main-buttons .pill:nth-child(4){order:4!important;} /* Músicas */
  .identity-panel #main-share-app{order:5!important; grid-column:auto!important;} /* Compartilhar */
  .identity-panel .main-buttons .pill:nth-child(5){order:6!important;} /* Comunidade */

  /* paleta mesclada correta: A/M, M/A, M/A */
  .identity-panel .main-buttons .pill:nth-child(1),
  .identity-panel .main-buttons .pill:nth-child(4),
  .identity-panel .main-buttons .pill:nth-child(5){
    background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;
    color:var(--pao-text-brown)!important;
    -webkit-text-fill-color:var(--pao-text-brown)!important;
    border:1px solid var(--pao-line-gold)!important;
    box-shadow:var(--pao-shadow-gold)!important;
  }
  .identity-panel .main-buttons .pill:nth-child(2),
  .identity-panel .main-buttons .pill:nth-child(3),
  .identity-panel #main-share-app{
    background:linear-gradient(180deg,var(--pao-brown-1) 0%,var(--pao-brown-2) 52%,var(--pao-brown-3) 100%)!important;
    color:var(--pao-text-cream)!important;
    -webkit-text-fill-color:var(--pao-text-cream)!important;
    border:1px solid var(--pao-line-soft)!important;
    box-shadow:var(--pao-shadow-brown)!important;
  }
  .identity-panel .main-buttons .pill:nth-child(4) .label-two-lines{
    font-size:1rem!important;
    line-height:1.01!important;
  }
  .identity-panel #main-share-app{
    gap:9px!important;
    padding-inline:10px!important;
  }
  .identity-panel #main-share-app .cta-icon{
    width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;
  }
  .identity-panel #main-share-app .label-share-app{margin-top:1px!important;}
  .identity-panel #main-share-app .label-share-app::before{font-size:.74rem!important;}
  .identity-panel #main-share-app .label-share-app small{font-size:.82rem!important;}
}


/* =========================================================
   v79 — APP: Compartilhar no lugar de Comunidade + leitura limpa
   ========================================================= */
@media (max-width: 760px){
  /* ordem final no APP:
     linha 1: Palavra / Rádio
     linha 2: Loja / Músicas
     linha 3: Comunidade / Compartilhar */
  .identity-panel .main-buttons .pill:nth-child(5){order:5!important;} /* Comunidade */
  .identity-panel #main-share-app{order:6!important; grid-column:auto!important;} /* Compartilhar */

  /* Compartilhar sem duplicação e com leitura centralizada */
  .identity-panel #main-share-app{
    gap:10px!important;
    padding-inline:10px!important;
  }
  .identity-panel #main-share-app .label-share-app{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    line-height:1.02!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    font-weight:950!important;
  }
  .identity-panel #main-share-app .label-share-app::before{
    content:none!important;
    display:none!important;
  }
  .identity-panel #main-share-app .label-share-app small{
    display:block!important;
    font-size:.84rem!important;
    line-height:1.02!important;
    margin-top:2px!important;
    font-weight:950!important;
  }
  .identity-panel #main-share-app .cta-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }
}


/* =========================================================
   v80 — APP: rodapé em 1 linha + compartilhar alinhado + comunidade 2x2
   foco: somente APP/mobile, sem mexer no site desktop já aprovado
   ========================================================= */

/* RODAPÉ: uma linha só, sem cara espremida */
@media (max-width: 760px){
  .site-footer,
  footer.site-footer{
    padding:22px 0 28px!important;
  }
  .site-footer p,
  footer.site-footer p{
    margin:0 auto!important;
    width:100%!important;
    max-width:100%!important;
    white-space:nowrap!important;
    text-align:center!important;
    font-size:clamp(.76rem, 2.55vw, .92rem)!important;
    line-height:1.08!important;
    letter-spacing:-.01em!important;
  }
}

/* APP: botão Compartilhar o App bem centrado, bolinha correta e leitura em 2 linhas */
@media (max-width: 760px){
  .identity-panel .main-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
  }

  .identity-panel #main-share-app{
    order:6!important;
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:78px!important;
    padding:12px 10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
  }

  .identity-panel #main-share-app .cta-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    margin:0!important;
    flex:0 0 36px!important;
  }

  .identity-panel #main-share-app .label-share-app{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    line-height:1.02!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    font-size:.96rem!important;
    font-weight:950!important;
    letter-spacing:-.01em!important;
  }

  .identity-panel #main-share-app .label-share-app small{
    display:block!important;
    margin-top:1px!important;
    font-size:.86rem!important;
    line-height:1.02!important;
    font-weight:950!important;
  }
}

/* CONEXÃO DIRETA: 4 cards em 2x2 no APP, sem grafia espremida */
@media (max-width: 760px){
  #comunidade.community-refined .community-prime-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
  }

  #comunidade.community-refined .community-prime-card{
    min-height:214px!important;
    padding:18px 14px 16px!important;
    gap:10px!important;
    border-radius:24px!important;
  }

  #comunidade.community-refined .community-prime-card b{
    font-size:1rem!important;
    line-height:1.14!important;
  }

  #comunidade.community-refined .community-prime-card small{
    font-size:.86rem!important;
    line-height:1.26!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  #comunidade.community-refined .community-card-cta{
    width:min(100%, 172px)!important;
    min-height:40px!important;
    padding:8px 12px!important;
    font-size:.82rem!important;
    line-height:1.08!important;
    white-space:normal!important;
  }

  #comunidade.community-refined .icon-badge{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
  }
}

/* manter 2x2 mesmo nas telas bem estreitas do app */
@media (max-width: 560px){
  #comunidade.community-refined .community-prime-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #comunidade.community-refined .community-prime-card{
    min-height:206px!important;
    padding:16px 12px 15px!important;
  }
  #comunidade.community-refined .community-prime-card b{
    font-size:.98rem!important;
  }
  #comunidade.community-refined .community-prime-card small{
    font-size:.82rem!important;
    line-height:1.22!important;
  }
  #comunidade.community-refined .community-card-cta{
    width:min(100%, 160px)!important;
    font-size:.78rem!important;
    padding:8px 10px!important;
  }
}


/* =========================================================
   v81 — limpeza final do botão Compartilhar o App (APP/mobile)
   resolve: torto, duplicado e desalinhado
   ========================================================= */

/* anula heranças antigas que estavam gerando duplicação */
.label-share-app::before,
.label-share-app::after,
#main-share-app .label-share-app::before,
#main-share-app .label-share-app::after{
  content:none!important;
  display:none!important;
}

.label-share-app br{display:none!important;}
.label-share-app .share-line{display:block!important;}

@media (max-width: 760px){
  .identity-panel .main-buttons{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
  }

  /* ordem final confirmada no APP */
  .identity-panel .main-buttons .pill:nth-child(1){order:1!important;} /* Palavra */
  .identity-panel .main-buttons .pill:nth-child(2){order:2!important;} /* Rádio */
  .identity-panel .main-buttons .pill:nth-child(3){order:3!important;} /* Loja */
  .identity-panel .main-buttons .pill:nth-child(4){order:4!important;} /* Músicas */
  .identity-panel #main-share-app{order:5!important;} /* Compartilhar no lugar pedido */
  .identity-panel .main-buttons .pill:nth-child(5){order:6!important;} /* Comunidade */

  /* share button limpo e centralizado */
  .identity-panel #main-share-app{
    width:100%!important;
    min-height:84px!important;
    border-radius:30px!important;
    padding:12px 16px!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:stretch!important;
    column-gap:12px!important;
    text-align:center!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,var(--pao-brown-1) 0%,var(--pao-brown-2) 52%,var(--pao-brown-3) 100%)!important;
    color:var(--pao-text-cream)!important;
    -webkit-text-fill-color:var(--pao-text-cream)!important;
    border:1px solid var(--pao-line-soft)!important;
    box-shadow:var(--pao-shadow-brown)!important;
  }

  .identity-panel #main-share-app .cta-icon{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    margin:0!important;
    justify-self:start!important;
    align-self:center!important;
    flex:none!important;
  }

  .identity-panel #main-share-app .label-share-app{
    margin:0!important;
    padding:0!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    gap:2px!important;
    line-height:1.02!important;
    font-weight:950!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    color:var(--pao-text-cream)!important;
    -webkit-text-fill-color:var(--pao-text-cream)!important;
  }

  .identity-panel #main-share-app .label-share-app .share-line{
    display:block!important;
    font-size:.94rem!important;
    font-weight:950!important;
    line-height:1.02!important;
    letter-spacing:-.01em!important;
  }

  .identity-panel #main-share-app .label-share-app small{
    display:block!important;
    margin:0!important;
    font-size:.88rem!important;
    line-height:1.02!important;
    font-weight:950!important;
    color:inherit!important;
    -webkit-text-fill-color:inherit!important;
  }

  /* garante o texto do botão comunidade limpo também */
  .identity-panel .main-buttons .pill:nth-child(5),
  .identity-panel .main-buttons .pill:nth-child(5) *{
    white-space:normal!important;
    text-align:center!important;
  }
}


/* =========================================================
   v82 — APP mobile only: trocar Comunidade x Compartilhar,
   reduzir texto/bolinha do compartilhar e manter visual prime
   ========================================================= */
@media (max-width: 760px){
  /* ordem final pedida no APP */
  .identity-panel .main-buttons .pill:nth-child(5){order:5!important;} /* Comunidade na esquerda inferior */
  .identity-panel #main-share-app{order:6!important;} /* Compartilhar na direita inferior */

  /* compartilhar no slot dourado para mescla perfeita */
  .identity-panel #main-share-app{
    min-height:78px!important;
    padding:11px 14px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    column-gap:10px!important;
    background:linear-gradient(180deg,var(--pao-gold-1) 0%,var(--pao-gold-2) 54%,var(--pao-gold-3) 100%)!important;
    color:var(--pao-text-brown)!important;
    -webkit-text-fill-color:var(--pao-text-brown)!important;
    border:1px solid var(--pao-line-gold)!important;
    box-shadow:var(--pao-shadow-gold)!important;
  }

  .identity-panel #main-share-app .cta-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    margin:0!important;
    justify-self:start!important;
    align-self:center!important;
  }

  .identity-panel #main-share-app .label-share-app{
    gap:1px!important;
    color:var(--pao-text-brown)!important;
    -webkit-text-fill-color:var(--pao-text-brown)!important;
  }

  .identity-panel #main-share-app .label-share-app .share-line{
    font-size:.82rem!important;
    line-height:1!important;
    letter-spacing:-.015em!important;
  }

  .identity-panel #main-share-app .label-share-app small{
    font-size:.82rem!important;
    line-height:1!important;
  }
}