/* Base dos sites refeitos do portfólio da ROI (cada site tem o próprio estilo inline). */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
details summary{cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}
/* botões de demonstração: visuais, sem destino */
.btn-off{cursor:default;user-select:none}
/* selo fixo: identifica a página como projeto do portfólio e volta para a ROI */
.roi-badge{position:fixed;left:12px;bottom:12px;z-index:9999;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border-radius:999px;background:rgba(13,13,13,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#f5f5f5;font:500 13px/1 system-ui,-apple-system,'Segoe UI',sans-serif;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.roi-badge b{color:#25d366;font-weight:700}
.roi-badge:hover{background:#0d0d0d}
.roi-badge:focus-visible{outline:3px solid #25d366;outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}