/* simulador-cdeck/css/reset.css */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { font-size: 16px; -webkit-text-size-adjust: 100%; } body { min-height: 100vh; line-height: 1.5; -webkit-font-smoothing: antialiased; } img, video { max-width: 100%; display: block; } input, button, select, textarea { font: inherit; border: none; outline: none; background: none; } button { cursor: pointer; } ul, ol { list-style: none; } a { text-decoration: none; color: inherit; } /* ─── Iframe-embedded: esconder scrollbar ───────────────────────── * Classe `.embedded-iframe` é aplicada ao via JS (app.js init) * apenas quando o simulador corre dentro de iframe (parent !== self). * * Esconde a scrollbar nativa durante as janelas de transição (~330ms) * em que o body do simulador cresce antes do parent (WP) ajustar a * altura do iframe. Sem isto, vê-se a barra a aparecer e desaparecer * — ruído visual desnecessário em desktop. Em mobile a barra é overlay * fina e quase invisível, mas a regra cobre ambos. * * IMPORTANTE: usa `scrollbar-width: none` (apenas esconde a barra) e * NÃO `overflow: hidden` (que bloqueia o scroll). O scroll continua * funcional via roda do rato/touch caso o reporte de altura falhe. * ──────────────────────────────────────────────────────────────── */ html.embedded-iframe, html.embedded-iframe body { scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* legacy IE/Edge */ } html.embedded-iframe::-webkit-scrollbar, html.embedded-iframe body::-webkit-scrollbar { display: none; /* WebKit/Blink — Chrome, Safari, Edge */ }