/* Unified interface layer. Print artwork and export canvases keep their own styles. */
@font-face{font-family:PP;src:url('fontes/mollen-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:PP;src:url('fontes/mollen-bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--primary:#16634b;--primary-hover:#104c39;--primary-light:#e7f2ec;--accent:#cce878;--background:#f5f6f2;--surface:#fff;--surface-subtle:#f6f8f4;--border:#dde4dc;--text-primary:#203a30;--text-secondary:#64766b;--radius-md:14px;--radius-lg:20px;--motion:160ms cubic-bezier(.23,1,.32,1)}
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
button,a,[role=button]{touch-action:manipulation}
button{user-select:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #84ad50!important;outline-offset:4px}
.pp-landing,.pp-landing *{box-sizing:border-box}
.pp-landing{background:#f7f8f2!important;color:#193d2f!important;font-family:PP,'Segoe UI',sans-serif!important;overflow:clip;line-height:1.5;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.pp-landing:before,.pp-landing:after{display:none!important}
.tela-autenticacao:has(.pp-landing){padding:0!important;background:#f7f8f2;overflow-x:hidden}
.landing-whatsapp-float{display:none!important}
.pp-landing h1,.pp-landing h2,.pp-landing h3,.pp-landing p{margin:0;font-family:inherit;text-transform:none;letter-spacing:normal}
.pp-landing a{color:inherit;text-decoration:none}
.pp-landing button{font-family:inherit;cursor:pointer}
.pp-wrap{width:min(1200px,calc(100% - 96px));margin:auto}
.pp-header{width:min(1360px,100%);margin:auto;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e2e7dc}
.pp-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.pp-brand img{width:48px;height:48px;object-fit:contain}
.pp-brand>span{font-size:24px;line-height:1;font-weight:700;letter-spacing:-1px}
.pp-brand>span>span{color:#698a3d}
.pp-brand small{display:block;margin-top:7px;font-size:8px;letter-spacing:1.5px;font-weight:400}
.pp-header nav{display:flex;gap:27px;align-items:center;font-size:14px}
.pp-login{border:0;background:none;padding:12px 6px;color:#193d2f;font-weight:700}
.pp-landing .pp-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 25px;background:#193d2f;color:#fff;border:1px solid #193d2f;border-radius:8px;font-size:15px;font-weight:700;box-shadow:none;transition:transform 120ms ease-out,background 160ms ease-out}
.pp-header .pp-button{padding:12px 18px;font-size:13px}
.pp-button span{font-size:20px;font-weight:400}
.pp-landing button:active{transform:scale(.97)}
.pp-menu{display:none}
.pp-skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:10}
.pp-skip:focus{top:10px}
.pp-hero{padding:76px 0 80px;background:radial-gradient(ellipse at 80% 50%,#e4edd5 0,transparent 50%)}
.pp-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}
.pp-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:2px;color:#56714a}
.pp-eyebrow i{width:7px;height:7px;border-radius:50%;background:#6f8e42}
.pp-hero h1{margin:22px 0;font-size:clamp(44px,4.6vw,68px);font-weight:700;letter-spacing:-3px;line-height:1.07}
.pp-hero h1 em{font-style:normal;color:#64833b}
.pp-hero p{max-width:440px;font-size:17px;line-height:1.75;color:#66756a}
.pp-actions{display:flex;align-items:center;gap:24px;margin-top:30px}
.pp-text-link{font-size:14px;font-weight:700;border-bottom:1px solid #a5b895;padding:8px 0}
.pp-hero-benefits{display:flex;flex-wrap:wrap;gap:17px;margin-top:28px;font-size:11px;color:#617360}
.pp-studio{border:1px solid #d3ddcc;border-radius:14px;background:#fff;box-shadow:0 28px 70px #22402c15;overflow:hidden;transform:rotate(2deg)}
.pp-studio-bar{padding:17px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e7df}
.pp-studio-bar>span:first-child{display:flex;gap:5px}
.pp-studio-bar i{width:6px;height:6px;background:#cbd4c5;border-radius:50%}
.pp-studio-bar small{font-size:8px;letter-spacing:1.1px}
.pp-art-wall{position:relative;background:#e9eedf;min-height:365px;padding:30px;display:flex;align-items:center;gap:16px}
.pp-art-wall img{width:46%;height:290px;object-fit:contain;filter:drop-shadow(0 12px 14px #203c3020)}
.pp-art-one{transform:rotate(-7deg)}
.pp-art-two{transform:rotate(6deg) translateY(-12px)}
.pp-art-note{position:absolute;bottom:17px;right:22px;font-size:8px;letter-spacing:1px;text-align:right}
.pp-studio-footer{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:18px;font-size:11px}
.pp-studio-footer b{background:#e8f0dc;color:#476b26;padding:3px 5px;border-radius:50%;margin-right:4px}
.pp-studio-footer small{font-size:8px;color:#71816d}
.pp-format-strip{display:flex;align-items:center;justify-content:center;gap:30px;padding:24px;background:#193d2f;color:#dce9d2;font-size:11px;letter-spacing:1.2px}
.pp-format-strip>span{color:#adbfaa;letter-spacing:0;margin-right:16px}
.pp-format-strip i{font-style:normal;color:#cce878;font-size:20px}
.pp-section{padding:90px 0;scroll-margin-top:24px}
.pp-section-heading{margin-bottom:38px}
.pp-section h2,.pp-showcase h2,.pp-final h2{font-size:clamp(30px,3.2vw,46px);line-height:1.14;letter-spacing:-1.7px;margin-top:14px;font-weight:700}
.pp-features{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}
.pp-feature{background:white;border:1px solid #e1e6db;border-radius:14px;padding:30px;min-width:0}
.pp-feature-main{grid-row:span 2;background:#e8eedf}
.pp-feature:last-child{grid-column:span 2}
.pp-feature-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #c8d7bd;border-radius:10px;font-size:22px;color:#57793c;margin-bottom:30px}
.pp-feature h3{font-size:21px;line-height:1.25;letter-spacing:-.5px}
.pp-feature p,.pp-steps p{font-size:14px;color:#69756a;line-height:1.75;margin-top:13px}
.pp-list-demo{margin-top:30px;background:#fff;border:1px solid #dae3d2;border-radius:10px;padding:16px;font-size:11px}
.pp-list-demo span{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #edf0e8}
.pp-list-demo b{white-space:nowrap}
.pp-list-demo small{display:block;margin-top:20px;font-size:8px;letter-spacing:1px;color:#779160}
#comoFuncionaLanding{background:#eef1e8;border-block:1px solid #e2e7da}
.pp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}
.pp-steps article>span{display:block;font-size:42px;font-weight:400;color:#9cae87;border-bottom:1px solid #d3ddc9;padding-bottom:20px;margin-bottom:24px}
.pp-steps h3{font-size:21px;line-height:1.3}
.pp-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.pp-gallery article>div{background:#eaeede;border-radius:12px;height:300px;display:grid;place-items:center;padding:20px;overflow:hidden}
.pp-gallery img{width:100%;height:260px;object-fit:contain;filter:drop-shadow(0 8px 10px #253d2720)}
.pp-gallery article:nth-child(2)>div{background:#eee9dc}.pp-gallery article:nth-child(3)>div{background:#e2ebdf}.pp-gallery article:nth-child(4)>div{background:#ece5de}
.pp-gallery h3{font-size:17px;margin-top:18px}
.pp-gallery p{font-size:12px;color:#71806d;margin-top:5px}
.pp-gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:35px;padding-top:26px;border-top:1px solid #dce3d5}
.pp-gallery-bottom p{font-size:14px;color:#64765d}
.pp-showcase{background:#193d2f;padding:75px 0;color:#fff}
.pp-showcase-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
.pp-showcase img{width:100%;border-radius:12px}
.pp-showcase .pp-eyebrow{color:#bbd486}.pp-showcase p{font-size:16px;color:#b8caba;line-height:1.8;margin:22px 0}.pp-showcase a{color:#cce878}
.pp-landing .planos-grade{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin:auto;gap:24px}
.pp-landing .plano-card{position:relative;display:flex;flex-direction:column;text-align:left;background:#fff!important;border:1px solid #dce4d6!important;border-radius:16px;padding:38px!important;color:#193d2f!important;box-shadow:none!important;transform:none!important;overflow:visible}
.pp-landing .plano-card.recomendado{border:2px solid #64833b!important;background:#edf2e2!important}
.pp-landing .plano-card h3{color:#56714a!important;font-size:13px;letter-spacing:1px}
.pp-landing .plano-preco{margin:24px 0 12px;display:flex;align-items:baseline;gap:6px;color:#193d2f!important}
.pp-landing .plano-preco .valor{font:700 46px PP;color:#193d2f!important;letter-spacing:-2px}
.pp-landing .plano-preco .moeda,.pp-landing .plano-preco .periodo{font-size:14px;color:#65775e!important}
.pp-landing .plano-desc{font-size:13px;color:#64765d!important;line-height:1.7;min-height:66px}
.pp-landing .plano-recursos{list-style:none;padding:0;margin:22px 0 30px;color:#51644a;font-size:13px;line-height:2.4}
.pp-landing .btn-plano{margin-top:auto;padding:15px;border:1px solid #193d2f;border-radius:8px;background:#193d2f!important;color:white!important;font-size:12px;letter-spacing:.5px;box-shadow:none}
.pp-landing .plano-badge{position:absolute;top:-14px;left:28px;right:auto;background:#cce878!important;color:#193d2f!important;padding:6px 15px;border-radius:5px;font-size:10px}
.pp-landing .planos-mensagem{color:#64765d;text-align:center;font-size:13px;margin-top:26px}
#faqLanding{background:#eef1e8;padding-top:70px}
.pp-landing .faq-lista{max-width:850px;margin:0}
.pp-landing .faq-item{border:0!important;border-bottom:1px solid #d2ddc9!important;border-radius:0!important;background:transparent!important;margin:0!important;box-shadow:none!important;color:#193d2f!important;padding:0!important}
.pp-landing .faq-item summary{position:relative;padding:23px 36px 23px 0;font-size:16px;font-weight:700;cursor:pointer;list-style:none;color:#193d2f!important}
.pp-landing .faq-item summary::-webkit-details-marker{display:none}
.pp-landing .faq-item summary:after{content:'+';position:absolute;right:4px;font-size:24px;top:17px;background:none!important;color:#64833b}
.pp-landing .faq-item[open] summary:after{content:'−'}
.pp-landing .faq-item p{font-size:14px;line-height:1.8;color:#65755f!important;padding:0 40px 24px 0}
.pp-final{text-align:center;padding:90px 0;background:#dce9c4}
.pp-final h2{font-size:clamp(36px,4.4vw,60px)}.pp-final p{margin:20px 0 28px;color:#637653;font-size:15px}
.pp-footer{padding:50px 0 25px;background:#f7f8f2}
.pp-footer .pp-wrap{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;align-items:start}
.pp-footer strong{font-size:24px;letter-spacing:-1px}.pp-footer strong span{font-size:12px;margin-left:5px}.pp-footer p{font-size:12px;color:#728269;margin-top:8px}.pp-footer nav{display:flex;gap:24px;font-size:12px}.pp-footer small{flex-basis:100%;border-top:1px solid #dce3d5;padding-top:24px;font-size:10px;color:#798772}
/* Shared app chrome and panels: scoped to UI, never to the generated cartazes. */
@media screen{
body.bodart-ui-ativa{background:var(--background);font-family:PP,'Segoe UI',sans-serif}
.bodart-shell,.bodart-dashboard,.bodart-create-modal,.bodart-account-modal,.central-varejo-backdrop{font-family:PP,'Segoe UI',sans-serif}
.bodart-sidebar{background:#193d2f;padding:22px 14px;border-right:0}
.bodart-sidebar-brand{height:64px}.bodart-sidebar-brand small{color:#b7c9a6;font-size:8px}.bodart-nav{gap:5px;margin-top:22px}.bodart-nav button{font-size:12px;min-height:43px;font-weight:400;border-radius:8px;color:#cfddca}.bodart-nav button.ativo{background:#cce878;color:#193d2f;box-shadow:none;font-weight:700}.bodart-nav-section{color:#94ad88;font-size:9px}
.bodart-topbar{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:none}
.bodart-dashboard-inner{max-width:1260px;padding:36px}.bodart-welcome{margin-bottom:28px}.bodart-welcome h1{font-size:36px;letter-spacing:-1.2px}.bodart-eyebrow{letter-spacing:1.5px;color:var(--text-secondary)}
.bodart-quick-create{border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:none;padding:26px}.bodart-quick-create label{font-size:18px;color:var(--text-primary)}.bodart-quick-row input{background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px;min-height:48px}.bodart-quick-hint{color:var(--text-secondary)}
.bodart-shortcuts{gap:14px}.bodart-shortcut{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:none;padding:24px;text-align:left}.bodart-shortcut svg{color:var(--primary)}.bodart-shortcut strong{font-size:14px}.bodart-shortcut small{font-size:11px;color:var(--text-secondary);line-height:1.6}
.bodart-section-head h2{font-size:21px;letter-spacing:-.5px}.bodart-project-card{border:1px solid var(--border);box-shadow:none;border-radius:14px}
.bodart-create-panel,.bodart-account-panel,.cartao-historico,.cartao-dashboard,.cartao-planos,.central-cartao,.painel-gerador{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:18px;box-shadow:0 18px 60px #17372714}
.bodart-create-panel header,.bodart-account-panel header{border-bottom:1px solid var(--border)}.bodart-create-options button{background:var(--surface-subtle);border:1px solid var(--border);border-radius:12px}.central-cartao h3{color:var(--text-primary)}.central-cartao p{color:var(--text-secondary)}
.bodart-library-panel,.bodart-input-panel,.bodart-f5-panel{font-family:PP,'Segoe UI',sans-serif;border-radius:18px;border:1px solid var(--border);box-shadow:0 24px 70px #17372722}
.bodart-library-head,.bodart-f5-head,.bodart-input-head{padding:24px;background:var(--surface);border-bottom:1px solid var(--border)}
.bodart-library-head h2,.bodart-f5-head h2,.bodart-input-head h2{font-size:25px;letter-spacing:-.7px}
.bodart-library-tabs,.bodart-f5-tabs{padding:12px 24px;gap:8px;background:var(--surface);scrollbar-width:thin}
.bodart-library-tabs button,.bodart-f5-tabs button{padding:11px 16px;font-size:13px;font-family:inherit}
.bodart-library-tabs button.ativo,.bodart-f5-tabs button.ativo{background:var(--primary-light);color:var(--primary)}
.bodart-library-content,.bodart-f5-body{padding:24px}.bodart-library-card,.bodart-f5-card{border:1px solid var(--border);border-radius:12px;padding:20px;background:var(--surface-subtle)}
.bodart-library-grid>p:only-child{grid-column:1/-1;padding:48px 24px;text-align:center;background:var(--surface-subtle);border:1px dashed var(--border);border-radius:12px;color:var(--text-secondary)}
.central-btn.primario,.bodart-primary-action{background:var(--primary);color:#fff;border-radius:8px;box-shadow:none}.central-item{border-color:var(--border);background:var(--surface-subtle);border-radius:10px}
.ea-janela{background:var(--surface);color:var(--text-primary);border-color:var(--border);box-shadow:0 25px 70px #132c3030}.ea-topo{background:var(--surface-subtle);border-bottom:1px solid var(--border);padding:20px}.ea-topo h2{font-size:18px;letter-spacing:-.3px}.ea-topo p{color:var(--text-secondary)}.ea-painel{background:var(--surface-subtle);border-color:var(--border)}.ea-campo{color:var(--text-secondary)}.ea-campo input,.ea-campo textarea,.ea-campo select{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:8px}.ea-topo .ea-fechar{background:var(--surface);color:var(--text-primary);border-color:var(--border)}
.cartao-autenticacao{border-radius:20px!important;box-shadow:0 25px 100px #193d2f20!important}.cartao-autenticacao input{border-radius:8px}
body.tema-escuro{--primary:#8ed1ac;--primary-hover:#b5e3c7;--primary-light:#234336;--background:#12231c;--surface:#1a3026;--surface-subtle:#20382c;--border:#365341;--text-primary:#edf4e8;--text-secondary:#afc0a9;--accent:#cce878}
body.tema-escuro .bodart-primary-action,body.tema-escuro .central-btn.primario{color:#193d2f}
}
@media(hover:hover) and (pointer:fine){.pp-button:hover{background:#2e5740}.pp-header nav>a:hover,.pp-footer a:hover{color:#6b8b3c}.bodart-nav button:not(.ativo):hover{background:#ffffff12;color:#fff}.bodart-shortcut:hover{border-color:#9fb994;transform:translateY(-2px);box-shadow:0 8px 24px #1737270c}}
@media(max-width:1100px){.pp-header{padding:22px 28px}.pp-header nav{gap:16px}.pp-wrap{width:calc(100% - 56px)}.pp-hero-grid{gap:30px}.pp-hero h1{font-size:52px}.pp-actions{gap:15px;flex-wrap:wrap}.pp-art-wall{padding:20px;min-height:320px}.pp-art-wall img{height:250px}.pp-format-strip{gap:18px}.pp-format-strip>span{display:none}.pp-gallery article>div{height:245px}.pp-gallery img{height:205px}}
@media(max-width:760px){.pp-header{padding:16px 20px;position:relative;flex-wrap:wrap}.pp-brand img{width:38px;height:38px}.pp-brand>span{font-size:21px}.pp-menu{display:block;border:1px solid #cedbc5;background:transparent;color:#193d2f;width:44px;height:44px;border-radius:8px;font-size:20px}.pp-header nav{display:none;flex-basis:100%;align-items:stretch;gap:4px;padding-top:16px}.pp-header nav.pp-open{display:flex;flex-direction:column}.pp-header nav>a,.pp-login{padding:12px;text-align:left}.pp-wrap{width:calc(100% - 40px)}.pp-hero{padding:42px 0 50px}.pp-hero-grid{grid-template-columns:1fr;gap:42px}.pp-hero h1{font-size:48px;letter-spacing:-2px}.pp-hero p{font-size:16px}.pp-eyebrow{font-size:9px;letter-spacing:1.4px}.pp-hero-benefits{font-size:10px;gap:14px}.pp-studio{transform:none;max-width:520px;width:100%;margin:auto}.pp-art-wall{min-height:300px}.pp-format-strip{flex-wrap:wrap;gap:14px;padding:20px 15px;font-size:9px}.pp-section{padding:58px 0}.pp-section h2{font-size:34px;letter-spacing:-1px}.pp-features{grid-template-columns:1fr;gap:12px}.pp-feature-main{grid-row:auto}.pp-feature:last-child{grid-column:auto}.pp-feature{padding:24px}.pp-feature-icon{margin-bottom:20px}.pp-steps{grid-template-columns:1fr;gap:28px}.pp-steps article>span{font-size:30px;padding-bottom:10px;margin-bottom:14px}.pp-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.pp-gallery article>div{height:210px;padding:12px}.pp-gallery img{height:185px}.pp-gallery h3{font-size:15px}.pp-gallery p{font-size:11px}.pp-gallery-bottom{flex-direction:column;align-items:start}.pp-showcase{padding:50px 0}.pp-showcase-grid{grid-template-columns:1fr;gap:30px}.pp-landing .planos-grade{grid-template-columns:1fr;gap:30px}.pp-landing .plano-card{padding:28px!important}.pp-final{padding:60px 0}.pp-footer nav{flex-wrap:wrap;gap:18px}.bodart-dashboard-inner{padding:22px 16px}.bodart-welcome h1{font-size:28px}.bodart-quick-create{padding:18px}.bodart-shortcut{padding:18px}.bodart-sidebar{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.ea-overlay{padding:8px}.ea-janela{max-height:calc(100dvh - 16px);overflow:auto}.ea-corpo{grid-template-columns:minmax(0,1fr)}.ea-topo{padding:14px}.ea-topo h2{font-size:15px}.ea-painel{min-width:0}input,textarea,select{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.pp-landing *,.bodart-shell *,.bodart-dashboard *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}