/* Explain: Base reset, typography, and fixed 1200px width layout. */
* {
    box-sizing: border-box;
}

html {
    background: var(--background-color);
    min-height: 100vh;
    min-width: 1200px;
    overflow-x: visible;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    position: relative;
    width: 100%;
    min-width: 1200px;
    overflow-x: visible;
    background-color: transparent !important;
}

/* Nenhuma mídia pode ultrapassar a largura da tela */
img,
video,
canvas,
iframe,
svg {
    max-width: 100%;
}

/* Blocos largos (tabelas etc.) rolam na horizontal sem estourar o layout */
.table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

[x-cloak] {
    display: none !important;
}