/* Rogério v104 — identidade oficial LEDUMELO + fundo nítido + links exatos + layout aprovado preservado.
   Escopo: somente apresentação. Receptor, adaptador, player, Push e contratos centrais permanecem intactos. */
:root{
  --v102-navy:#06131d;
  --v102-navy-2:#0a1d2a;
  --v102-cyan:#35c9e5;
  --v102-cyan-soft:rgba(53,201,229,.24);
  --v102-silver:#dbe6eb;
  --v102-gold:#d8b56a;
  --v102-ink:#071018;
  --v102-panel:rgba(5,17,26,.90);
  --v102-line:rgba(120,208,226,.26);
  --v102-gold-line:rgba(216,181,106,.34);
}

/* FUNDO OFICIAL — aplicado na Home e na Loja. */
html{background:#dfe7e9!important}
body,body.rogerio-store-page{
  background:#dfe7e9!important;
  color:#f5f8fa!important;
  min-height:100vh;
}
body::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:-3!important;
  background:url("assets/ledumelo-fundo-oficial-v104.webp?v=104") center center/cover no-repeat!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  pointer-events:none!important;
}
body::after{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  background:linear-gradient(180deg,rgba(2,11,18,.06),rgba(2,11,18,.20) 48%,rgba(2,11,18,.38))!important;
  pointer-events:none!important;
}
.bg-effect{display:none!important}

/* Largura e ritmo do layout original, agora mais limpo. */
.hero.container,main.container,.footer.container,.rogerio-store-header.container,.rogerio-store-main.container{
  width:min(1180px,calc(100% - 28px))!important;
  margin-inline:auto!important;
}
.top-message,.panel,.rogerio-store-featured,.rogerio-store-controls,.rogerio-product-full-card{
  backdrop-filter:blur(16px) saturate(1.05);
  -webkit-backdrop-filter:blur(16px) saturate(1.05);
}
.top-message{
  background:rgba(5,20,30,.80)!important;
  border-color:var(--v102-line)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.06)!important;
}

/* BANNER OFICIAL — sem rosto e sem camadas antigas. */
.banner-card{
  width:min(1120px,100%)!important;
  margin-inline:auto!important;
  aspect-ratio:16/9!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.48)!important;
  background:#eef4f5!important;
  box-shadow:0 24px 70px rgba(3,20,30,.20),inset 0 1px 0 rgba(255,255,255,.70)!important;
  overflow:hidden!important;
}
.banner-img{
  inset:0!important;
  background:url("assets/ledumelo-banner-oficial-v104.png?v=104") center center/100% 100% no-repeat!important;
  filter:none!important;
}
.banner-blur,.banner-card::after{display:none!important;content:none!important}

/* LOGO OFICIAL no lugar da bolinha com rosto. */
.identity{margin:-58px auto 24px!important}
.avatar-ring.brand-logo-ring{
  width:132px!important;
  height:132px!important;
  margin:0 auto 16px!important;
  padding:5px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#d8eef2,#284b59 55%,#0b1e2a)!important;
  border:1px solid rgba(255,255,255,.74)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.30),0 0 0 4px rgba(53,201,229,.18),0 0 34px rgba(53,201,229,.22)!important;
  overflow:hidden!important;
}
.avatar-ring.brand-logo-ring img{
  width:100%!important;
  height:100%!important;
  border:0!important;
  border-radius:50%!important;
  object-fit:cover!important;
  background:#07141d!important;
}
.avatar-ring.brand-logo-ring span,.avatar-ring.brand-logo-ring i{display:none!important}
.identity .kicker{
  display:inline-flex!important;
  width:auto!important;
  margin:0 auto 12px!important;
  padding:7px 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(53,201,229,.32)!important;
  background:rgba(4,18,28,.78)!important;
  color:#70e6f5!important;
  -webkit-text-fill-color:#70e6f5!important;
}
.identity h1{
  max-width:880px!important;
  color:#fbf4e8!important;
  text-shadow:0 4px 28px rgba(0,0,0,.55)!important;
}
.main-buttons{gap:12px!important}
.main-buttons .pill,.rogerio-home-quick-actions .app-share-home-btn{
  border-color:rgba(53,201,229,.38)!important;
  background:linear-gradient(180deg,rgba(7,29,41,.94),rgba(4,16,25,.96))!important;
  color:#effbff!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.main-buttons .pill.active{
  background:linear-gradient(180deg,#78e7f4,#28bcd8)!important;
  color:#03131c!important;
}
.rogerio-home-quick-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;width:min(660px,100%);margin:16px auto 0!important}
.rogerio-home-quick-actions .app-share-home-btn{width:100%!important;min-height:52px!important;margin:0!important}

/* PAINÉIS — mesma posição, nova linguagem gráfica. */
.panel{
  border:1px solid var(--v102-line)!important;
  background:linear-gradient(135deg,rgba(5,20,30,.88),rgba(5,15,24,.78))!important;
  box-shadow:0 20px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.panel>.kicker{color:#58d8ec!important;-webkit-text-fill-color:#58d8ec!important}
.panel>h2{color:#f8f0e2!important;text-shadow:0 4px 22px rgba(0,0,0,.28)!important}
.daily-card{
  max-width:900px!important;
  border:1px solid rgba(107,209,228,.24)!important;
  background:linear-gradient(145deg,rgba(7,26,38,.92),rgba(4,14,22,.96))!important;
  box-shadow:0 14px 38px rgba(0,0,0,.28)!important;
}
.daily-card h3{color:#fff4e4!important}
.daily-card .label{color:#d9bb71!important}
.daily-prime-btn{
  background:linear-gradient(180deg,#dff9fc,#9ee3ed)!important;
  color:#08212b!important;
  border-color:rgba(53,201,229,.65)!important;
}
.daily-push-prime{border-color:rgba(216,181,106,.46)!important;background:rgba(8,20,28,.82)!important}
.daily-push-activate{background:linear-gradient(180deg,#6fe3f1,#27b9d5)!important;color:#06141c!important;border-color:#91eff7!important}

/* RÁDIO + VÍDEO — posições preservadas; ticker moderno e linha atual mantida. */
.radio-media-hub .radio-compact-grid{align-items:stretch!important;gap:18px!important}
.radio-core-column,.pao-video-panel{
  border-color:var(--v102-line)!important;
  background:linear-gradient(180deg,rgba(5,20,30,.94),rgba(3,12,20,.96))!important;
  box-shadow:0 15px 42px rgba(0,0,0,.25)!important;
}
.rogerio-radio-led-panel{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px 10px!important;
  border:1px solid rgba(53,201,229,.26)!important;
  background:#07131d!important;
}
.v102-led-now{
  display:inline-grid!important;
  place-items:center!important;
  min-width:62px!important;
  height:28px!important;
  padding:0 10px!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,#43d9ee,#18aac8)!important;
  color:#04131b!important;
  font-size:.68rem!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
}
.rogerio-radio-led-window{min-width:0!important;border:0!important;background:transparent!important;padding:0!important}
.rogerio-radio-led-track{color:#eaf7fb!important;text-shadow:0 0 12px rgba(53,201,229,.22)!important}
.rogerio-radio-led-sep{color:#d8b56a!important}
.radio-primary-cta{border-color:rgba(53,201,229,.46)!important;background:linear-gradient(180deg,#0c2837,#071722)!important;color:#f5fcff!important}
.pao-video-copy .kicker{color:#58d8ec!important;-webkit-text-fill-color:#58d8ec!important}
.pao-video-copy h3{color:#f3e8cf!important}
.pao-video-frame{border-color:rgba(53,201,229,.24)!important;background:#07131d!important;cursor:default!important;pointer-events:none!important}
.pao-video-embed{pointer-events:none!important}
.pao-video-play,.pao-video-caption{display:none!important}

/* VITRINE HOME — mesma posição, cards menores e elegantes. */
#loja.faith-store-section{
  padding:34px 20px 28px!important;
  border-color:var(--v102-gold-line)!important;
  background:linear-gradient(145deg,rgba(6,19,27,.94),rgba(8,16,21,.94))!important;
}
#loja .faith-store-premium-header{
  max-width:900px!important;
  margin:0 auto 18px!important;
  padding:22px 20px 20px!important;
  border:1px solid rgba(216,181,106,.26)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(7,20,28,.96),rgba(8,15,20,.94))!important;
}
#loja .faith-store-overline{color:#cfd9dc!important;-webkit-text-fill-color:#cfd9dc!important;letter-spacing:.30em!important;font-size:.76rem!important}
#loja .faith-store-flourish{background:linear-gradient(90deg,#607780,#58d8ec,#607780)!important;box-shadow:0 0 16px rgba(53,201,229,.18)!important}
#loja .faith-store-premium-header h2{
  font-size:clamp(2.35rem,4.2vw,4.05rem)!important;
  color:#e2c47f!important;
  -webkit-text-fill-color:#e2c47f!important;
  text-shadow:0 4px 22px rgba(0,0,0,.32)!important;
}
#loja .faith-store-premium-header .faith-store-lead{max-width:680px!important;font-size:.94rem!important;color:rgba(239,246,248,.82)!important;-webkit-text-fill-color:rgba(239,246,248,.82)!important}
#loja .faith-store-shell{max-width:1120px!important}
#loja .faith-store-window{padding:0 54px!important;mask-image:linear-gradient(90deg,transparent 0,#000 3.5%,#000 96.5%,transparent 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3.5%,#000 96.5%,transparent 100%)!important}
#loja .faith-store-track,.rogerio-featured-loop-group{gap:12px!important}
.rogerio-featured-card{
  flex:0 0 clamp(178px,16.2vw,202px)!important;
  border-radius:15px!important;
  border:1px solid rgba(216,181,106,.38)!important;
  background:linear-gradient(180deg,#0a1720,#071018)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.30)!important;
}
.rogerio-featured-frame{background:#071018!important}
.rogerio-featured-body{
  gap:5px!important;
  min-height:144px!important;
  padding:10px 10px 10px!important;
  text-align:left!important;
  border-top:1px solid rgba(216,181,106,.20)!important;
}
.rogerio-featured-category{font-size:.58rem!important;letter-spacing:.08em!important;color:#d8b56a!important}
.rogerio-featured-name{font-size:.78rem!important;line-height:1.20!important;color:#f6ecd7!important}
.rogerio-featured-hook{font-size:.67rem!important;line-height:1.28!important;-webkit-line-clamp:2!important}
.rogerio-featured-price{font-size:.82rem!important;color:#f2eadc!important}
.rogerio-featured-action{min-height:30px!important;padding:6px 8px!important;border-radius:8px!important;background:transparent!important;border:1px solid rgba(216,181,106,.55)!important;color:#e7cc8d!important;font-size:.58rem!important;box-shadow:none!important}
#loja .faith-store-arrow{width:46px!important;height:46px!important;border-color:rgba(53,201,229,.42)!important;color:#79e7f5!important;background:#07131d!important}
#loja .faith-store-dots{margin:14px auto 12px!important;gap:8px!important}
#loja .faith-store-dots button{width:9px!important;height:9px!important}
#loja .faith-store-dots button.active{width:24px!important;background:#58d8ec!important;box-shadow:0 0 14px rgba(53,201,229,.28)!important}
#loja .faith-store-promo-line{max-width:720px!important;padding:9px 14px!important;font-size:.86rem!important}
#loja .faith-store-note,#loja .faith-store-price-note{font-size:.76rem!important}
#loja .faith-store-actions{width:min(820px,100%)!important;gap:12px!important}
#loja .faith-store-actions .send-btn,#loja .faith-store-actions .outline-cta{min-height:50px!important;font-size:.84rem!important;border-radius:12px!important}

/* COMUNIDADE — mesma posição, novo acabamento gráfico. */
#comunidade{padding:34px 22px 32px!important}
#comunidade .community-grid{gap:14px!important}
#comunidade .community-grid a{
  min-height:152px!important;
  padding:20px 18px!important;
  border-radius:18px!important;
  border:1px solid rgba(53,201,229,.24)!important;
  background:linear-gradient(150deg,rgba(8,29,41,.96),rgba(4,15,23,.98))!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}
#comunidade .community-icon{
  width:52px!important;height:52px!important;border-radius:14px!important;
  border-color:rgba(216,181,106,.46)!important;background:rgba(216,181,106,.08)!important;color:#e4c77f!important
}
#comunidade .community-icon svg{stroke:#e4c77f!important}
#comunidade .community-grid b{color:#f5efe4!important}
#comunidade .community-grid small{color:rgba(230,240,244,.78)!important}

/* LOJA COMPLETA — mesma página, identidade nova e proporção de app. */
.rogerio-store-page .rogerio-store-header{padding-top:16px!important}
.rogerio-store-back{color:#16303d!important;background:rgba(238,247,249,.72)!important;border:1px solid rgba(19,67,83,.18)!important;padding:9px 13px!important;border-radius:10px!important}
.rogerio-store-brand{
  width:min(920px,100%)!important;
  margin:16px auto 20px!important;
  padding:24px 18px 22px!important;
  border:1px solid rgba(255,255,255,.52)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(8,26,38,.88),rgba(4,16,24,.84))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.22)!important;
}
.rogerio-store-brand .avatar-ring{transform:none!important;margin:0 auto 10px!important}
.rogerio-store-brand h1{font-size:clamp(2.35rem,4.8vw,4.35rem)!important;color:#e4c47b!important;-webkit-text-fill-color:#e4c47b!important}
.rogerio-store-brand>p:last-child{max-width:620px!important;font-size:.9rem!important;color:rgba(236,245,247,.82)!important;-webkit-text-fill-color:rgba(236,245,247,.82)!important}
.rogerio-store-main{padding-top:2px!important}
.rogerio-store-featured{
  width:min(940px,100%)!important;
  margin:0 auto 18px!important;
  padding:16px!important;
  border:1px solid rgba(216,181,106,.28)!important;
  border-radius:20px!important;
  background:linear-gradient(160deg,rgba(6,20,29,.94),rgba(4,14,21,.97))!important;
}
.rogerio-store-featured-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:min(820px,100%)!important;
  margin-inline:auto!important;
}
.v102-featured-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:14px!important;
  border:1px solid rgba(216,181,106,.34)!important;
  background:#081720!important;
  box-shadow:0 10px 24px rgba(0,0,0,.25)!important;
}
.v102-featured-card img{
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  margin:0!important;
  object-fit:unset!important;
  filter:none!important;
  background:transparent!important;
}
.v102-featured-copy{gap:4px!important;padding:9px 10px 10px!important}
.v102-featured-copy small{font-size:.57rem!important;letter-spacing:.08em!important;color:#d8b56a!important}
.v102-featured-copy strong{font-size:.76rem!important;line-height:1.2!important;color:#f4ead5!important}
.v102-featured-copy span{font-size:.64rem!important;line-height:1.25!important}
.v102-featured-price{font-size:.78rem!important;color:#f4ead5!important}
.rogerio-store-controls{
  width:min(940px,100%)!important;
  margin-inline:auto!important;
  padding:12px!important;
  border-radius:16px!important;
  border:1px solid rgba(53,201,229,.22)!important;
  background:rgba(6,20,30,.92)!important;
}
.rogerio-store-controls input,.rogerio-store-controls select,.rogerio-store-controls .outline-cta{min-height:42px!important;border-radius:9px!important}
.rogerio-store-status{margin:13px 0!important;font-size:.82rem!important;color:#173444!important;text-shadow:none!important}
.rogerio-products-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:11px!important;
}
.rogerio-product-full-card{
  border-radius:14px!important;
  border:1px solid rgba(24,77,96,.25)!important;
  background:linear-gradient(180deg,rgba(7,25,36,.96),rgba(4,15,23,.98))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
}
.rogerio-product-full-body{gap:5px!important;padding:9px!important}
.rogerio-product-full-body small{font-size:.55rem!important;letter-spacing:.07em!important;color:#d8b56a!important}
.rogerio-product-full-body h2{font-size:.76rem!important;line-height:1.2!important}
.rogerio-product-full-body p{min-height:2.45em!important;font-size:.64rem!important;line-height:1.25!important;-webkit-line-clamp:2!important}
.rogerio-product-price{font-size:.82rem!important}
.rogerio-product-offer{min-height:34px!important;padding:6px 7px!important;border-radius:8px!important;font-size:.59rem!important;background:transparent!important;color:#e8cc89!important;border:1px solid rgba(216,181,106,.50)!important}
.rogerio-pagination{margin:18px 0 12px!important}
.rogerio-pagination button{min-height:38px!important}
.rogerio-store-disclaimer{color:#183442!important;text-shadow:none!important;background:rgba(242,248,249,.70)!important;border-radius:10px!important;padding:8px 12px!important;width:max-content;max-width:100%;margin-inline:auto!important}

/* Responsividade: sem quebrar o app. */
@media(max-width:1050px){
  .rogerio-products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .rogerio-featured-card{flex-basis:190px!important}
}
@media(max-width:860px){
  .rogerio-store-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .rogerio-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .avatar-ring.brand-logo-ring{width:116px!important;height:116px!important}
}
@media(max-width:760px){
  .hero.container,main.container,.footer.container,.rogerio-store-header.container,.rogerio-store-main.container{width:min(100% - 16px,1180px)!important}
  .banner-card{border-radius:18px!important}
  .identity{margin:-28px auto 20px!important}
  .avatar-ring.brand-logo-ring{width:96px!important;height:96px!important;padding:4px!important}
  .identity h1{font-size:clamp(2rem,9.5vw,3.1rem)!important}
  .rogerio-home-quick-actions{grid-template-columns:1fr!important;width:min(360px,100%)!important}
  .radio-media-hub .radio-compact-grid{grid-template-columns:1fr!important}
  .rogerio-radio-led-panel{grid-template-columns:auto minmax(0,1fr)!important}
  #loja.faith-store-section{padding:24px 8px 22px!important}
  #loja .faith-store-premium-header{padding:18px 12px!important;border-radius:18px!important}
  #loja .faith-store-premium-header h2{font-size:clamp(2rem,10vw,3rem)!important}
  #loja .faith-store-window{padding:0 34px!important;mask-image:none!important;-webkit-mask-image:none!important}
  .rogerio-featured-card{flex-basis:min(58vw,190px)!important}
  .rogerio-featured-body{min-height:136px!important}
  #loja .faith-store-actions{grid-template-columns:1fr!important;width:min(360px,100%)!important}
  #comunidade{padding:26px 14px!important}
  .rogerio-store-brand{padding:18px 12px!important;border-radius:18px!important}
  .rogerio-store-featured-grid{display:flex!important;overflow-x:auto!important;gap:10px!important;padding-bottom:6px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  .rogerio-store-featured-grid::-webkit-scrollbar{display:none!important}
  .v102-featured-card{flex:0 0 min(68vw,230px)!important;scroll-snap-align:start!important}
  .rogerio-store-controls{grid-template-columns:1fr!important}
  .rogerio-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .rogerio-product-full-body p{display:none!important}
  .rogerio-product-full-body h2{font-size:.72rem!important}
  .rogerio-product-price{font-size:.78rem!important}
  .rogerio-store-disclaimer{font-size:.72rem!important;text-align:center!important}
}
@media(max-width:420px){
  .top-message{font-size:.82rem!important;padding:10px 12px!important}
  .rogerio-radio-led-panel{grid-template-columns:1fr!important;gap:5px!important}
  .v102-led-now{justify-self:start!important;height:24px!important;min-width:54px!important;font-size:.62rem!important}
  .rogerio-featured-card{flex-basis:min(64vw,184px)!important}
  .rogerio-products-grid{gap:6px!important}
  .rogerio-product-full-body{padding:7px!important}
  .rogerio-product-full-body h2{font-size:.68rem!important}
  .rogerio-product-offer{font-size:.55rem!important}
}

/* ==========================================================================\n   v104 — FUNDO NÍTIDO + LOGO ATIVO + MULTIPLATAFORMA\n   Mantém dados e sinais fora da camada visual.\n   ========================================================================== */

/* Fundo oficial nítido em Home e Loja: sem blur, sem lavagem e com sobreposição mínima. */
body::before{
  background-image:url("assets/ledumelo-fundo-oficial-v104.webp?v=104")!important;
  background-position:center top!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
}
body::after{
  background:linear-gradient(180deg,rgba(2,11,18,.015),rgba(2,11,18,.045) 52%,rgba(2,11,18,.11))!important;
}

/* O fundo permanece visível; só os próprios cards recebem vidro para preservar leitura. */
.panel,.rogerio-store-featured,.rogerio-store-controls,.rogerio-store-brand{
  backdrop-filter:blur(10px) saturate(1.02)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.02)!important;
}

/* Logo oficial clicável com aro ciano em movimento suave, estilo story ativo. */
.avatar-ring.brand-logo-ring.ledumelo-story-link{
  position:relative!important;
  display:block!important;
  text-decoration:none!important;
  isolation:isolate!important;
  overflow:visible!important;
  outline:none!important;
}
.avatar-ring.brand-logo-ring.ledumelo-story-link::before{
  content:"";
  position:absolute;
  inset:-7px;
  z-index:-2;
  border-radius:50%;
  background:conic-gradient(from 0deg,
    rgba(53,201,229,.14) 0deg,
    #5ce8f7 64deg,
    rgba(53,201,229,.16) 122deg,
    rgba(216,181,106,.34) 190deg,
    rgba(53,201,229,.12) 258deg,
    #5ce8f7 326deg,
    rgba(53,201,229,.14) 360deg);
  box-shadow:0 0 20px rgba(53,201,229,.34),0 0 42px rgba(53,201,229,.12);
  animation:ledumeloCyanOrbit 8s linear infinite;
}
.avatar-ring.brand-logo-ring.ledumelo-story-link::after{
  content:"";
  position:absolute;
  inset:-3px;
  z-index:-1;
  border-radius:50%;
  background:#07141d;
  border:1px solid rgba(211,242,247,.75);
}
.avatar-ring.brand-logo-ring.ledumelo-story-link:hover,
.avatar-ring.brand-logo-ring.ledumelo-story-link:focus-visible{
  transform:translateY(-1px) scale(1.018)!important;
  box-shadow:0 14px 42px rgba(0,0,0,.32),0 0 0 4px rgba(53,201,229,.16),0 0 42px rgba(53,201,229,.32)!important;
}
.avatar-ring.brand-logo-ring.ledumelo-story-link:focus-visible{outline:3px solid rgba(92,232,247,.72)!important;outline-offset:8px!important}
@keyframes ledumeloCyanOrbit{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .avatar-ring.brand-logo-ring.ledumelo-story-link::before{animation:none!important}
}

/* O card inteiro do carrossel é o link literal do produto. */
.rogerio-featured-card-link{cursor:pointer!important}
.rogerio-featured-card-link:focus-visible{outline:3px solid rgba(92,232,247,.72)!important;outline-offset:3px!important;border-radius:14px!important}

/* Otimização visual/performance para áreas fora da primeira dobra. */
@supports (content-visibility:auto){
  main.container>.panel{content-visibility:auto;contain-intrinsic-size:700px}
  .rogerio-product-full-card{content-visibility:auto;contain-intrinsic-size:320px 420px}
}

/* iOS notch, Android recortes e tablets: respeita safe-area sem deslocar o layout. */
@supports (padding:max(0px)){
  .hero.container,.rogerio-store-header.container{
    padding-left:max(0px,env(safe-area-inset-left))!important;
    padding-right:max(0px,env(safe-area-inset-right))!important;
  }
  .back-top{bottom:max(18px,calc(env(safe-area-inset-bottom) + 10px))!important}
}

/* Tablets em retrato/paisagem: cards proporcionais e fundo contínuo. */
@media (min-width:700px) and (max-width:1180px){
  body::before{background-position:center top!important}
  #loja .faith-store-window{padding-inline:44px!important}
  .rogerio-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Celulares: sem attachment problemático do Safari; mantém nitidez e enquadramento. */
@media (max-width:699px){
  body::before{position:fixed!important;background-position:center top!important;background-size:auto 100vh!important}
  body::after{background:linear-gradient(180deg,rgba(2,11,18,.02),rgba(2,11,18,.08))!important}
  .avatar-ring.brand-logo-ring.ledumelo-story-link::before{inset:-5px}
}


/* ==========================================================================\n   v104 FINAL — FUNDO ARQUITETÔNICO FIXO + CONTRASTE + FOCO DE PRODUTO\n   ========================================================================== */
html{
  min-height:100%;
  background:#dfe7e9!important;
}
body,body.rogerio-store-page{
  position:relative!important;
  isolation:isolate!important;
  min-height:100vh!important;
  background:transparent!important;
}
body::before{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:-2!important;
  width:100vw!important;
  height:100vh!important;
  background-image:url("assets/ledumelo-fundo-oficial-v104.webp?v=104")!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  transform:translateZ(0)!important;
  pointer-events:none!important;
}
body::after{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(180deg,rgba(4,15,22,.015),rgba(4,15,22,.025) 58%,rgba(4,15,22,.07))!important;
  pointer-events:none!important;
}

/* O título principal precisa continuar legível sobre a arquitetura clara. */
.identity h1{
  color:#fff8eb!important;
  -webkit-text-fill-color:#fff8eb!important;
  -webkit-text-stroke:.65px rgba(5,27,38,.34)!important;
  text-shadow:
    0 2px 0 rgba(5,25,35,.30),
    0 5px 18px rgba(3,18,27,.58),
    0 0 2px rgba(3,18,27,.72)!important;
}

/* Marca visual clara do item escolhido no carrossel quando a Loja é aberta. */
.v104-featured-selected{
  border-color:#57dff0!important;
  box-shadow:0 0 0 2px rgba(87,223,240,.28),0 16px 34px rgba(0,0,0,.28),0 0 32px rgba(53,201,229,.20)!important;
}
.rogerio-product-full-card.is-highlighted{
  border-color:#57dff0!important;
  box-shadow:0 0 0 2px rgba(87,223,240,.26),0 16px 36px rgba(0,0,0,.28),0 0 30px rgba(53,201,229,.18)!important;
}

/* Loja: fundo permanece visível entre os módulos, sem bloco branco lateral. */
.rogerio-store-page .rogerio-store-main,
.rogerio-store-page .rogerio-store-header,
.rogerio-store-page .footer{
  background:transparent!important;
}

/* Carregamento: reserva o espaço da arte e evita saltos enquanto imagens chegam. */
.rogerio-featured-frame,.rogerio-product-full-card>img,.v102-featured-card>img{
  background:linear-gradient(145deg,#081923,#0b2230)!important;
}
.rogerio-product-full-card>img,.v102-featured-card>img{
  aspect-ratio:1/1!important;
  width:100%!important;
  height:auto!important;
}

@media(max-width:699px){
  body::before{
    background-position:center center!important;
    background-size:cover!important;
  }
  .identity h1{
    -webkit-text-stroke:.45px rgba(5,27,38,.36)!important;
    text-shadow:0 2px 0 rgba(5,25,35,.30),0 4px 14px rgba(3,18,27,.60),0 0 2px rgba(3,18,27,.70)!important;
  }
}