/* 710 BEATS immersive visual layer + responsive layer */
@import url('/immersive-base.css');
@import url('/mobile.css');
@import url('/scene-motion.css') layer(sceneMotion);

/* Fundo cinza em todo o site */
:root{--bg:#3f4348;--panel:#494e54;--text:#f7fbff;--muted:#d0d5da}
html,body{background:#3f4348!important;background-color:#3f4348!important}
main,.main,.page,.content,.section{background-color:#3f4348!important}
.hero{background:#3f4348!important}
.section#catalogo{background:#3f4348!important}
body:before{background:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px)!important}
body:after{background:radial-gradient(circle at 10% 25%,#00dfff20,transparent 25%),radial-gradient(circle at 85% 20%,#ff10b520,transparent 25%),radial-gradient(circle at 65% 75%,#ff860018,transparent 30%)!important}
.hero:after{background:linear-gradient(90deg,#3f4348 0%,#3f4348c9 27%,#3f434858 52%,#3f434810 72%,#3f4348a8 100%)!important}
.hero:before{background:linear-gradient(90deg,#3f4348 0%,#3f4348b8 28%,#3f434828 58%,#3f434808 78%,#3f4348a0 100%),linear-gradient(0deg,#3f4348b8 0%,transparent 38%,#3f43483d 100%)!important}
.studio{background:linear-gradient(90deg,#3f4348 0%,transparent 34%),url('/bg1.jpg')!important}
.studio:before{background:linear-gradient(90deg,#3f4348 0%,#3f434812 42%,#3f434808 100%),url('/bg2.jpg')!important}
.studio:after{background:linear-gradient(90deg,#3f4348 0%,#3f434812 42%,#3f434808 100%),url('/bg3.jpg')!important}
.hero .wrap:after{background:linear-gradient(90deg,#3f4348 0%,#3f434810 45%,#3f434806 100%),url('/bg4.jpg')!important}
.hero-art{background:linear-gradient(90deg,#3f4348 0%,#3f434812 42%,#3f434808 100%),url('/bg1.jpg')!important}
.hero-art:before{background:linear-gradient(90deg,#3f4348 0%,#3f434812 42%,#3f434808 100%),url('/bg2.jpg')!important}
.hero-art:after{background:linear-gradient(90deg,#3f4348 0%,#3f434812 42%,#3f434808 100%),url('/bg3.jpg')!important}
.hero-art .person{background:linear-gradient(90deg,#3f4348 0%,#3f434810 45%,#3f434806 100%),url('/bg4.jpg')!important}
.section#catalogo:before{background:linear-gradient(#3f4348b8,#3f4348c9),url('/bg1.jpg')!important}
.top{background:#3a3e43e8!important}
.footer{background:#383c41!important}
.card{background:#4a4f55e8!important}

/* Marca 710: discreta e responsiva, sem cobrir as capas */
.hero .wrap:before{font-size:clamp(14px,1.5vw,24px)!important;letter-spacing:3px!important;opacity:.025!important;left:2%!important;top:20%!important;width:42%!important;height:42%!important}
.section#catalogo:after{font-size:clamp(18px,2.4vw,34px)!important;letter-spacing:3px!important;opacity:.025!important;right:2%!important;top:28%!important}
.section#catalogo .wrap:before{font-size:9px!important;letter-spacing:2px!important;opacity:.10!important}

/* HERO CORRIGIDO: a arte fica atrás do texto e nunca corta o título */
.hero{position:relative!important;overflow:hidden!important}
.hero-art{left:0!important;right:0!important;top:0!important;width:100%!important;height:100%!important;z-index:0!important;background-size:100% 100%,cover!important;background-position:center,center!important}
.hero-art:before,.hero-art:after,.hero-art .person{z-index:1!important;background-size:100% 100%,cover!important;background-position:center,center!important}
.hero:before{z-index:2!important}
.hero:after{z-index:3!important}
.hero .wrap{position:relative!important;z-index:8!important;padding-left:clamp(18px,2.2vw,32px)!important;padding-right:clamp(18px,2.2vw,32px)!important}
.hero-copy,.copy{position:relative!important;z-index:10!important;width:min(62%,820px)!important;max-width:820px!important;min-width:0!important;padding-left:0!important}
.hero h1{font-size:clamp(72px,8.5vw,138px)!important;line-height:.82!important;max-width:100%!important;overflow:visible!important;word-break:normal!important;white-space:normal!important}
.hero p{max-width:620px!important}

@media(max-width:900px){.hero .wrap{padding-left:20px!important;padding-right:20px!important}.hero-copy,.copy{width:72%!important}.hero h1{font-size:clamp(64px,10vw,104px)!important}.hero .wrap:before{font-size:16px!important;width:46%!important}.section#catalogo:after{font-size:22px!important}}
@media(max-width:620px){.hero .wrap{padding-left:18px!important;padding-right:18px!important}.hero-copy,.copy{width:100%!important;padding-top:85px!important}.hero h1{font-size:clamp(62px,19vw,82px)!important;line-height:.84!important}.hero-art{opacity:.72!important;background-size:100% 100%,cover!important}.hero .wrap:before{font-size:12px!important;letter-spacing:2px!important;width:38%!important;opacity:.02!important}.section#catalogo:after{font-size:16px!important;right:4%!important;top:25%!important}.section#catalogo .wrap:before{display:none!important}}