/* Uma superfície contínua para TODAS as páginas. Prévia local. */
html:root{--reason-page:#f5f5f4;background:#f5f5f4!important}
html body{background:linear-gradient(180deg,#bec6ca 0px,#cbd1d4 360px,#e3e6e7 680px,#f5f5f4 1000px) no-repeat #f5f5f4!important;position:relative;isolation:isolate}
html body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 65% 75% at 85% 10%,#ffffff40,transparent 75%),url('images/ambient-shadows.svg') center 25%/100% auto repeat-y;opacity:.48}
html body main,html body #principal,html body main>div,html body [data-component],html body main>section,html body main>div>section,html body main>div>div>section,html body main>div>section:nth-child(n),html body .site-footer{background:transparent!important;background-image:none!important}
html body #principal::before{display:none!important}
html body #principal>div:nth-child(n)>section:not(#inicio){background:transparent!important;border-top:0!important}
html body #inicio.hero{background:transparent!important}
html body #inicio .reason-hero-stage::after{height:30%;background:linear-gradient(180deg,transparent,#f5f5f4)!important}
html body .reason-contact-entry{background:transparent!important;overflow:visible;padding:64px 24px}
html body .reason-contact-grid{min-height:560px;gap:64px;grid-template-columns:1fr 1fr}
html body .reason-contact-art{width:100%;aspect-ratio:1;position:relative;overflow:hidden;isolation:isolate}
html body .reason-contact-art video{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 53% 53% at 50% 50%,#000 65%,rgba(0,0,0,.88) 76%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 53% 53% at 50% 50%,#000 65%,rgba(0,0,0,.88) 76%,transparent 100%)}
html body .reason-contact-grid h2{font-weight:500;max-width:465px;font-size:clamp(30px,3vw,42px);line-height:1.17}
html body .site-footer{background:transparent!important}
html body .flow{position:relative;isolation:isolate}
html body .flow-panel{background:rgba(255,255,255,.7)}
/* Vidro neutro: reflexo na borda, preenchimento translúcido e sombra difusa. */
html body main>.auth-centered-card{background:rgba(255,255,255,.38)!important}
html body .site-header{background:rgba(255,255,255,.46)!important;backdrop-filter:blur(16px) saturate(110%);-webkit-backdrop-filter:blur(16px) saturate(110%);border:1px solid rgba(255,255,255,.85)!important;box-shadow:inset 0 1px 0 #fff, inset 0 -1px 1px #ffffff80,0 4px 10px #737d8510,0 18px 38px #737d8512!important}
html body :is(.rms-stage,.reason-checkout-demo,.flow-panel){background-color:rgba(255,255,255,.52);backdrop-filter:blur(12.5px);-webkit-backdrop-filter:blur(12.5px);border-color:#ffffffbf;box-shadow:inset 0 1px 1px #fff,-2px 4px 10px #9191910d,-7px 17px 18px #9191910a,-15px 37px 24px #91919108,-27px 66px 29px #91919103}
html body:has(.auth-centered-wrapper),html body:has(.auth-split-layout){background:radial-gradient(ellipse 85% 70% at 85% 15%,#ffffff35,transparent 75%),linear-gradient(180deg,#bec6ca 0%,#cbd1d4 35%,#e5e8e9 73%,#f5f5f4 100%)!important;background-attachment:fixed!important}
html body .auth-centered-card{max-width:520px;padding:38px 40px;border-radius:32px;border:1px solid #ffffffb8;background:rgba(255,255,255,.38);backdrop-filter:blur(12.5px);-webkit-backdrop-filter:blur(12.5px);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #ffffff80,-2px 4px 10px #9191910d,-7px 17px 18px #9191910a,-15px 37px 24px #91919108,-27px 66px 29px #91919103}
html body .auth-centered-card .form-input{background:rgba(255,255,255,.58);border:1px solid #ffffffd9;box-shadow:inset 0 2px 4px #53616e0b,0 1px 0 #ffffff80}
html body .auth-centered-card .form-input:focus{outline:2px solid #2454e86b;outline-offset:2px}
@media(max-width:600px){html body .auth-centered-card{padding:28px 22px;border-radius:26px}html body .auth-centered-wrapper{padding:24px 16px}}
@media(max-width:767px){html body::before{background-size:auto 1500px;opacity:.38}html body .reason-contact-grid{grid-template-columns:1fr;gap:24px;min-height:0}html body .reason-contact-art{max-width:440px;margin:0 auto}html body .reason-contact-entry{padding:40px 22px}}
