.banca-interativa { margin: 1.5rem 0 2rem; padding: 1rem; border: 1px solid #d8d5c9; border-radius: 16px; background: #fffdf6; color: #263448; }
.banca-interativa__stage { position: relative; }
.banca-interativa__stage img { display: block; width: 100%; height: auto; border-radius: 8px; }
.banca-interativa__marker { position: absolute; transform: translate(-50%, -50%); display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 3px solid #fff; border-radius: 50%; background: #254f70; color: #fff; box-shadow: 0 2px 9px #17283a66; cursor: pointer; font: 700 18px/1 system-ui, sans-serif; touch-action: manipulation; }
.banca-interativa__marker:hover, .banca-interativa__marker[aria-pressed="true"] { background: #ffc451; color: #17283a; }
.banca-interativa__marker:focus-visible, .banca-interativa__actions a:focus-visible { outline: 3px solid #106b96; outline-offset: 4px; }
.banca-interativa__hint { margin: .75rem 0; font-size: .88rem; color: #536176; }
.banca-interativa__details { padding: .9rem 1rem; border-left: 4px solid #dca233; border-radius: 6px; background: #f5edda; }
.banca-interativa__details section + section { margin-top: 1rem; }
.banca-interativa__details h3 { margin: 0 0 .4rem; font-size: 1.05rem; color: inherit; }
.banca-interativa__details p { margin: 0; line-height: 1.65; }
.banca-interativa__actions { display: flex; flex-wrap: wrap; gap: .8rem 1.2rem; margin: 1rem 0 .75rem; font-size: .9rem; }
.banca-interativa__actions a { color: #165d82; text-decoration: underline; text-underline-offset: 3px; }
.banca-interativa figcaption { border-top: 1px solid #dfd9c9; padding-top: .7rem; font-size: .85rem; color: #536176; text-align: center; }
.banca-interativa__credit { display: block; margin-top: .3rem; font-size: .8rem; }
.banca-interativa [hidden] { display: none !important; }
#experimento-juros-compostos { scroll-margin-top: 90px; }
@media (max-width: 480px) { .banca-interativa { padding: .6rem; } .banca-interativa__details { padding: .8rem; } }
@media print { .banca-interativa__markers, .banca-interativa__hint, .banca-interativa__actions { display: none !important; } .banca-interativa [data-banca-detail][hidden] { display: block !important; } .banca-interativa__details section { margin-top: .8rem; } }