:root{--tab:calc(74px + env(safe-area-inset-bottom,0px))}
html{color-scheme:dark}
body{overflow:hidden}
a,button,label{touch-action:manipulation}
button{font:inherit}
:focus-visible{outline:3px solid #ffad68;outline-offset:4px}
.tela:focus{outline:none}
.palco{height:100dvh;min-height:0;gap:40px;padding:24px}
.celular{width:min(100%,780px);height:calc(100dvh - 48px);aspect-ratio:auto;border-radius:24px;padding:0;min-width:0}
.celular::before{display:none}
.app{border-radius:24px}
.lado{max-width:280px}
.lado h2{font-size:38px}
@media(min-width:761px) and (max-width:1100px){.lado{display:none}}
.tela{scrollbar-width:thin;scrollbar-color:#79519b transparent;overscroll-behavior-y:contain}
.abas{height:var(--tab)}
.install-app{margin-top:20px;border:0;border-radius:12px;padding:14px 20px;background:#F04938;color:white;font-weight:700;cursor:pointer}
[hidden]{display:none!important}
.mobile-install{display:none}
.demo-notice{position:absolute;z-index:40;top:0;left:0;right:0;background:#3f2458;color:#fff;font:600 12px/1.4 system-ui;padding:9px 16px;text-align:center}
body[data-module="relacionamento"] .telas{top:52px}
body[data-module="relacionamento"] .notas,body[data-module="relacionamento"] .lado{display:none}
@media(min-width:1000px){
 body[data-module="app"] .s-inicio .exps{display:grid;grid-template-columns:1fr 1fr;gap:12px}
 body[data-module="app"] .testeira{min-height:230px}
}
@media(max-width:760px){
 .palco{padding:0;display:block}
 .lado{display:none}
 .mobile-install{display:block;padding:0 20px}
 .celular{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none;padding:0}
 .app{border-radius:0}
 .tela{padding-top:env(safe-area-inset-top,0px)}
 .demo-notice{padding-top:calc(8px + env(safe-area-inset-top,0px))}
 body[data-module="relacionamento"] .telas{top:calc(52px + env(safe-area-inset-top,0px))}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}