/* Componentes com cores próprias: legíveis nos modelos claros e escuros. */
.cuidados-links { display:flex; justify-content:center; padding:20px 16px; width:100%; }
.cuidados-links button, .cuidados-dialog .cuidados-fechar { font:600 14px/1.5 system-ui,sans-serif; background:#fff; color:#0f1933; border:1px solid #64748b; border-radius:8px; padding:10px 16px; cursor:pointer; text-decoration:underline; }
.cuidados-dialog { box-sizing:border-box; width:min(640px,calc(100% - 32px)); max-height:85dvh; margin:auto; padding:28px; border:1px solid #64748b; border-radius:16px; background:#fff; color:#172033; font:16px/1.65 system-ui,sans-serif; text-align:left; overflow:auto; overflow-wrap:anywhere; }
.cuidados-dialog::backdrop { background:rgb(5 12 28 / 72%); }
.cuidados-dialog h2 { font:700 24px/1.3 system-ui,sans-serif; color:#0f1933; margin:18px 0; }
.cuidados-dialog h3 { font:700 18px/1.4 system-ui,sans-serif; color:#0f1933; margin:22px 0 8px; }
.cuidados-dialog p { font:400 16px/1.65 system-ui,sans-serif; color:#172033; margin:0 0 12px; }
.cuidados-dialog a { color:#1745a5; text-decoration:underline; }
.cuidados-pular { position:fixed; top:8px; left:8px; z-index:2147483647; padding:12px 18px; background:#fff; color:#0f1933; font:700 16px/1.5 system-ui,sans-serif; border-radius:6px; transform:translateY(-180%); }
.cuidados-pular:focus { transform:none; }
body :focus-visible { outline:3px solid #15274c; outline-offset:3px; box-shadow:0 0 0 6px #fff; }
.cuidados-dialog :focus-visible { outline:3px solid #15274c; outline-offset:3px; box-shadow:0 0 0 6px #fff; }
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto !important; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}