/* STAGE66 Industrial. O tema clássico continua nas folhas originais. */
html[data-layout62=industrial]{color-scheme:dark;--heading:'Oswald',Impact,'Arial Narrow',sans-serif;--body:'Oswald','Arial Narrow',sans-serif;--muted:#b0a591;--steel:#626868;--copper:#b4764c}
html[data-layout62=industrial] body{background:#0a0c0d;color:var(--white)}
html[data-layout62=industrial] body:before{opacity:1!important;background:linear-gradient(90deg,#05080abc,#080b0c20 44%,#080b0c75),linear-gradient(0deg,#060909d9,#06090910 75%),url('assets/industrial-brewery.webp') center 52%/cover no-repeat;filter:none}
html[data-layout62=industrial] body:after{background:radial-gradient(ellipse at 12% 65%,#bd5d1524,transparent 55%),linear-gradient(#0002,#0004);z-index:0}
html[data-layout62=industrial][data-scene62=wood] body:before{background:linear-gradient(90deg,#0709078c,#080b0c35),url('assets/rock-pub.webp') center 58%/cover no-repeat}
html[data-layout62=industrial][data-scene62=smoke] body:before{background:radial-gradient(ellipse at 15% 45%,#5d392b88,transparent 60%),linear-gradient(135deg,#0b1113,#151511)}
html[data-layout62=industrial] .ambient{opacity:.28;background:radial-gradient(ellipse at 20% 65%,#d979282a,transparent 55%)}
html[data-layout62=industrial] .ambient:after{animation:none;opacity:.15}
html[data-layout62=industrial] .wrap{max-width:1536px;padding:28px 46px 40px;position:relative;z-index:2}
html[data-layout62=industrial] .header{padding:15px 22px 22px;gap:22px;background:linear-gradient(90deg,#101617b8,#0b1011ab);border-top:1px solid #93988a4a;border-bottom:1px solid #3d4444;box-shadow:0 12px 40px #0004;backdrop-filter:blur(8px)}
html[data-layout62=industrial] .header:after{height:3px;bottom:-2px;background:linear-gradient(90deg,#9c5837,transparent 38%,#484e4e 70%,#9c5837);opacity:.7}
html[data-layout62=industrial] .brand img{border:1px solid #8d7660;box-shadow:0 0 0 4px #0b0d0dc0,0 8px 18px #0007;filter:none}
html[data-layout62=industrial] .brand b{color:#eddfc8;font-size:32px;letter-spacing:2px}
html[data-layout62=industrial] .brand small{color:#c1a887;letter-spacing:4px}
html[data-layout62=industrial] .game-tag{color:#c1ab8c;letter-spacing:3px;font-size:11px}
html[data-layout62=industrial] .online{background:#d49a51;box-shadow:0 0 10px #e7a45066}
html[data-layout62=industrial] .nav{margin:20px 0 24px;gap:7px;background:linear-gradient(#141a1bd4,#0d1112d9);border:1px solid #444c4d;padding:12px;box-shadow:0 10px 24px #0004}
html[data-layout62=industrial] :is(.btn,.nav button,.logout,.mobile-menu){position:relative;border:1px solid #74766b!important;border-image:none!important;border-radius:3px;background:linear-gradient(180deg,#333b3b,#1b2324 44%,#141b1c 53%,#293131)!important;color:#eadcc6;min-height:46px;padding:10px 19px!important;clip-path:none!important;box-shadow:inset 0 1px #e0e8df40,inset 0 -2px #0009,0 3px 7px #0009;letter-spacing:1.3px;font-family:var(--heading);font-size:12px;text-shadow:0 1px 2px #000;transition:background .18s,box-shadow .18s,transform .18s}
html[data-layout62=industrial] :is(.btn,.nav button,.logout,.mobile-menu):before,html[data-layout62=industrial] :is(.btn,.nav button):after{display:none!important}
html[data-layout62=industrial] .btn:not(.secondary),html[data-layout62=industrial] .nav button.active{background:linear-gradient(180deg,#be7b4e,#88452a 35%,#54271b 54%,#8e4e30)!important;border-color:#b99068!important;color:#fff0d2;box-shadow:inset 0 1px #f2d3aa70,inset 0 -2px #28140e,0 0 18px #bd6b2430}
html[data-layout62=industrial] :is(.btn,.nav button,.logout,.mobile-menu):hover{filter:brightness(1.12);border-color:#d0ad7c!important;box-shadow:inset 0 1px #e0e8df55,0 0 20px #c283402f}
html[data-layout62=industrial] :is(.btn,.nav button):active{transform:translateY(1px)}
html[data-layout62=industrial] :is(.btn,.nav button):disabled{opacity:.4;box-shadow:none;filter:grayscale(.6)}
html[data-layout62=industrial] .btn.small,html[data-layout62=industrial] .nav button{font-size:11px;padding:10px 12px!important}
html[data-layout62=industrial] .game-chamber{border:1px solid #59615f;border-image:none;background:linear-gradient(130deg,#111719ed,#0b1011f2),url('assets/grain.svg');box-shadow:inset 0 0 0 5px #111719,inset 0 0 0 6px #394041,0 24px 65px #0009;min-height:600px;margin-top:0}
html[data-layout62=industrial] .game-chamber>.chamber-skull{width:30px;height:36px;top:-19px;left:calc(50% - 15px);opacity:.8}
html[data-layout62=industrial] .main{padding:28px 30px 36px}
html[data-layout62=industrial] .section-kicker{color:#b39d7f;border-bottom:1px solid #56605a4d;padding-bottom:15px;margin-bottom:28px;letter-spacing:2px}
html[data-layout62=industrial] .title{color:#efdbc0;letter-spacing:2px;font-size:36px;text-align:left;justify-content:flex-start;margin:0 0 24px;text-shadow:0 2px 3px #000}
html[data-layout62=industrial] .title:before,html[data-layout62=industrial] .title:after{display:none}
html[data-layout62=industrial] :is(.panel,.card,.staff-card,.batch-card){border:1px solid #4e5655!important;border-image:none!important;border-radius:3px;background:linear-gradient(120deg,#282e2de8,#151c1df5 60%),url('assets/grain.svg');box-shadow:inset 0 1px #adb1a52d,inset 0 0 0 4px #13191a55,0 8px 20px #0005;padding:25px;position:relative}
html[data-layout62=industrial] :is(.panel,.card,.staff-card):before{display:block;content:'';position:absolute;inset:7px;pointer-events:none;background:radial-gradient(circle at 0 0,#a7aaa0 0 1px,#252b2b 2px,transparent 3px),radial-gradient(circle at 100% 0,#777c72 0 1px,#252b2b 2px,transparent 3px),radial-gradient(circle at 0 100%,#777c72 0 1px,#252b2b 2px,transparent 3px),radial-gradient(circle at 100% 100%,#777c72 0 1px,#252b2b 2px,transparent 3px)}
html[data-layout62=industrial] .panel h2{color:#e3c4a0;font-size:23px;border-bottom:1px solid #68716c40;padding-bottom:15px;margin-bottom:18px;letter-spacing:1px}
html[data-layout62=industrial] .panel h2:after{display:none}
html[data-layout62=industrial] label{color:#c6b69c;font-size:12px;letter-spacing:1.4px;line-height:1.5}
html[data-layout62=industrial] :is(input:not([type=checkbox]):not([type=color]):not([type=range]),select,textarea){border:1px solid #776e5f;border-radius:2px;background:linear-gradient(#090e10,#141b1c);color:#efe2cf;box-shadow:inset 0 2px 8px #0009;min-height:47px;font-size:16px;padding:11px 13px;max-width:100%}
html[data-layout62=industrial] :is(input,select,textarea):focus{outline:2px solid #cc9756;outline-offset:2px;border-color:#c99a62}
html[data-layout62=industrial] .muted,html[data-layout62=industrial] .form-hint{color:#b5aa96}
html[data-layout62=industrial] .notice{background:#211c13;border:1px solid #79613e;color:#e0c69e;padding:15px 18px}
html[data-layout62=industrial] .metric{color:#efc58a}
html[data-layout62=industrial] .metric-label{color:#c1b098;font-size:11px}
html[data-layout62=industrial] .table th{color:#ceb796;background:#080f114a;border-bottom:1px solid #9a774c55;font-size:11px}
html[data-layout62=industrial] .table td{border-bottom:1px solid #5b625738;font-size:15px}
html[data-layout62=industrial] .status{background:#7e683122;border:1px solid #9e824655;color:#e2c692;border-radius:2px}
html[data-layout62=industrial] .status.ok{background:#68835b20;border-color:#7b9d6470;color:#c3d5a6}
html[data-layout62=industrial] .status.bad{background:#a3473025;border-color:#a4593a70;color:#e0ac94}
html[data-layout62=industrial] dialog{border:1px solid #8a8e7e;border-image:none;border-radius:4px;background:linear-gradient(130deg,#272e2e,#101719);box-shadow:inset 0 0 0 5px #111719,inset 0 0 0 6px #4c5553,0 30px 100px #000c;padding:30px;max-height:92svh}
html[data-layout62=industrial] dialog::backdrop{background:#02080bd9;backdrop-filter:blur(5px)}
html[data-layout62=industrial] dialog h2{color:#edcfaa;font-size:28px}
html[data-layout62=industrial] .beer-grid{gap:23px}
html[data-layout62=industrial] .beer{border:1px solid #65685f!important;border-image:none;border-radius:4px;background:linear-gradient(140deg,#292d28,#101718 65%);box-shadow:inset 0 0 0 4px #151a18,inset 0 0 0 5px #555c514f,0 15px 30px #0008;padding:15px 15px 20px;overflow:hidden}
html[data-layout62=industrial] .beer .art-wrap{background:radial-gradient(ellipse at center,#704a2133,#060a0b 76%);border:1px solid #8f775155;padding:25px 20px 30px;box-shadow:inset 0 0 24px #0009;margin-bottom:18px;min-height:180px}
html[data-layout62=industrial] .beer .art-wrap:before,html[data-layout62=industrial] .beer .art-wrap:after{display:none}
html[data-layout62=industrial] .beer .art-wrap img{filter:drop-shadow(0 7px 12px #0008);max-height:250px}
html[data-layout62=industrial] .beer h3{color:#e3caa9;letter-spacing:1px;font-size:22px;min-height:55px}
html[data-layout62=industrial] .beer .info{padding:0 5px}
html[data-layout62=industrial] .beer .price{color:#efc183;font-size:33px}
html[data-layout62=industrial] .beer .btn{width:100%;margin:15px 0 0;font-size:12px;min-height:47px;padding:10px!important}
html[data-layout62=industrial] .beer-stock{border-color:#626a5a55;color:#c6c5ab;font-size:11px}
html[data-layout62=industrial] .card-roots{opacity:.55}
html[data-layout62=industrial] .pub-public .game-chamber{background:linear-gradient(#080f10a8,#0c1213eb 520px);border:0;box-shadow:none;padding:24px 28px 30px;margin-top:26px}
html[data-layout62=industrial] .customer-portal .game-chamber:has(.customer-auth){background:none;box-shadow:none;padding:25px 0 40px;margin-top:12px}
html[data-layout62=industrial] .customer-portal .game-chamber:has(.customer-auth)>.chamber-skull{display:none}
html[data-layout62=industrial] .customer-auth{max-width:1110px;grid-template-columns:1fr 1fr;gap:65px;align-items:center;margin:22px auto 40px}
html[data-layout62=industrial] .customer-welcome{text-align:center;padding:12px}
html[data-layout62=industrial] .login-cinema59{width:min(100%,430px);border:0;aspect-ratio:1;margin:0 auto 26px;background:#040708;border-radius:50%;box-shadow:0 0 0 2px #a98354,0 0 0 8px #0b1012c7,0 0 0 9px #7f786766,0 30px 75px #0009;overflow:hidden}
html[data-layout62=industrial] .login-cinema59 video{border-radius:50%;opacity:.94;object-fit:cover}
html[data-layout62=industrial] .login-cinema59 .text-btn{bottom:28px;right:calc(50% - 58px);width:116px;font-size:10px;padding:6px;background:#0d1111d9;border-color:#8b6d42}
html[data-layout62=industrial] .customer-auth .customer-welcome>h1{color:#f1ddbf;font-size:clamp(40px,4.5vw,67px);line-height:1.1;margin:17px 0;letter-spacing:2px;text-shadow:0 3px 7px #000}
html[data-layout62=industrial] .customer-welcome p{color:#e2d2b8;font-size:17px;text-shadow:0 2px 4px #000;line-height:1.65}
html[data-layout62=industrial] .customer-welcome .eyebrow{color:#d2b48b}
html[data-layout62=industrial] .customer-auth-panel{padding:35px!important;background:linear-gradient(115deg,#333934ed,#1a2324f5 65%),url('assets/grain.svg');border:1px solid #909488!important;box-shadow:inset 0 0 0 5px #101719,inset 0 0 0 6px #545b55,0 25px 55px #0009;backdrop-filter:blur(10px)}
html[data-layout62=industrial] .customer-auth-panel h2{font-size:31px;margin:0 0 24px}
html[data-layout62=industrial] .customer-auth-panel label{font-size:11px;margin-top:16px}
html[data-layout62=industrial] .customer-auth-panel form>.btn{min-height:50px;margin-top:25px;font-size:15px}
html[data-layout62=industrial] .customer-auth-links .text-btn{color:#d6bb91;font-size:13px}
html[data-layout62=industrial] .auth-social59{border-color:#8a8e6a55}
html[data-layout62=industrial] .catalog-intro{padding:45px 0 48px}
html[data-layout62=industrial] .catalog-intro .catalog-crest{width:130px;height:130px;border:1px solid #8b704e;box-shadow:0 0 0 6px #101514,0 18px 40px #0009;filter:none}
html[data-layout62=industrial] .catalog-intro h1{color:#f0ddc0;font-size:clamp(35px,4vw,57px);line-height:1.12;text-shadow:0 3px 6px #000;margin:23px 0}
html[data-layout62=industrial] .catalog-intro p{color:#ddd1bc;line-height:1.6}
html[data-layout62=industrial] .stage-hero{border:1px solid #6d7261;border-image:none;background:linear-gradient(90deg,#091012eb,#0d171e99),url('assets/rock-pub.webp') center 55%/cover;box-shadow:inset 0 0 0 5px #0e1415,0 15px 40px #0006;padding:35px}
html[data-layout62=industrial] .stage-hero:before{opacity:.06}
html[data-layout62=industrial] .stage-hero img{border:1px solid #b28e61;border-radius:50%;width:145px;height:145px;box-shadow:0 15px 40px #0009}
html[data-layout62=industrial] .foot{color:#c0ad8f;text-shadow:0 2px 3px #000}
html[data-layout62=industrial] .contact-options61{background:#11191a;border-color:#9b886a}
html[data-layout62=industrial] .contact-options61 button{background:#192222;color:#ddd0b8}
html[data-layout62=industrial] .contact-options61 button:hover{background:#34342a}
html[data-layout62=industrial] .sales-filters60,html[data-layout62=industrial] .sales-metric60{background:linear-gradient(130deg,#252c2be8,#11191aed)}
html[data-layout62=industrial] .contact-selected61,html[data-layout62=industrial] .contact-history61{background:#152021;border-color:#6f7460}
html[data-layout62=industrial][data-decor62=false] .ambient{display:none}
/* Gerenciador de versões; também disponível no visual clássico. */
.layout-gallery62{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:20px 0 28px}.layout-option62{overflow:hidden;min-width:0;padding:0!important}.layout-option62>img{width:100%;height:190px;object-fit:cover;object-position:center 53%;display:block;border-bottom:1px solid #826c47}.layout-option62>div{padding:22px}.layout-option62 h3{font-size:25px;margin:0 0 10px}.layout-option62 p{font-size:14px;color:#b9aa92;line-height:1.6}.layout-option62 .dialog-actions{flex-wrap:wrap}.layout-option62 .btn{flex:1}.layout-current62{display:inline-block;padding:5px 10px;background:#a47a362b;border:1px solid #a58c5b88;color:#e2c89a;font-size:10px;letter-spacing:1px;margin-bottom:12px}.layout-save62{margin-top:20px;border-top:1px solid #89734c55;padding-top:18px}.layout-save62 .fields{align-items:end}
@media(max-width:1100px){html[data-layout62=industrial] .wrap{padding:20px 24px 30px}html[data-layout62=industrial] .customer-auth{gap:35px}html[data-layout62=industrial] .customer-auth-panel{padding:28px!important}html[data-layout62=industrial] .nav{gap:6px}html[data-layout62=industrial] .main{padding:25px 22px}}
@media(max-width:760px){html[data-layout62=industrial] body:before{background-position:center 45%;background-image:linear-gradient(#060b0c66,#080e10d4),url('assets/industrial-brewery.webp')}html[data-layout62=industrial] .wrap{padding:12px 12px 25px}html[data-layout62=industrial] .header{padding:12px 9px 17px;gap:12px}html[data-layout62=industrial] .brand img{width:42px;height:42px}html[data-layout62=industrial] .brand b{font-size:23px}html[data-layout62=industrial] .brand small{font-size:7px;letter-spacing:2px}html[data-layout62=industrial] .mobile-menu{min-height:44px;font-size:10px;padding:8px 12px!important}html[data-layout62=industrial] .nav{margin-top:15px;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}html[data-layout62=industrial] .nav button{min-height:47px;font-size:10px}html[data-layout62=industrial] .game-chamber{margin-top:22px;min-height:420px}html[data-layout62=industrial] .game-chamber>.chamber-skull{display:none}html[data-layout62=industrial] .main{padding:22px 16px}html[data-layout62=industrial] .section-kicker{font-size:8px;letter-spacing:1px;margin-bottom:20px}html[data-layout62=industrial] .section-kicker>span:last-child{display:none}html[data-layout62=industrial] .title{font-size:28px;line-height:1.2;letter-spacing:1px;margin-bottom:18px}html[data-layout62=industrial] :is(.panel,.card,.staff-card,.batch-card){padding:19px 16px!important}html[data-layout62=industrial] .panel h2{font-size:20px}html[data-layout62=industrial] :is(.btn,.nav button){font-size:11px;min-height:46px;padding:10px 14px!important}html[data-layout62=industrial] .pub-public .header-right .btn{font-size:9px;min-height:42px;padding:8px!important}html[data-layout62=industrial] .pub-public .game-chamber{padding:12px 8px 24px;margin-top:18px}html[data-layout62=industrial] .customer-portal .game-chamber:has(.customer-auth){padding:0 0 25px;margin-top:14px}html[data-layout62=industrial] .customer-auth{display:flex;flex-direction:column;gap:26px;margin:8px auto 20px;max-width:480px}html[data-layout62=industrial] .customer-welcome{padding:10px 12px}html[data-layout62=industrial] .login-cinema59{max-width:245px;margin:0 auto 24px}html[data-layout62=industrial] .login-cinema59 .text-btn{bottom:15px;font-size:8px;width:100px;right:calc(50% - 50px);padding:4px}html[data-layout62=industrial] .customer-auth .customer-welcome>h1{font-size:36px;line-height:1.1;margin:14px 0}html[data-layout62=industrial] .customer-welcome>p{display:none}html[data-layout62=industrial] .customer-auth-panel{padding:25px 22px!important;width:100%}html[data-layout62=industrial] .customer-auth-panel h2{font-size:27px}html[data-layout62=industrial] .beer-grid{gap:12px}html[data-layout62=industrial] .beer{padding:10px 10px 15px!important}html[data-layout62=industrial] .beer .art-wrap{padding:17px 10px 22px;min-height:145px;margin-bottom:13px}html[data-layout62=industrial] .beer .art-wrap img{max-height:165px}html[data-layout62=industrial] .beer h3{font-size:16px;min-height:43px;line-height:1.4}html[data-layout62=industrial] .beer .price{font-size:25px}html[data-layout62=industrial] .beer .info{padding:0}html[data-layout62=industrial] .beer .btn{font-size:10px;min-height:44px;padding:8px 3px!important;width:100%;margin:12px 0 0}html[data-layout62=industrial] .beer-stock{font-size:9px}html[data-layout62=industrial] .catalog-intro{padding:22px 4px 26px;grid-template-columns:64px minmax(0,1fr)}html[data-layout62=industrial] .catalog-intro .catalog-crest{width:60px;height:60px;grid-column:1;grid-row:1/3}html[data-layout62=industrial] .catalog-intro h1{font-size:26px;margin:3px 0;grid-column:2}html[data-layout62=industrial] .catalog-intro .eyebrow{font-size:7px;grid-column:2}html[data-layout62=industrial] .catalog-intro p{font-size:13px;margin-top:18px}html[data-layout62=industrial] dialog{padding:24px 18px;max-width:calc(100vw - 18px);width:100%}html[data-layout62=industrial] .stage-hero{padding:25px 20px;min-height:230px}html[data-layout62=industrial] .stage-hero img{width:100px;height:100px}.layout-gallery62{grid-template-columns:1fr;gap:15px}.layout-option62>img{height:160px}.layout-option62>div{padding:20px}.layout-option62.panel{padding:0!important}}
@media(prefers-reduced-motion:reduce){html[data-layout62=industrial] :is(.btn,.nav button){transition:none}}
html[data-layout62=industrial] :is(.panel,.card,.staff-card,.batch-card){background:linear-gradient(120deg,color-mix(in srgb,var(--panel),#c3c6ac 9%),color-mix(in srgb,var(--panel),#050d10 35%))}
html[data-layout62=industrial] .panel h2{color:color-mix(in srgb,var(--gold),#fff2dc 35%)}
html[data-layout62=industrial] .btn:not(.secondary),html[data-layout62=industrial] .nav button.active{background:linear-gradient(180deg,color-mix(in srgb,var(--red),#e7c28d 30%),var(--red) 35%,color-mix(in srgb,var(--red),#0b0b0b 50%) 54%,var(--red))!important}
html[data-layout62=industrial] .brand b{color:var(--white)}
/* Evita herdar a espessura das molduras clássicas nos botões pequenos do celular. */
html[data-layout62=industrial] body .wrap :is(.btn,.nav button,.logout,.mobile-menu),html[data-layout62=industrial] body dialog .btn{border-width:1px!important;border-image:none!important}
