/* Geometria do editor verificada no Hopp em 05/10/2026. */
body.vita-editing{background:#f4f4f4;color:#191919;overflow:hidden}
.vita-editing .globalbar,.vita-editing #app>aside{display:none!important}
.vita-editing main.editing{margin:0;padding:0;height:100vh;max-width:none}
.vita-editing .editor-toolbar{height:58px;min-height:58px;gap:4px;padding:8px 16px;border-color:#f0f0f0;flex-wrap:nowrap}
.vita-editing .editor-toolbar button{height:34px;padding:6px 10px;font-size:13px;border:0;background:transparent;border-radius:7px}
.vita-editing .editor-toolbar button:disabled{opacity:.35}
.vita-editing .editor-toolbar .primary{background:#2862eb;color:white;padding:6px 20px;min-width:98px}
.vita-editing .editor-toolbar .device-active{background:#efefef}
.vita-editing .editor-toolbar .toolbar-divider{height:26px;width:1px;background:#ededed;margin:0 7px}
.vita-editing .editor-toolbar .address-box{display:flex;align-items:center;background:#f8f8f8;border:1px solid #eee;border-radius:8px;margin-left:9px;padding:1px 4px 1px 12px;gap:5px;max-width:380px}
.vita-editing .editor-toolbar .address{border:0;background:transparent;padding:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vita-editing .editor-toolbar #syncstatus{background:transparent;font-size:11px;padding:4px;color:#757575;max-width:100px}
.vita-editing .editor-layout{grid-template-columns:90px 410px minmax(220px,1fr);padding:14px 12px 12px;gap:16px;height:calc(100vh - 58px);min-height:0}
.vita-editing .editor-rail{border-radius:12px;padding:4px;background:#fff;gap:0}
.vita-editing .editor-rail button{font-size:11px;line-height:16px;color:#525252;min-height:65px;padding:9px 2px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:400}
.vita-editing .editor-rail button.active{background:#f1f1f1;color:#171717}
.vita-editing .editor-rail button span{display:flex;width:auto}
.vita-editing svg.ui-icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.5;fill:none;flex-shrink:0;vertical-align:middle}
.vita-editing .editor-panel{height:100%;border-radius:12px;padding:20px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#dce7ff transparent}
.vita-editing .editor-layout.panel-closed{grid-template-columns:90px 1fr}.vita-editing .editor-layout.panel-closed .editor-panel{display:none}
.vita-editing .panel-title{display:flex;align-items:center;gap:12px;margin-bottom:26px;min-height:22px}
.vita-editing .panel-title h2{font-size:18px;font-weight:600;margin:0;flex:1;line-height:24px}
.vita-editing .panel-title button{padding:0;background:none;border:0;color:#666;display:flex;align-items:center}
.vita-editing .editor-panel h3{font-size:14px;font-weight:600;margin:24px 0 12px}
.vita-editing .editor-panel label{font-size:13px;font-weight:400;color:#474747;margin-bottom:20px;line-height:1.5}
.vita-editing .editor-panel input,.vita-editing .editor-panel textarea,.vita-editing .editor-panel select{font-size:14px;min-height:40px;border-color:#e6e6e6;border-radius:5px}
.vita-editing .editor-panel input:focus,.vita-editing .editor-panel textarea:focus,.vita-editing .editor-panel select:focus{outline:2px solid #b8ceff;outline-offset:0}
.vita-editing .page-controls{margin:0 0 24px;display:flex;gap:10px;flex-wrap:nowrap}
.vita-editing .page-controls select{max-width:none;flex:1;border-radius:7px}
.vita-editing .page-controls button{width:42px;padding:9px;border-color:#eee;border-radius:7px}
.vita-editing .section-tile{display:flex;align-items:center;padding:12px;min-height:66px;gap:14px;border:1px solid #ececec;margin:0;border-radius:11px}
.vita-editing .section-tile .tile-copy{flex:1;min-width:0}
.vita-editing .section-tile strong{font-size:14px;font-weight:500;margin:0 0 5px}
.vita-editing .section-tile small{font-size:12px;line-height:16px;color:#7b7b7b;margin:0}
.vita-editing .section-tile .tile-thumb{width:40px;height:42px;flex-shrink:0;display:grid;place-items:center;background:#f5f6f7;border-radius:5px;color:#9eaabd;overflow:hidden}
.vita-editing .tile-thumb img{width:100%;height:100%;object-fit:cover}
.vita-editing .cardhead{margin:0 0 14px;gap:8px}
.vita-editing .cardhead h3{margin:0;flex:1}
.vita-editing .cardhead button{padding:6px 12px;border-radius:7px;font-size:13px}
.vita-editing .cardhead .add-block{background:#2862eb;color:white;border-color:#2862eb}
.vita-editing .block-tile{border:0;padding:8px 0;min-height:59px;margin:0;gap:12px;border-radius:6px;font-size:13px}
.vita-editing .block-tile:hover{background:#f8f8f9}
.vita-editing .block-tile .tile-icon{width:36px;height:36px;background:#f5f5f7;border-radius:8px;color:#70a7e2}
.vita-editing .block-tile strong{font-size:13px;font-weight:400;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.vita-editing .block-tile small{font-size:11px;color:#8a8a8a}
.vita-editing .hidden-block{opacity:.6}
.vita-editing .hidden-title{margin:20px 0 8px;color:#6d6d6d;font-size:13px}
.vita-editing .previewarea{grid-column:auto;text-align:center;padding:60px 16px 16px;overflow:auto;display:flex;align-items:center;flex-direction:column;gap:16px;min-width:0}
.vita-editing .preview-pagebar{display:flex;align-items:center;gap:4px;background:white;border-radius:13px;box-shadow:0 2px 7px #0001;padding:5px 8px;max-width:100%}
.vita-editing .preview-pagebar select{border:0;min-height:28px;font-size:13px;padding:5px;width:148px;background:transparent}
.vita-editing .preview-pagebar button{border:0;padding:5px;background:transparent;font-size:17px}
.vita-editing .preview-pagebar .bar-split{height:20px;width:1px;background:#eee}
.vita-editing .phone{width:250px;min-height:490px;height:490px;border:0;border-radius:0;margin:0;box-shadow:0 3px 18px #0002;flex-shrink:0;overflow:auto;scrollbar-width:none}
.vita-editing .phone .publicpage{width:390px;min-height:765px;zoom:0.64102564}
.vita-editing .previewarea.desktop .phone{width:min(100%,850px);height:490px;max-width:850px}
.vita-editing .previewarea.desktop .phone .publicpage{width:100%;zoom:1;min-height:490px}
.vita-editing .previewarea>small{display:none}
.vita-editing .switch{justify-content:space-between;flex-direction:row-reverse;min-height:24px;margin:14px 0 22px;gap:14px}
.vita-editing .switch input{appearance:none;-webkit-appearance:none;width:29px;height:17px;min-height:17px;border:0;border-radius:20px;background:#d5d5d5;position:relative;cursor:pointer;flex-shrink:0;padding:0}
.vita-editing .switch input:after{content:'';width:13px;height:13px;background:#fff;position:absolute;top:2px;left:2px;border-radius:50%;box-shadow:0 1px 2px #0002}
.vita-editing .switch input:checked{background:#1785f7}
.vita-editing .switch input:checked:after{left:14px}
.vita-editing .design-row{margin:18px 0 24px}
.vita-editing .design-row>label{display:block;margin:0 0 6px;color:#686868;font-size:13px}
.vita-editing .design-row .row-body{display:flex;align-items:center;justify-content:space-between;gap:14px}
.vita-editing .design-row button{font-size:13px;padding:6px 12px;border-color:#efefef;border-radius:6px}
.vita-editing .design-sample{width:80px;min-height:52px;border:1px solid #eee;border-radius:6px;display:grid;place-items:center;padding:10px;background:#f8f8f8}
.vita-editing .color-sample{height:110px;display:flex;align-items:center;flex-direction:column;gap:8px;padding:12px}
.vita-editing .color-sample i{display:block;background:white;width:100%;height:20px;border-radius:3px}
.vita-editing .color-sample i:first-child{width:23px;height:23px;border-radius:50%}
.vita-editing .settings-tile{display:flex;width:100%;text-align:left;align-items:center;gap:12px;min-height:62px;border:0;border-radius:7px;padding:10px 0;background:transparent}
.vita-editing .settings-tile>div{flex:1;min-width:0}
.vita-editing .settings-tile strong{font-size:14px;font-weight:400;display:block;margin:0 0 4px}
.vita-editing .settings-tile small{font-size:12px;color:#777;line-height:16px;display:block}
.vita-editing .settings-tile:hover{background:#fafafa}
.vita-editing .empty{padding:30px 12px;line-height:1.5;font-size:13px}
.vita-editing .inline-notice{font-size:12px;padding:14px;background:#eef5ff;border-radius:8px;line-height:1.5;color:#52657e;margin:15px 0}
.vita-editing .layout-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.vita-editing .layout-options button{padding:14px 8px;border:1px solid #e6e6e6;min-height:70px;border-radius:6px;background:#f8f9fb;font-size:12px}
.vita-editing .layout-options button.selected{border:2px solid #2463eb;background:#edf3ff;padding:13px 7px}
.vita-editing .layout-options .layout-sketch{display:block;width:36px;height:24px;border:2px solid #bdc7d4;margin:0 auto 8px;border-radius:3px;position:relative}
.vita-editing .layout-sketch:after{content:'';position:absolute;left:5px;right:5px;bottom:4px;height:4px;background:#bdc7d4}
.vita-editing .media-field{border:1px solid #eee;border-radius:8px;padding:12px;margin-bottom:18px}
.vita-editing .media-field .media-actions{display:flex;gap:8px;align-items:center;margin-top:8px}
.vita-editing .media-field button{font-size:12px}
.vita-editing .media-field input{font-size:12px}
.vita-editing .media-field img,.vita-editing .media-field video{max-width:100%;max-height:150px;display:block;margin:0 auto 12px;border-radius:5px}
.vita-editing .media-error{color:#b42318;font-size:12px;margin:8px 0}
.vita-editing .block-action-tabs{display:flex;gap:0;margin-bottom:22px;background:#fafafa;border-radius:7px;border:1px solid #eee;overflow:hidden}
.vita-editing .block-action-tabs button{flex:1;border:0;background:transparent;padding:10px}
.vita-editing .block-action-tabs button.active{background:white;box-shadow:0 0 3px #ddd}
.vita-editing .editor-panel .tools{margin-top:16px}
.vita-editing .metrics-drawer{position:fixed;right:12px;top:72px;bottom:12px;width:350px;background:white;border:1px solid #eee;border-radius:12px;padding:24px;z-index:10;box-shadow:0 8px 40px #0002;overflow:auto}
.vita-editing .metric-mini{border-bottom:1px solid #eee;padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}
.vita-editing .metric-mini strong{font-size:24px;font-weight:500}
.vita-editing .catalog-dialog{width:calc(100vw - 152px);max-width:1400px;height:calc(100vh - 30px);padding:0;border:0;border-radius:12px;overflow:hidden}
.vita-editing .catalog-dialog>.cardhead{height:62px;padding:22px 30px;border-bottom:1px solid #eee;margin:0}
.vita-editing .catalog-dialog h2{font-size:18px}
.vita-editing .catalog-dialog>#blocksearch{width:calc(100% - 32px);margin:16px;min-height:37px;border-radius:8px}
.vita-editing .catalog-body{grid-template-columns:166px 1fr;gap:32px;height:calc(100% - 130px);margin:0;padding:0 16px 16px;overflow:hidden}
.vita-editing .catalog-body nav{border-right:1px solid #eee;padding-right:8px;height:100%;overflow:auto;gap:0}
.vita-editing .catalog-body nav button{font-size:13px;line-height:17px;padding:10px 8px;border-radius:8px;display:flex;gap:8px;align-items:center}
.vita-editing .catalog-body nav button.active{background:#f4f4f4}
.vita-editing #catalogcards{overflow:auto;padding:0 2px 18px}
.vita-editing #catalogcards h3{font-size:15px;margin:10px 0 14px}
.vita-editing .catalog-grid{gap:16px;margin-bottom:24px}
.vita-editing .catalog-grid>button{min-height:257px;background:#f5f5f5;border-radius:14px;padding:20px;display:flex;flex-direction:column}
.vita-editing .catalog-grid strong{font-size:15px;font-weight:600;margin:0 0 4px}
.vita-editing .catalog-grid small{font-size:13px;color:#555;line-height:18px}
.vita-editing .catalog-grid .catalog-state{font-size:10px;margin-top:10px;color:#856f40}
.vita-editing .catalog-illustration{height:155px;width:100%;margin-bottom:12px;display:flex;align-items:center;justify-content:center}
.vita-editing .catalog-illustration .mock-card{width:112px;background:white;box-shadow:0 3px 12px #0001;border-radius:9px;padding:8px;text-align:center}
.vita-editing .mock-card .mock-media{height:65px;border-radius:5px;background:linear-gradient(135deg,#dedcd1,#b0c6b8);display:grid;place-items:center;color:#fff}
.vita-editing .mock-card .mock-media svg{width:33px;height:33px}
.vita-editing .mock-card .mock-line{height:5px;margin:7px 12px;background:#dce5fb;border-radius:4px}
.vita-editing .mock-card .mock-button{background:#2c61ea;color:white;border-radius:12px;padding:5px;margin-top:5px}
.vita-editing .mock-card .mock-button svg{width:16px;height:16px}
.vita-editing .catalog-illustration .mock-link{width:140px;background:#2c61ea;border-radius:20px;color:white;padding:8px;text-align:center}
.publicpage[data-cover-layout='hero']{padding-top:0}.publicpage[data-cover-layout='hero'] .covermedia{border-radius:0;max-height:none;margin:0 -22px 22px;width:calc(100% + 44px);height:310px;object-fit:cover}
.publicpage[data-cover-layout='left'] .page-logo{margin-left:0}.publicpage[data-cover-layout='left']>h1,.publicpage[data-cover-layout='left']>p{text-align:left}
.publicpage[data-cover-layout='compact'] .page-logo{width:48px;height:48px;margin:8px auto}.publicpage[data-cover-layout='compact']>h1{font-size:20px}
.publicpage[data-block-style='outline'] .publicblock:not(.text){background:transparent;color:inherit;border:1px solid var(--card-color)}
.publicpage[data-block-style='shadow'] .publicblock:not(.text){box-shadow:3px 4px 0 #0005}
.publicpage[data-block-style='soft'] .publicblock:not(.text){box-shadow:0 3px 12px #0002}
.publicpage[data-social-style='circle'] .page-socials a{border:1px solid currentColor;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;padding:0}
.publicpage[data-social-style='square'] .page-socials a{border:1px solid currentColor;border-radius:5px;padding:8px}
.publicpage .publicblock .block-link-icon{width:24px;height:24px;vertical-align:middle;margin-right:12px;object-fit:contain;display:inline-block}
@media(max-width:1050px){.vita-editing .editor-layout{grid-template-columns:76px 350px minmax(190px,1fr);gap:10px;padding:10px}.vita-editing .editor-panel{padding:18px 14px}.vita-editing .previewarea{padding:60px 8px 15px}.vita-editing .phone{width:220px}.vita-editing .phone .publicpage{zoom:.56410256}.vita-editing .editor-toolbar #syncstatus{display:none}.vita-editing .catalog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:750px){body.vita-editing{overflow:auto}.vita-editing main.editing{height:auto}.vita-editing .editor-layout{grid-template-columns:65px minmax(230px,1fr);height:auto}.vita-editing .editor-panel{min-height:600px;max-height:75vh}.vita-editing .previewarea{grid-column:2;padding:20px}.vita-editing .editor-toolbar .address-box{display:none}.vita-editing .editor-toolbar{position:sticky;top:0;z-index:8;padding:8px}.vita-editing .editor-toolbar .toolbar-divider{margin:0 2px}.vita-editing .editor-toolbar button{padding:6px}.vita-editing .editor-rail{flex-direction:column;overflow:visible}.vita-editing .editor-rail button{min-width:0;font-size:10px}.vita-editing .catalog-dialog{width:96vw}.vita-editing .catalog-body{grid-template-columns:120px 1fr;gap:12px}.vita-editing .catalog-grid{grid-template-columns:1fr}.vita-editing .metrics-drawer{width:calc(100% - 24px)} }

.vita-editing .address-box{white-space:nowrap;min-width:0}.vita-editing #publish:disabled{background:#ebebeb;color:#777;opacity:1}.page-site-header{padding:12px;border-bottom:1px solid #8883;margin-bottom:16px}.publicpage[data-menu-layout="compact"] .page-menu{font-size:11px;gap:5px}.public-shell .publicpage[data-desktop-width="wide"]{max-width:900px}

@font-face{font-family:Heebo;src:url(/heebo-400.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Heebo;src:url(/heebo-500.ttf) format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:Heebo;src:url(/heebo-600.ttf) format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Heebo;src:url(/heebo-700.ttf) format("truetype");font-weight:700;font-display:swap}
body.vita-editing{font-family:Heebo,Arial,sans-serif}