/* Demonstração guiada do orçamento com IA (simulador.php) */
.odemo{margin:28px 0 36px}
.odemo-scr{position:relative;max-width:560px;margin:0 auto;border:1px solid var(--mxq-border,#d2d2d7);border-radius:26px;background:var(--mxq-card,#fff);overflow:hidden;min-height:520px;box-shadow:0 18px 50px rgba(0,0,0,.08)}
.od-top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--mxq-border,#d2d2d7)}
.od-top small{color:#6e6e73}
.od-body{padding:18px;display:flex;flex-direction:column;gap:12px}
.od-ask{display:flex;flex-direction:column;gap:10px}
.od-mic,.od-go,.od-pdf,.od-tabs button,.od-again{font:inherit;cursor:default;border-radius:999px;padding:10px 16px;font-weight:600;border:1px solid var(--mxq-border,#d2d2d7);background:transparent;color:inherit}
.od-go,.od-pdf{background:#1d1d1f;color:#fff;border-color:#1d1d1f}
.od-mic.rec{background:#d70015;color:#fff;border-color:#d70015;animation:odpulse 1s ease-in-out infinite}
@keyframes odpulse{50%{box-shadow:0 0 0 8px rgba(215,0,21,.15)}}
.od-txt{min-height:96px;padding:12px 14px;border:1px solid var(--mxq-border,#d2d2d7);border-radius:14px;font-size:16px;line-height:1.5}
.od-txt:empty::before{content:attr(data-ph);color:#8e8e93}
.od-txt.typing::after{content:"";display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:-2px;background:currentColor;animation:odcaret .8s step-end infinite}
@keyframes odcaret{50%{opacity:0}}
.od-steps{display:flex;flex-direction:column;gap:8px;padding:30px 6px}
.od-s{margin:0;color:#6e6e73;font-size:15px}.od-s.ok{color:inherit;font-weight:600}
.od-tabs{display:flex;flex-wrap:wrap;gap:6px}
.od-tabs button{padding:7px 12px;font-size:13px}
.od-tabs button.on{background:#1d1d1f;color:#fff;border-color:#1d1d1f}
.od-pane{min-height:250px;font-size:14px}
.od-w{border:1px solid var(--mxq-border,#d2d2d7);border-radius:14px;padding:10px 12px;margin:8px 0}
.od-wh{display:flex;justify-content:space-between;gap:10px}.od-w small{color:#6e6e73}
.od-st{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#6e6e73;padding-top:4px}
.od-tot{margin-top:8px}.od-tot div{display:flex;justify-content:space-between;padding:3px 2px}.od-tot .big{font-size:17px;border-top:1px solid var(--mxq-border,#d2d2d7);padding-top:6px}
.od-mu{color:#6e6e73;font-size:13px;margin:8px 0}
.od-tw{overflow-x:auto}.od-tw table{width:100%;border-collapse:collapse;font-size:13px}.od-tw th,.od-tw td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--mxq-border,#d2d2d7)}.od-tw th{color:#6e6e73;font-weight:600}
.od-gantt{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.od-gr{display:grid;grid-template-columns:42% 1fr;gap:8px;align-items:center;font-size:13px}
.od-days{display:grid;grid-template-columns:repeat(9,1fr);font-size:11px;color:#6e6e73;text-align:center}.od-days i{font-style:normal}
.od-track{position:relative;height:14px;border-radius:7px;background:rgba(120,120,128,.14)}
.od-bar{position:absolute;top:0;bottom:0;border-radius:7px;background:#1d1d1f}
.od-pdfv{display:flex;justify-content:center;padding:10px 0}
.od-page{width:min(340px,92%);background:#fff;color:#1d1d1f;border:1px solid #d2d2d7;border-radius:6px;padding:22px 20px;box-shadow:0 14px 34px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:6px;font-size:13px;animation:odup .5s ease-out}
.od-page small{color:#6e6e73}.od-page hr{border:0;border-top:1px solid #d2d2d7;width:100%;margin:6px 0}
.od-pl{display:flex;justify-content:space-between;gap:10px}.od-pl.big{font-weight:700;font-size:15px}
@keyframes odup{from{transform:translateY(30px);opacity:0}}
.od-end{text-align:center;padding:40px 10px;display:flex;flex-direction:column;align-items:center;gap:14px}
.od-end p{font-size:17px;line-height:1.5;margin:0}
.od-again{cursor:pointer}
.od-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:88%;padding:16px 24px;border:0;border-radius:999px;background:#1d1d1f;color:#fff;font:inherit;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.25);animation:odbtn 2.2s ease-in-out infinite}
.od-start[hidden]{display:none}
@keyframes odbtn{50%{box-shadow:0 10px 30px rgba(0,0,0,.25),0 0 0 12px rgba(29,29,31,.08)}}
.odemo .fing{position:absolute;left:0;top:0;z-index:30;pointer-events:none;color:#1d1d1f;opacity:0;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.odemo .fing.on{opacity:1}.odemo .fing.tap svg{transform:scale(.78)}.odemo .fing svg{transition:transform .15s}
.odemo .tapped{box-shadow:0 0 0 3px rgba(120,120,128,.45)}
.od-note{text-align:center;margin-top:10px}
.odemo [hidden]{display:none!important}
@media (prefers-color-scheme:dark){.od-go,.od-pdf,.od-tabs button.on,.od-start,.od-bar{background:#f5f5f7;color:#000;border-color:#f5f5f7}.odemo .fing{color:#fff}.od-top small,.od-s,.od-st,.od-mu,.od-w small{color:#98989d}}
@media (prefers-reduced-motion:reduce){.od-start,.od-mic.rec,.od-page{animation:none}}
@media (max-width:600px){.odemo-scr{min-height:560px;border-radius:20px}.od-gr{grid-template-columns:48% 1fr}}
/* contraste garantido por cima dos estilos gerais da página */
html body .odemo .od-go,html body .odemo .od-pdf,html body .odemo .od-tabs button.on,html body .odemo .od-start{background:#1d1d1f!important;color:#fff!important;border-color:#1d1d1f!important}
html body .odemo .od-mic,html body .odemo .od-tabs button:not(.on),html body .odemo .od-again{background:transparent!important;color:inherit!important}
html body .odemo .od-mic.rec{background:#d70015!important;color:#fff!important;border-color:#d70015!important}
html body .odemo .od-tw table{width:100%!important;display:table!important}
@media (prefers-color-scheme:dark){html body .odemo .od-go,html body .odemo .od-pdf,html body .odemo .od-tabs button.on,html body .odemo .od-start{background:#f5f5f7!important;color:#000!important;border-color:#f5f5f7!important}}
/* a página aplica -webkit-text-fill-color a todo o texto: repor nos botões escuros da demonstração */
html body.mx-site .mxs-page.mxpl-page .odemo .od-go,html body.mx-site .mxs-page.mxpl-page .odemo .od-pdf,html body.mx-site .mxs-page.mxpl-page .odemo .od-tabs button.on,html body.mx-site .mxs-page.mxpl-page .odemo .od-start,html body.mx-site .mxs-page.mxpl-page .odemo .od-start *,html body.mx-site .mxs-page.mxpl-page .odemo .od-mic.rec{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.mx-site .mxs-page.mxpl-page .odemo .od-end a{background:#1d1d1f!important;border-color:#1d1d1f!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important}
@media (prefers-color-scheme:dark){html body.mx-site .mxs-page.mxpl-page .odemo .od-end a{background:#f5f5f7!important;border-color:#f5f5f7!important;color:#000!important;-webkit-text-fill-color:#000!important}}
html body.mx-site .mxs-page.mxpl-page .odemo .od-page,html body.mx-site .mxs-page.mxpl-page .odemo .od-page *{color:#1d1d1f!important;-webkit-text-fill-color:#1d1d1f!important}
@media (prefers-color-scheme:dark){html body.mx-site .mxs-page.mxpl-page .odemo .od-go,html body.mx-site .mxs-page.mxpl-page .odemo .od-pdf,html body.mx-site .mxs-page.mxpl-page .odemo .od-tabs button.on,html body.mx-site .mxs-page.mxpl-page .odemo .od-start,html body.mx-site .mxs-page.mxpl-page .odemo .od-start *{color:#000!important;-webkit-text-fill-color:#000!important}}
.odemo-scr:not(.run) .od-body{opacity:.28;filter:blur(1.5px);pointer-events:none}
.od-body{transition:opacity .3s,filter .3s}
.od-fine{font-size:11px!important;opacity:.75;max-width:520px;margin:4px auto 0}
/* visualizador do PDF real */
.od-viewer{width:100%;display:flex;flex-direction:column;gap:10px;animation:odup .45s ease-out}
.od-vbar{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;padding:8px 12px;border-radius:10px;background:rgba(120,120,128,.14)}
.od-vfile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.od-vfile::before{content:"PDF";font-size:10px;font-weight:800;padding:2px 5px;border-radius:4px;background:#d70015;color:#fff;margin-right:8px;-webkit-text-fill-color:#fff}
.od-vnum{color:#6e6e73;flex:none}
.od-vpage{height:380px;overflow:hidden;border-radius:6px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.22);border:1px solid #d2d2d7}
.od-vpage img{display:block;width:100%;height:auto}
.od-vthumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.od-th{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:10px;border:1px solid var(--mxq-border,#d2d2d7);background:transparent;font:inherit;color:inherit;cursor:default}
.od-th img{width:100%;aspect-ratio:820/1161;object-fit:cover;object-position:top;border-radius:3px;background:#fff;border:1px solid #d2d2d7}
.od-th small{font-size:10px;line-height:1.2;text-align:center}
.od-th.on{border-color:currentColor;box-shadow:0 0 0 1px currentColor}
@media (max-width:600px){.od-vpage{height:340px}.od-th small{font-size:9px}}
@media (prefers-color-scheme:dark){.od-vnum{color:#98989d}}
html body.mx-site .mxs-page.mxpl-page .odemo .od-th{background:transparent!important;color:inherit!important}
html body.mx-site .mxs-page.mxpl-page section.odemo{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:none!important}
.odemo-scr{display:flex;flex-direction:column}.od-body{flex:1}.od-end{flex:1;justify-content:center}