/* Dica brand palette: warm editorial identity + accessible functional color. */
body {
  background-color: var(--dica-surface);
  color: var(--dica-body);
}

.ff-eyebrow,
.ff-card-meta,
.cat-card-date,
.search-heading,
.article li::marker {
  color: var(--dica-brand-ink);
}

.ff-card-title a:hover,
.cat-card-title a:hover,
.cat-grid a:hover,
.search-item h3 a:hover,
.search-results a:hover,
.breadcrumb a,
.article a,
.filtros span,
.t-sticky div,
.article .coluna-logo .bloco-url,
.article .bttn,
.article .filtop h2,
.article .filtop h3,
.openmodalbutton,
.article .loadli,
.special .filtrar button,
#custom_html-menu.panel-on ol .active a,
.article .tab-active a {
  color: var(--dica-action);
}

.icon-search,
.filter-view .detalhaview,
.searchdiv .icon-top,
.bttn svg,
.commentsBtn svg,
.loadmorebutton svg,
.comreindexbutton svg,
.gridclass .filter-view .gridview,
.compclass .filter-view .compview,
.blockclass .filter-view .blockview,
.sharecontent ul li svg {
  fill: var(--dica-action);
}

.article .passos li {
  border-left-color: var(--dica-brand-ink);
}

.article .passos li::before {
  background-color: var(--dica-brand-ink);
  border-color: var(--dica-brand-ink);
}

/* List filters + compare chips: action blue (never brand yellow) */
.filtros .filter-on,
.modal-compare .filtros .liked,
.modal-compare .filtros .filter-on,
.nomodal-compare .filtros .liked {
  background-color: var(--dica-action);
  border-color: var(--dica-action);
  color: #fff;
}

/* Kill legacy speed.css orange/yellow on compare liked state */
.modal-compare .liked,
.nomodal-compare .liked {
  color: inherit;
  border-color: var(--dica-action);
  background-color: transparent;
}

html[data-theme="dark"] .filtros .filter-on,
html[data-theme="dark"] .modal-compare .filtros .liked,
html[data-theme="dark"] .modal-compare .filtros .filter-on,
html[data-theme="dark"] .nomodal-compare .filtros .liked {
  color: #0f1115;
}

.pagination a:hover,
.page-numbers.current,
.sharecontent button,
#lcf_contact {
  background-color: var(--dica-action);
  border-color: var(--dica-action);
}

.pagination .prev:hover,
.pagination .next:hover {
  color: var(--dica-action);
  background-color: var(--dica-surface);
}

#lcf_contact:hover {
  background-color: var(--dica-action-hover);
}

.lista-artigos .infobutton .download {
  color: var(--dica-action);
  background-color: var(--dica-action-soft);
}

.article .bttn {
  border-color: var(--dica-action-border);
}

.article .bttn:hover,
.article .bttn:focus {
  background-color: var(--dica-action-soft);
}

.sharecontent ul a {
  border-color: var(--dica-action);
}

.footer-social a:hover,
.footer .footer-social.curtir a:hover,
.footer-top:hover {
  background-color: var(--dica-action);
}

.dica-header,
.siderelated p {
  border-bottom-color: var(--dica-brand);
}

.amarelo,
.siderelated .bloco-conteudo::after,
.titu-nbox span {
  background-color: var(--dica-brand);
}

.estrelas {
  color: var(--dica-brand);
}

.bloco-perito,
.bloco-perito::before,
.author-box img {
  border-color: var(--dica-brand);
  object-fit: cover;
}

/* Theme control */
.theme-toggle {
  align-items: center;
  background-color: #eef0f3;
  border: 1px solid transparent;
  border-radius: 50%;
  color: var(--dica-action);
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 40px;
  height: 40px;
  justify-content: center;
  margin-left: 10px;
  padding: 0;
  width: 40px;
}

.header-actions .theme-toggle {
  margin-left: 10px;
}

.theme-toggle:hover {
  background-color: var(--dica-action-soft);
  border-color: var(--dica-action-border);
}

.theme-toggle:focus-visible {
  outline: 3px solid var(--dica-brand);
  outline-offset: 2px;
}

.theme-toggle-icon {
  color: inherit;
  font-family: "Segoe UI Symbol", "Arial Unicode MS", sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 1;
}

.theme-toggle-sun,
html[data-theme="dark"] .theme-toggle-moon {
  display: none;
}

html[data-theme="dark"] .theme-toggle-sun {
  display: inline;
}

.theme-menu-row {
  align-items: center;
  border-bottom: 1px solid var(--dica-border);
  border-top: 1px solid var(--dica-border);
  color: var(--dica-ink);
  display: none;
  font-weight: 700;
  justify-content: space-between;
  margin: 14px 20px 0;
  padding: 10px 0;
}

.theme-toggle-menu {
  margin-left: 12px;
}

@media (max-width: 420px) {
  .theme-toggle-header {
    display: none;
  }

  .theme-menu-row {
    display: flex;
  }
}

@media (min-width: 421px) {
  .theme-toggle-menu {
    display: none;
  }
}

/* Dark mode: shared shell and editorial surfaces */
html[data-theme="dark"],
html[data-theme="dark"] body,
html[data-theme="dark"] .site-main,
html[data-theme="dark"] .page,
html[data-theme="dark"] .article {
  background-color: var(--dica-surface);
  color: var(--dica-body);
}

html[data-theme="dark"] body {
  scrollbar-color: #4a5260 var(--dica-surface);
}

html[data-theme="dark"] .dica-header,
html[data-theme="dark"] .topfix,
html[data-theme="dark"] #menuscroll,
html[data-theme="dark"] .ff-highlights,
html[data-theme="dark"] .slidemenu,
html[data-theme="dark"] .category-sidebar,
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .cat-footer,
html[data-theme="dark"] .search-results,
html[data-theme="dark"] .sharepop,
html[data-theme="dark"] .tooltip .tooltiptext,
html[data-theme="dark"] .comments-head,
html[data-theme="dark"] #respond,
html[data-theme="dark"] #modal-comentarios .scroll,
html[data-theme="dark"] .comment-form-comment,
html[data-theme="dark"] .modalcompareopen,
html[data-theme="dark"] .sticky-barr,
html[data-theme="dark"] .article .t-sticky {
  background-color: var(--dica-surface-soft);
  color: var(--dica-body);
}

html[data-theme="dark"] .ff-archive {
  color: var(--dica-ink);
  border-color: var(--dica-border);
  background-color: transparent;
}

html[data-theme="dark"] .search-results a:hover,
html[data-theme="dark"] .ff-archive:hover,
html[data-theme="dark"] .article .passos li:hover,
html[data-theme="dark"] .partogleoverlay.toggle-on,
html[data-theme="dark"] .ocseta {
  background-color: var(--dica-surface-raised);
}

html[data-theme="dark"] .ff-archive:hover {
  color: var(--dica-ink);
  border-color: var(--dica-border);
}

html[data-theme="dark"] .dica-search form,
html[data-theme="dark"] .dica-submit-open,
html[data-theme="dark"] .dica-head-toggle,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .sharecontent .field {
  background-color: var(--dica-surface-raised);
  border-color: var(--dica-border);
  color: var(--dica-body);
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: var(--dica-muted);
  opacity: 1;
}

html[data-theme="dark"] .dica-header .logo-img,
html[data-theme="dark"] .slidemenu .logo-img {
  filter: invert(1) hue-rotate(180deg) saturate(1.3) brightness(1.05);
}

html[data-theme="dark"] .sharepop > header svg {
  filter: brightness(0) invert(1);
}

html[data-theme="dark"] .header-title,
html[data-theme="dark"] .header-title strong,
html[data-theme="dark"] h1.single-title,
html[data-theme="dark"] .article h2.titulo-bloco,
html[data-theme="dark"] .article h3.titulo-bloco,
html[data-theme="dark"] .post-content > .page-section > h2,
html[data-theme="dark"] .post-content > .page-section > h3,
html[data-theme="dark"] .post-content > .page-section > h4,
html[data-theme="dark"] .post-content > .page-section > h5,
html[data-theme="dark"] .post-content > .page-section > h6,
html[data-theme="dark"] .ff-band-title,
html[data-theme="dark"] .ff-card-title,
html[data-theme="dark"] .cat-title,
html[data-theme="dark"] .cat-card-title,
html[data-theme="dark"] .search-item h3,
html[data-theme="dark"] .cat-footer h2,
html[data-theme="dark"] .siderelated p,
html[data-theme="dark"] .category-sidebar .titulo-bloco,
html[data-theme="dark"] .post-content > h2,
html[data-theme="dark"] .post-content > h3,
html[data-theme="dark"] .post-content > h4,
html[data-theme="dark"] .post-content > h5,
html[data-theme="dark"] .post-content > h6,
html[data-theme="dark"] .post-content > p strong,
html[data-theme="dark"] .post-content > p b,
html[data-theme="dark"] .post-content > ul strong,
html[data-theme="dark"] .post-content > ol strong,
html[data-theme="dark"] .toggle-on .pergunta,
html[data-theme="dark"] .aname {
  color: var(--dica-ink);
}

html[data-theme="dark"] .author-box .adescrip {
  color: var(--dica-body);
}

html[data-theme="dark"] .article .sticky-header-passos .passos-header {
  background: #12151a !important;
  border: 1px solid var(--dica-border);
  color: var(--dica-ink) !important;
}

html[data-theme="dark"] .article .sticky-header-passos::before {
  filter: invert(1) brightness(.82) !important;
  opacity: .92;
}

html[data-theme="dark"] .article .passos::after {
  border-bottom-color: var(--dica-border);
}

html[data-theme="dark"] .article .passos li {
  border-left-color: #705800;
}

html[data-theme="dark"] .article .passos li::before {
  background-color: #987600;
  border-color: #987600;
  color: #fff;
}

html[data-theme="dark"] .post-content > .page-section > strong,
html[data-theme="dark"] .post-content > .page-section > b,
html[data-theme="dark"] .post-content > .page-section > p strong,
html[data-theme="dark"] .post-content > .page-section > p b,
html[data-theme="dark"] .post-content > .page-section > ul strong,
html[data-theme="dark"] .post-content > .page-section > ul b,
html[data-theme="dark"] .post-content > .page-section > ol strong,
html[data-theme="dark"] .post-content > .page-section > ol b {
  color: var(--dica-ink);
}

/* Article typography can be nested inside legacy wrappers such as .listabox. */
html[data-theme="dark"] .article h1,
html[data-theme="dark"] .article h2,
html[data-theme="dark"] .article h3,
html[data-theme="dark"] .article h4,
html[data-theme="dark"] .article h5,
html[data-theme="dark"] .article h6,
html[data-theme="dark"] .article h2 a,
html[data-theme="dark"] .article h3 a,
html[data-theme="dark"] .article strong,
html[data-theme="dark"] .article b {
  color: var(--dica-ink);
}

/* Keep the related-post column on the same continuous page canvas. */
html[data-theme="dark"] .category-sidebar,
html[data-theme="dark"] .category-sidebar .siderelated {
  background-color: var(--dica-surface);
}

/* Dark treatment for legacy editorial note cards. */
html[data-theme="dark"] .caixa-note {
  background-color: rgba(34, 138, 230, .08);
  border: 1px solid rgba(34, 138, 230, .28);
  color: var(--dica-body);
}

html[data-theme="dark"] .caixa-note .caixa-sub {
  background-color: rgba(34, 138, 230, .17);
  color: #70b8ff;
  fill: #70b8ff;
}

html[data-theme="dark"] .caixa-note .caixa-texto,
html[data-theme="dark"] .caixa-note .caixa-texto b,
html[data-theme="dark"] .caixa-note .caixa-texto strong {
  color: var(--dica-body);
}

html[data-theme="dark"] .caixa-note .caixa-texto {
  padding-bottom: .8rem;
}

/* Dark treatment for legacy editorial tip cards. */
html[data-theme="dark"] .caixa-dica {
  background-color: rgba(255, 204, 0, .07);
  border: 1px solid rgba(255, 204, 0, .24);
  color: var(--dica-body);
}

html[data-theme="dark"] .caixa-dica .caixa-sub {
  background-color: rgba(255, 204, 0, .14);
  color: var(--dica-brand);
  fill: var(--dica-brand);
}

html[data-theme="dark"] .caixa-dica .caixa-texto,
html[data-theme="dark"] .caixa-dica .caixa-texto b,
html[data-theme="dark"] .caixa-dica .caixa-texto strong {
  color: var(--dica-body);
}

html[data-theme="dark"] .caixa-dica .caixa-texto {
  padding-bottom: .8rem;
}

/* Dark treatment for legacy alert cards. */
html[data-theme="dark"] .caixa-alerta {
  background-color: rgba(255, 82, 82, .07);
  border: 1px solid rgba(255, 82, 82, .26);
  color: var(--dica-body);
}

html[data-theme="dark"] .caixa-alerta .caixa-sub {
  background-color: rgba(255, 82, 82, .15);
  color: #ff777b;
  fill: #ff777b;
}

html[data-theme="dark"] .caixa-alerta .caixa-texto,
html[data-theme="dark"] .caixa-alerta .caixa-texto b,
html[data-theme="dark"] .caixa-alerta .caixa-texto strong {
  color: var(--dica-body);
}

html[data-theme="dark"] .caixa-alerta .caixa-texto {
  padding-bottom: .8rem;
}

/* Pros and cons */
html[data-theme="dark"] .pros-con-wrapper,
html[data-theme="dark"] .posneg-container {
  background-color: var(--dica-surface-soft);
  border: 1px solid var(--dica-border);
  box-shadow: none;
  color: var(--dica-body);
}

html[data-theme="dark"] .pros-con-wrapper li,
html[data-theme="dark"] .pros-con-wrapper li div,
html[data-theme="dark"] .posneg-container li,
html[data-theme="dark"] .posneg-container li div {
  color: var(--dica-body);
}

html[data-theme="dark"] .pros-title {
  color: #7fd08b;
}

html[data-theme="dark"] .cons-title {
  color: #ff777b;
}

html[data-theme="dark"] .pros-con-wrapper ul li::before {
  color: #7fd08b;
}

html[data-theme="dark"] .pros-con-wrapper .cons-wrapper ul li::before {
  color: #ff777b;
}

html[data-theme="dark"] .pros-wrapper,
html[data-theme="dark"] .cons-wrapper {
  border-color: var(--dica-border);
}

/* Comments */
html[data-theme="dark"] #modal-comentarios .commentlist,
html[data-theme="dark"] #modal-comentarios .commentlist.article,
html[data-theme="dark"] .comment-body {
  background-color: var(--dica-surface);
  color: var(--dica-body);
}

html[data-theme="dark"] .comments-head {
  background-color: var(--dica-surface-soft);
  border-color: var(--dica-border);
  color: var(--dica-ink);
}

html[data-theme="dark"] .depth-1,
html[data-theme="dark"] .depth-2 .comment-body,
html[data-theme="dark"] .comment-footer,
html[data-theme="dark"] #respond {
  border-color: var(--dica-border);
}

html[data-theme="dark"] .comment-content .comment-meta {
  background-color: var(--dica-surface-raised);
  color: var(--dica-muted);
}

html[data-theme="dark"] .comment-content .comment-meta .author {
  color: var(--dica-ink);
}

html[data-theme="dark"] .comment-meta .avatar,
html[data-theme="dark"] .comment-form-comment .avatar,
html[data-theme="dark"] .comment-reply-link svg {
  fill: var(--dica-muted);
}

html[data-theme="dark"] .comment-content .comment-reply-link,
html[data-theme="dark"] .showdeptanswer,
html[data-theme="dark"] .cld-like-dislike-wrap {
  background-color: var(--dica-surface-raised);
  border-color: var(--dica-border);
  color: var(--dica-body);
}

html[data-theme="dark"] #respond,
html[data-theme="dark"] .comment-form-comment,
html[data-theme="dark"] .comment-form textarea,
html[data-theme="dark"] .comment-form input:not(#submit) {
  background-color: var(--dica-surface-raised);
  border-color: var(--dica-border);
  color: var(--dica-body);
}

html[data-theme="dark"] .awaiting-moderation {
  background-color: var(--dica-surface-raised);
  border-color: var(--dica-border);
  color: var(--dica-muted);
}

html[data-theme="dark"] ::selection {
  background-color: #315f78;
  color: var(--dica-ink);
}

/* Legacy offer / review card */
html[data-theme="dark"] .article .sticky-barra-ir.center {
  background-color: var(--dica-surface-soft);
  border: 1px solid var(--dica-border);
  box-shadow: 0 .5rem 1rem var(--dica-shadow);
  color: var(--dica-body);
}

html[data-theme="dark"] .article .sticky-barra-ir.center .bloco-nome {
  color: var(--dica-ink);
}

html[data-theme="dark"] .article .sticky-barra-ir.center .bom,
html[data-theme="dark"] .article .sticky-barra-ir.center .texto-valor,
html[data-theme="dark"] .article .sticky-barra-ir.center .valor-cobrado {
  color: var(--dica-muted);
}

html[data-theme="dark"] .article .sticky-barra-ir.center .estrelas {
  color: var(--dica-brand);
}

html[data-theme="dark"] .article .sticky-barra-ir.center .bloco-visitar .bttn {
  background-color: var(--dica-surface-raised);
  border-color: var(--dica-action-border);
  color: var(--dica-action);
}

html[data-theme="dark"] .article .sticky-barra-ir.center .bloco-visitar .bttn:hover,
html[data-theme="dark"] .article .sticky-barra-ir.center .bloco-visitar .bttn:focus {
  background-color: var(--dica-action-soft);
  border-color: var(--dica-action);
}

/* Legacy floating article index */
html[data-theme="dark"] #custom_html-menu {
  background-color: var(--dica-surface-soft);
  border-color: var(--dica-border);
  color: var(--dica-body);
}

html[data-theme="dark"] #custom_html-menu .menu-list-titulo {
  color: var(--dica-ink);
}

html[data-theme="dark"] #nav-sticky-sidebar.toggle-on #custom_html-menu ol li a,
html[data-theme="dark"] #custom_html-menu.panel-on ol li a,
html[data-theme="dark"] #custom_html-menu ol:hover li a {
  background-color: transparent;
  border-color: var(--dica-border);
  color: var(--dica-body);
}

html[data-theme="dark"] #custom_html-menu ol li a .numli,
html[data-theme="dark"] #nav-sticky-sidebar.toggle-on #custom_html-menu ol li.voltar a .numli {
  color: var(--dica-muted);
}

/* In the collapsed index, the previous item only supplies the back-arrow hit
   area. Hide its label independently of the menu background color. */
html[data-theme="dark"] #custom_html-menu ol li.voltar a,
html[data-theme="dark"] #custom_html-menu ol li.voltar a .numli {
  color: transparent;
}

html[data-theme="dark"] #nav-sticky-sidebar.toggle-on #custom_html-menu ol li.voltar a,
html[data-theme="dark"] #custom_html-menu.panel-on ol li.voltar a,
html[data-theme="dark"] #custom_html-menu ol:hover li.voltar a {
  color: var(--dica-body);
}

html[data-theme="dark"] #nav-sticky-sidebar.toggle-on #custom_html-menu ol li.voltar a .numli,
html[data-theme="dark"] #custom_html-menu.panel-on ol li.voltar a .numli,
html[data-theme="dark"] #custom_html-menu ol:hover li.voltar a .numli {
  color: var(--dica-muted);
}

/* Collapsed index must still show the active item label in dark mode */
html[data-theme="dark"] #custom_html-menu ol .active a {
  color: var(--dica-ink);
}

html[data-theme="dark"] #nav-sticky-sidebar.toggle-on #custom_html-menu ol .active a,
html[data-theme="dark"] #custom_html-menu.panel-on ol .active a,
html[data-theme="dark"] #custom_html-menu ol:hover .active a {
  color: var(--dica-brand);
}

html[data-theme="dark"] #custom_html-menu ol li a:hover,
html[data-theme="dark"] #custom_html-menu ol li a .direita,
html[data-theme="dark"] #custom_html-menu ol li a .esquerda {
  background-color: var(--dica-surface-raised);
  border-color: var(--dica-border);
}

html[data-theme="dark"] .ff-highlights .ff-hl-label,
html[data-theme="dark"] .ff-highlights a {
  color: var(--dica-ink);
}

html[data-theme="dark"] .ff-highlights {
  border-bottom-color: rgba(170, 176, 188, .18);
}

html[data-theme="dark"] .ff-highlights .ff-hl-label {
  border-bottom-color: rgba(255, 204, 0, .62);
  border-bottom-width: 2px;
}

html[data-theme="dark"] .ff-highlights button {
  background-color: var(--dica-surface-raised);
  border-color: var(--dica-border);
  color: var(--dica-body);
}

html[data-theme="dark"] .article-subheading,
html[data-theme="dark"] .post-info,
html[data-theme="dark"] .post-info a,
html[data-theme="dark"] .breadcrumb,
html[data-theme="dark"] .ff-card-desc,
html[data-theme="dark"] .cat-desc,
html[data-theme="dark"] .search-item p,
html[data-theme="dark"] .search-cat,
html[data-theme="dark"] .postsnippet,
html[data-theme="dark"] .reportarerro,
html[data-theme="dark"] .reportarerro span {
  color: var(--dica-muted);
}

html[data-theme="dark"] .ff-band,
html[data-theme="dark"] .ff-card,
html[data-theme="dark"] .ff-card + .ff-card,
html[data-theme="dark"] .cat-footer,
html[data-theme="dark"] .cat-grid a,
html[data-theme="dark"] .search-item,
html[data-theme="dark"] .post-info,
html[data-theme="dark"] .pagination a,
html[data-theme="dark"] .listabox,
html[data-theme="dark"] .postdoisgrid > ul > li,
html[data-theme="dark"] .article .blockclass li,
html[data-theme="dark"] .author-box,
html[data-theme="dark"] .note-container,
html[data-theme="dark"] .tabs,
html[data-theme="dark"] .comment-body,
html[data-theme="dark"] .comments-head,
html[data-theme="dark"] .sharepop header,
html[data-theme="dark"] .sharecontent .field {
  border-color: var(--dica-border);
}

html[data-theme="dark"] .ff-card-thumb,
html[data-theme="dark"] .cat-card-thumb,
html[data-theme="dark"] .thumb-placeholder,
html[data-theme="dark"] .titlecopy,
html[data-theme="dark"] .note-container,
html[data-theme="dark"] .tabs,
html[data-theme="dark"] .listabox,
html[data-theme="dark"] .postdoisgrid > ul > li,
html[data-theme="dark"] .article .blockclass li,
html[data-theme="dark"] .resumo,
html[data-theme="dark"] .article blockquote,
html[data-theme="dark"] table tbody tr:nth-of-type(odd) {
  background-color: var(--dica-surface-raised);
}

/* FAQ: match page surface in dark mode (avoid heavy raised panel) */
html[data-theme="dark"] .faq {
  background-color: transparent;
  border: 1px solid var(--dica-border);
  border-radius: 12px;
  overflow: hidden;
}

html[data-theme="dark"] .faq .pergunta,
html[data-theme="dark"] .faq .pergunta.toggle-button {
  color: var(--dica-ink);
  border-color: var(--dica-border);
}

html[data-theme="dark"] .faq .resposta {
  border-bottom-color: var(--dica-border);
  color: var(--dica-body);
}

html[data-theme="dark"] .faq .toggle-on .pergunta {
  color: var(--dica-ink);
  background-color: var(--dica-surface-soft);
}

html[data-theme="dark"] .faq h2 {
  color: var(--dica-ink);
}

html[data-theme="dark"] .commentsBtn {
  background-color: var(--dica-surface-raised) !important;
  border-color: var(--dica-border) !important;
}

html[data-theme="dark"] .closebutton-css,
html[data-theme="dark"] .tablegridwrapper .readmore-button::after {
  background-color: var(--dica-surface-raised);
  border-color: var(--dica-border);
  color: var(--dica-ink);
}

html[data-theme="dark"] .readmore::before,
html[data-theme="dark"] .fog,
html[data-theme="dark"] .tablegridwrapper.toggle-div::before {
  background: linear-gradient(180deg, rgba(15, 17, 21, 0) 0, var(--dica-surface-soft) 71%, var(--dica-surface-soft));
}

html[data-theme="dark"] .sharepop,
html[data-theme="dark"] .search-results,
html[data-theme="dark"] .tooltip .tooltiptext,
html[data-theme="dark"] .tabs,
html[data-theme="dark"] .note-container {
  box-shadow: 0 8px 28px var(--dica-shadow);
}

/* Dark mode compatibility for embedded tools. Modern media tools are already dark.
   Older tools remain intentional, readable light/color islands inside the dark shell. */
html[data-theme="dark"] .cvid-wrap,
html[data-theme="dark"] .wa2mp3-wrap,
html[data-theme="dark"] .cvmp-wrap,
html[data-theme="dark"] .vtrim-wrap,
html[data-theme="dark"] body.page-comparar-textos .ctx-app {
  color-scheme: dark;
}

html[data-theme="dark"] body.page-calculadora-online .calculadora,
html[data-theme="dark"] body.page-gerador-de-senha .post-content > .container,
html[data-theme="dark"] body.page-qr-code-gerador .qrcode-container,
html[data-theme="dark"] body.page-contador-de-caracteres .global,
html[data-theme="dark"] body.page-comparar-textos .ctx-app {
  box-shadow: 0 0 0 1px var(--dica-border), 0 12px 32px var(--dica-shadow);
}

@media (prefers-reduced-motion: no-preference) {
  body,
  .dica-header,
  #menuscroll,
  .article,
  .category-sidebar,
  .theme-toggle {
    transition: background-color .18s ease, color .18s ease, border-color .18s ease;
  }
}