/* R183 — Dossiê definitivo: apresentação responsiva; sem alterar dados nem compras. */
.r46-modal .r182-dossier{background:#1a100b!important;color:#f1dfc7!important;scrollbar-color:#a67c45 #21140e}
.r182-top{position:sticky!important;top:0!important;z-index:20!important;min-height:54px;box-sizing:border-box;background:linear-gradient(90deg,#24150ff5,#170e0bf5)!important;border-bottom:1px solid #9b713c55}
.r182-hero{background:radial-gradient(ellipse at 50% 35%,#6e472d 0%,#322015 44%,#160e0a 100%)!important}
.r182-portrait{opacity:.19!important;right:-10%!important;filter:sepia(.4)}
.r182-hero .r46-full{left:0!important;width:100%!important;height:90%!important}
.r182-hero .r46-full img{object-position:center bottom!important}
.r182-name{left:5%!important;right:5%!important;bottom:12px!important}
.r182-body{background:linear-gradient(145deg,#24160f,#170e0a)!important}
.r182-box{background:#27180f!important;border-color:#805c32!important}
.r182-box .r46-lore,.r182-box .r46-meta p{font-size:15px!important;line-height:1.7!important}
.r182-body .r46-status{background:#2b1a10!important}
/* Landscape/tablet: cinematic two-column presentation with large character. */
@media (min-width:700px){
 .r46-modal .r182-dossier{width:min(100%,1100px)!important;max-width:1100px!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);overflow:hidden!important}
 .r182-top{grid-column:1/-1;grid-row:1;padding:12px 22px!important}
 .r182-hero{grid-column:1;grid-row:2;height:auto!important;min-height:0!important;max-height:none!important}
 .r182-hero .r46-full{height:92%!important;left:0!important;width:100%!important}
 .r182-name{bottom:24px!important}
 .r182-body{grid-column:2;grid-row:2;min-height:0;overflow-y:auto;padding:24px 22px calc(26px + env(safe-area-inset-bottom))!important}
 .r182-body .r46-status{position:sticky!important;bottom:0!important;z-index:2;box-shadow:0 -10px 25px #170e0ae8}
}
/* iPhone portrait: preserve the hero and give descriptions readable scroll space. */
@media(max-width:699px){
 .r182-hero{height:53dvh!important;min-height:340px!important;max-height:600px!important}
 .r182-hero .r46-full{height:95%!important}
 .r182-name h2{font-size:clamp(25px,7vw,37px)!important}
 .r182-body{padding:18px 18px calc(26px + env(safe-area-inset-bottom))!important}
 .r182-box{padding:18px!important}
}
@media (prefers-reduced-motion:reduce){.r182-dossier *{scroll-behavior:auto!important;animation:none!important}}