@charset "UTF-8"; /* * GoPresence — Dark mode * * Ative o tema adicionando a classe `dark` ao elemento ou . * Este arquivo deve ser carregado depois de gopresence.css. */ .dark { color-scheme: dark; /* Cores-base pedidas para o tema. */ --dark-black: #101010; --dark-gray: #222; --darker-black: #010101; /* Tokens semânticos. */ --dark-surface: var(--dark-black); --dark-surface-raised: var(--dark-gray); --dark-surface-hover: #2c2c2c; --dark-surface-active: #353535; --dark-text: #f5f5f5; --dark-text-muted: #b8b8b8; --dark-border: #3a3a3a; --dark-overlay: rgb(0 0 0 / 72%); --dark-focus: #8ab4f8; --dark-danger: #ff8a8a; --dark-purple: #6029B5; background-color: var(--dark-surface); color: var(--dark-text); /* Campo principal da página de busca */ } .dark body { background-color: var(--dark-surface); color: var(--dark-text); } .dark :where(header, footer, nav, main, section, article, aside, dialog, details, summary, table, thead, tbody, tfoot, tr, th, td) { border-color: var(--dark-border); } .dark :where(h1, h2, h3, h4, h5, h6, span, strong, small, label, legend, li, dt, dd) { color: inherit; } .dark :where(p) { color: var(--dark-text-muted); } .dark :where(a) { color: var(--dark-text); } .dark :where(a):hover, .dark :where(a):focus-visible { color: #fff; } .dark :where(hr) { border-color: var(--dark-border); } .dark :where(input, textarea, select) { background-color: var(--dark-surface-raised); border-color: var(--dark-border); color: var(--dark-text); caret-color: var(--dark-text); } .dark :where(input, textarea, select)::placeholder { color: var(--dark-text-muted); opacity: 1; } .dark :where(input, textarea, select):hover { border-color: #555; } .dark :where(input, textarea, select):focus, .dark :where(input, textarea, select):focus-visible { border-color: var(--dark-focus); outline-color: var(--dark-focus); } .dark :where(input, textarea, select):disabled { background-color: #191919; color: #777; cursor: not-allowed; opacity: 1; } .dark :where(input[type=checkbox], input[type=radio], input[type=range]) { accent-color: var(--dark-focus); } .dark :where(button, [type=button], [type=submit], [type=reset], [role=button]) { border-color: var(--dark-border); } .dark :where(button, [type=button], [type=submit], [type=reset], [role=button]):focus-visible { outline: 2px solid var(--dark-focus); outline-offset: 2px; } .dark :where(code, pre, kbd, samp) { background-color: var(--dark-surface-raised); border-color: var(--dark-border); color: var(--dark-text); } .dark :where(blockquote) { border-color: var(--dark-border); color: var(--dark-text-muted); } .dark :where(dialog, [role=dialog], [role=alertdialog]) { background-color: var(--dark-surface-raised); color: var(--dark-text); } .dark :where(dialog, [role=dialog], [role=alertdialog])::backdrop { background: var(--dark-overlay); } .dark :where(.card, .box, .panel, .modal, .dropdown-menu, .popover, .tooltip, .drawer) { background-color: var(--dark-surface-raised); border-color: var(--dark-border); color: var(--dark-text); } .dark :where(.muted, .text-muted, .caption, .help-text, .form-text) { color: var(--dark-text-muted) !important; } .dark :where(.table, table) { background-color: transparent; color: var(--dark-text); } .dark :where(.table, table) :where(th, td) { border-color: var(--dark-border); } .dark :where(.table, table) tbody tr:hover { background-color: var(--dark-surface-hover); } .dark :where(.list-group-item, .dropdown-item, option) { background-color: var(--dark-surface-raised); border-color: var(--dark-border); color: var(--dark-text); } .dark :where(.list-group-item, .dropdown-item, option):hover, .dark :where(.list-group-item, .dropdown-item, option):focus, .dark :where(.list-group-item, .dropdown-item, option).active { background-color: var(--dark-surface-hover); color: #fff; } .dark :where(.modal-backdrop, .overlay, .backdrop) { background-color: var(--dark-overlay); } .dark :where(.alert-danger, .error, .invalid-feedback, [aria-invalid=true] + *) { color: var(--dark-danger); } .dark ::selection { background-color: #fff; color: var(--dark-black); } .dark :where(img, video) { filter: brightness(0.92); } .dark :where(svg:not([fill=none])) { color: inherit; } .dark * { scrollbar-color: #555 var(--dark-surface); } .dark .white-bg { background: var(--dark-surface-raised) !important; } .dark #header-component .header__columns { background: var(--dark-surface-raised) !important; } .dark #header-component * { color: var(--dark-text) !important; } .dark footer.mini { background: var(--darker-black) !important; } .dark .colecao-produtos > .container { background: var(--dark-gray); } .dark .search-page-input__parent search-page-input-component { background: transparent; } .dark .search-page-input__parent .search-page-input { min-height: 64px; border: 1px solid var(--dark-border) !important; background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent), var(--dark-surface-raised) !important; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 12px 32px rgba(0, 0, 0, 0.18); color: var(--dark-text) !important; transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease; border-radius: 16px !important; } .dark .search-page-input__parent .search-page-input::placeholder { color: var(--dark-text-muted) !important; opacity: 0.8; } .dark .search-page-input__parent .search-page-input:hover { border-color: #565656 !important; } .dark .search-page-input__parent .search-page-input:focus, .dark .search-page-input__parent .search-page-input:focus-visible { border-color: var(--dark-focus) !important; outline: 0; box-shadow: 0 0 0 3px rgba(138, 180, 248, 0.18), 0 12px 32px rgba(0, 0, 0, 0.24); } .dark .search-page-input__parent .search-page-input::-webkit-search-cancel-button { display: none; } .dark .search-page-input__parent .search__icon, .dark .search-page-input__parent .search__reset-button { color: var(--dark-text-muted) !important; } .dark .search-page-input__parent .search__icon svg, .dark .search-page-input__parent .search__reset-button svg { color: inherit !important; } .dark .search-page-input__parent .search__reset-button { border: 0; background: transparent !important; transition: color 0.2s ease, background-color 0.2s ease !important; } .dark .search-page-input__parent .search__reset-button:hover { background-color: rgba(255, 255, 255, 0.08) !important; color: #fff !important; } .dark .search-page-input__parent .search__reset-button:focus-visible { outline: 2px solid var(--dark-focus); outline-offset: 2px; } .dark .search-page-input__parent .search-results__no-results { width: 100%; max-width: var(--size-style-width); padding: 16px 20px; border: 1px solid var(--dark-border); border-radius: 16px; background: rgba(255, 255, 255, 0.04); color: var(--dark-text-muted); opacity: 1; } .dark .search-page-input__parent .search-results__no-results p { margin: 0; } @media screen and (max-width: 749px) { .dark .search-page-input__parent search-page-input-component { margin-block: 24px 12px; } .dark .search-page-input__parent .search-page-input { min-height: 56px; } } .dark .quantity-selector { background: #010101; border: 1px solid rgba(255, 255, 255, 0.1) !important; } .dark .cart-items__quantity button.cart-items__remove { background: var(--dark-danger); width: 48px !important; } .dark .account-actions { background: var(--darker-black); } .dark .product-form-buttons .add-to-cart-button { background: var(--dark-purple); } .dark .section-product-info .container .row-detalhes .produto-detalhes .description-truncated a { background: var(--color-background); } .dark .preco-avista__label { color: white !important; } .dark .product-features-grid * { color: rgba(255, 255, 255, 0.7) !important; } .dark .product-features-grid img { filter: brightness(0) invert(1); } .dark .download-card .download-icon svg * { stroke: white !important; } .dark .section-tabs .container { background: none !important; } .dark .section-tabs .tabs-content { border-radius: 64px; margin: 32px auto 0; max-width: 1400px; padding: 0 !important; } @media (max-width: 764px) { .dark .section-tabs .tabs-content { border-radius: 32px; margin: 16px auto 0; } } .dark .section-tabs .tabs-content .tab-pane { padding: 64px; } @media (max-width: 764px) { .dark .section-tabs .tabs-content .tab-pane { padding: 24px !important; } } .dark .section-tabs .tabs-content .tab-pane:has(#custom-desc-root) { padding: 0 !important; } .dark .nav-tabs { background: var(--dark-gray); } .dark .nav-tabs .nav-item { color: white; } .dark .nav-tabs .nav-item.active { background: var(--dark-purple) !important; } .dark .nav-tabs .nav-item:hover { background: rgba(255, 255, 255, 0.1); } .dark .extended-delivery-alert .alert-content .alert-text p { color: #101010 !important; }