.consent-panel[hidden], .consent-open[hidden], .consent-close[hidden] { display: none; }
.consent-panel { position: fixed; z-index: 10000; right: 24px; bottom: 24px; width: min(440px, calc(100vw - 48px)); padding: 22px; border: 1px solid #c2c8c4; border-radius: 4px; background: #f8f5ef; color: #17394c; font: 15px/1.5 Arial, sans-serif; }
.shell > nav[aria-label="Links do rodapé"] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; }
.consent-panel h2 { margin: 0 0 8px; color: inherit; font: 600 20px/1.25 Arial, sans-serif; letter-spacing: 0; }
.consent-panel p { margin: 0 0 12px; font: inherit; color: inherit; }
.consent-panel a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.consent-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.consent-actions button { flex: 1 1 140px; min-height: 44px; padding: 10px 12px; border: 1px solid #17394c; border-radius: 2px; background: transparent; color: #17394c; font: 600 14px/1.3 Arial, sans-serif; cursor: pointer; }
.consent-actions button:hover { background: #e7ece7; }
.consent-open, .consent-close { min-height: 44px; padding: 8px 0; border: 0; background: none; color: inherit; text-decoration: underline; text-underline-offset: 3px; font: inherit; cursor: pointer; }
.consent-panel :focus-visible, .consent-open:focus-visible { outline: 3px solid #366e89; outline-offset: 4px; }
.consent-panel .consent-status { margin-top: 12px; font-size: 13px; }
@media (max-width: 700px) { .consent-panel { left: 12px; right: 12px; bottom: 78px; width: auto; max-height: calc(100svh - 100px); overflow: auto; padding: 16px; } .consent-actions { gap: 8px; } .consent-actions button { flex-basis: 110px; } }