#sacm-wrapper,
.sacm-privacy-page {
--sacm-color-primary: var(--sdb-color-primary, #0058b7);
--sacm-color-secondary: var(--sdb-color-secondary, #009bd8);
--sacm-color-title: var(--sdb-color-title, #364048);
--sacm-color-text: var(--sdb-color-text, #6b7785);
--sacm-color-muted: var(--sdb-color-muted, #8e9aa7);
--sacm-color-border: var(--sdb-color-border, #eef3f8);
--sacm-color-surface: var(--sdb-color-surface, #ffffff);
--sacm-color-background: var(--sdb-color-background, #f5f8fb);
--sacm-color-success: var(--sdb-color-success, #2f8f4e);
--sacm-color-warning: var(--sdb-color-warning, #f59e0b);
--sacm-font-body: var(--sdb-font-body, Archivo, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
--sacm-font-heading: var(--sdb-font-heading, "Neo Sans", Archivo, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
--sacm-radius-sm: var(--sdb-radius-sm, 6px);
--sacm-radius-md: var(--sdb-radius-md, 10px);
--sacm-radius-lg: var(--sdb-radius-lg, 16px);
--sacm-radius-pill: var(--sdb-radius-pill, 999px);
--sacm-shadow-card: var(--sdb-shadow-card, 0 18px 40px rgba(31, 42, 54, .14));
--sacm-shadow-element: var(--sdb-shadow-element, 5px 5px 5px rgba(143, 155, 164, .05));
--sacm-space-sm: var(--sdb-space-sm, 10px);
--sacm-space-md: var(--sdb-space-md, 20px);
--sacm-space-lg: var(--sdb-space-lg, 30px);
font-family: var(--sacm-font-body);
}
#sacm-wrapper *,
#sacm-wrapper *::before,
#sacm-wrapper *::after,
.sacm-privacy-page,
.sacm-privacy-page *,
.sacm-privacy-page *::before,
.sacm-privacy-page *::after { box-sizing: border-box; }
#sacm-wrapper button,
.sacm-privacy-page button { font-family: inherit; }
#sacm-float-btn.sdb-consent-trigger {
position: fixed;
bottom: 20px;
left: 20px;
width: 48px;
height: 48px;
background: var(--sacm-color-primary);
color: #fff;
border-radius: 50%;
box-shadow: var(--sacm-shadow-card);
cursor: pointer;
z-index: 999998;
border: 0;
display: none;
align-items: center;
justify-content: center;
padding: 0 !important;
}
#sacm-float-btn:hover,
#sacm-float-btn:focus-visible { transform: translateY(-1px); outline: 2px solid var(--sacm-color-primary); outline-offset: 3px; }
#sacm-float-btn svg { width: 20px !important; height: 20px !important; fill: currentColor; display: block; }
#sacm-banner.sdb-consent-banner {
position: fixed;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
width: min(1000px, 90vw);
background: var(--sacm-color-surface);
color: var(--sacm-color-text);
border-radius: var(--sacm-radius-lg);
box-shadow: var(--sacm-shadow-card);
z-index: 999999;
display: none;
padding: 24px;
border: 1px solid var(--sacm-color-border);
}
#sacm-wrapper.sacm-layout-modal #sacm-banner.sdb-consent-banner {
top: 50%;
bottom: auto;
max-width: 720px;
transform: translate(-50%, -50%);
}
#sacm-wrapper.sacm-layout-side #sacm-banner.sdb-consent-banner {
right: 30px;
left: auto;
bottom: 30px;
transform: none;
max-width: 430px;
}
.sdb-consent-banner__inner { display: flex; flex-direction: column; gap: var(--sacm-space-md); position: relative; }
.sdb-consent-banner__close,
.sdb-consent-panel__close {
background: transparent;
border: 0;
color: var(--sacm-color-muted);
cursor: pointer;
line-height: 1;
}
.sdb-consent-banner__close { position: absolute; top: -12px; right: -8px; font-size: 26px; padding: 6px; }
.sdb-consent-banner__close:hover,
.sdb-consent-banner__close:focus-visible,
.sdb-consent-panel__close:hover,
.sdb-consent-panel__close:focus-visible { color: var(--sacm-color-title); outline: 2px solid var(--sacm-color-primary); outline-offset: 2px; border-radius: var(--sacm-radius-sm); }
.sdb-consent-banner__header { display: flex; gap: 15px; align-items: flex-start; padding-right: 22px; }
.sdb-consent-banner__icon { color: var(--sacm-color-primary); width: 32px; height: 32px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.sdb-consent-banner__icon svg { width: 32px !important; height: 32px !important; fill: currentColor; }
.sdb-consent-banner__content h3 { margin: 0 0 8px; font-family: var(--sacm-font-heading); font-size: 18px; line-height: 1.3; color: var(--sacm-color-title); font-weight: 700; }
.sdb-consent-banner__content p { margin: 0; font-size: 14px; color: var(--sacm-color-text); line-height: 1.55; }
.sdb-consent-banner__actions { display: flex; gap: 10px; justify-content: flex-end; align-items: center; flex-wrap: wrap; }
.sdb-consent-banner__links { margin-right: auto; font-size: 12px; line-height: 1.4; }
.sdb-consent-banner__links a { color: var(--sacm-color-primary); text-decoration: none; margin-right: 15px; font-weight: 600; }
.sdb-consent-banner__links a:hover,
.sdb-consent-banner__links a:focus-visible { text-decoration: underline; }
#sacm-wrapper .sacm-btn,
.sacm-privacy-page .sacm-btn {
min-height: 42px;
padding: 10px 22px;
border-radius: var(--sacm-radius-md);
font-weight: 600;
font-size: 14px;
cursor: pointer;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
text-align: center;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
line-height: 1.2;
}
#sacm-wrapper .sacm-btn:focus-visible,
.sacm-privacy-page .sacm-btn:focus-visible { outline: 2px solid var(--sacm-color-primary); outline-offset: 2px; }
#sacm-wrapper .sacm-btn:hover,
.sacm-privacy-page .sacm-btn:hover { transform: translateY(-1px); }
#sacm-wrapper .sacm-btn-primary,
.sacm-privacy-page .sacm-btn-primary { background: var(--sacm-color-primary); color: #fff; border-color: var(--sacm-color-primary); }
#sacm-wrapper .sacm-btn-secondary,
.sacm-privacy-page .sacm-btn-secondary { background: var(--sacm-color-surface); color: var(--sacm-color-primary); border-color: var(--sacm-color-primary); }
#sacm-wrapper .sacm-btn-outline,
.sacm-privacy-page .sacm-btn-outline { background: transparent; color: var(--sacm-color-title); border-color: var(--sacm-color-muted); }
#sacm-wrapper .sacm-btn-primary:hover,
.sacm-privacy-page .sacm-btn-primary:hover { box-shadow: 0 4px 12px rgba(0, 88, 183, .22); }
#sacm-wrapper .sacm-btn-secondary:hover,
#sacm-wrapper .sacm-btn-outline:hover,
.sacm-privacy-page .sacm-btn-secondary:hover,
.sacm-privacy-page .sacm-btn-outline:hover { background: var(--sacm-color-background); }
#sacm-modal.sdb-consent-panel {
display: none;
position: fixed;
inset: 0;
background: var(--sdb-consent-backdrop, rgba(31, 42, 54, .64));
backdrop-filter: blur(2px);
z-index: 9999999;
align-items: center;
justify-content: center;
padding: 16px;
}
.sdb-consent-panel__card {
background: var(--sacm-color-surface);
color: var(--sacm-color-text);
width: min(700px, 95vw);
border-radius: var(--sacm-radius-lg);
box-shadow: var(--sacm-shadow-card);
display: flex;
flex-direction: column;
max-height: 90vh;
border: 1px solid var(--sacm-color-border);
overflow: hidden;
}
.sdb-consent-panel__header { padding: 20px 24px; border-bottom: 1px solid var(--sacm-color-border); display: flex; justify-content: space-between; align-items: center; }
.sdb-consent-panel__title h2 { font-family: var(--sacm-font-heading); font-size: 19px; margin: 0; color: var(--sacm-color-title); line-height: 1.3; }
.sdb-consent-panel__close { font-size: 26px; padding: 4px 8px; }
.sdb-consent-panel__body { padding: 0; overflow-y: auto; }
.sdb-consent-category { border-bottom: 1px solid var(--sacm-color-border); padding: 20px 24px; display: flex; flex-direction: column; }
.sdb-consent-category__row { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; width: 100%; }
.sdb-consent-category__content { flex: 1; min-width: 0; }
.sdb-consent-category__title { font-family: var(--sacm-font-heading); font-weight: 700; color: var(--sacm-color-title); font-size: 15px; margin-bottom: 5px; }
.sdb-consent-category__description { font-size: 13px; color: var(--sacm-color-text); line-height: 1.45; }
.sdb-consent-category__details-toggle { color: var(--sacm-color-primary); font-size: 13px; font-weight: 700; cursor: pointer; margin-top: 8px; display: inline-block; background: none; border: 0; padding: 0; }
.sdb-consent-category__details-toggle:hover,
.sdb-consent-category__details-toggle:focus-visible { text-decoration: underline; outline: 2px solid var(--sacm-color-primary); outline-offset: 2px; border-radius: var(--sacm-radius-sm); }
.sdb-cookie-list.sacm-cookie-list-details { margin-top: 15px; padding: 15px; background: var(--sacm-color-background); border-radius: var(--sacm-radius-md); font-size: 12px; color: var(--sacm-color-text); border: 1px solid var(--sacm-color-border); }
.sdb-cookie-list__item { margin-bottom: 8px; border-bottom: 1px dashed var(--sacm-color-border); padding-bottom: 8px; }
.sdb-cookie-list__item:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; }
.sdb-cookie-list__item strong { color: var(--sacm-color-title); font-size: 13px; }
.sdb-consent-toggle { position: relative; display: inline-block; width: 44px; height: 24px; flex-shrink: 0; margin-top: 2px; }
.sdb-consent-toggle input { opacity: 0; width: 0; height: 0; }
.sdb-consent-toggle__control { position: absolute; cursor: pointer; inset: 0; background-color: var(--sacm-color-muted); transition: .22s; border-radius: var(--sacm-radius-pill); }
.sdb-consent-toggle__control::before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: #fff; transition: .22s; border-radius: 50%; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.sdb-consent-toggle input:checked + .sdb-consent-toggle__control { background-color: var(--sacm-color-primary); }
.sdb-consent-toggle input:checked + .sdb-consent-toggle__control::before { transform: translateX(20px); }
.sdb-consent-toggle input:focus-visible + .sdb-consent-toggle__control { outline: 2px solid var(--sacm-color-primary); outline-offset: 3px; }
.sdb-consent-toggle input:disabled + .sdb-consent-toggle__control { opacity: .6; cursor: not-allowed; }
.sdb-consent-toggle__locked { display: inline-flex; align-items: center; min-height: 24px; font-size: 12px; font-weight: 800; color: var(--sacm-color-success); text-transform: uppercase; letter-spacing: .04em; }
.sdb-consent-panel__footer { padding: 20px 24px; border-top: 1px solid var(--sacm-color-border); display: flex; justify-content: space-between; align-items: center; background: var(--sacm-color-background); }
.sdb-consent-panel__secondary-actions { display: flex; gap: 10px; }
.sacm-hidden { display: none !important; }
#sacm-wrapper.sacm-layout-side .sdb-consent-banner__actions { justify-content: stretch; }
#sacm-wrapper.sacm-layout-side .sdb-consent-banner__actions button { width: 100%; }
#sacm-wrapper.sacm-layout-side .sdb-consent-banner__links { width: 100%; margin: 0 0 8px; }
.sacm-privacy-page.sdb-privacy-surface {
border: 1px solid var(--sacm-color-border);
border-radius: var(--sacm-radius-lg);
padding: 24px;
background: var(--sacm-color-surface);
color: var(--sacm-color-text);
box-shadow: var(--sacm-shadow-element);
}
.sacm-privacy-page h2,
.sacm-privacy-page h3 { font-family: var(--sacm-font-heading); color: var(--sacm-color-title); }
.sacm-public-cookie-table { overflow-x: auto; margin-top: 18px; }
.sacm-public-cookie-table table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 14px; border: 1px solid var(--sacm-color-border); border-radius: var(--sacm-radius-md); overflow: hidden; }
.sacm-public-cookie-table th,
.sacm-public-cookie-table td { border-bottom: 1px solid var(--sacm-color-border); padding: 12px; text-align: left; vertical-align: top; }
.sacm-public-cookie-table th { background: var(--sacm-color-background); color: var(--sacm-color-title); font-weight: 700; }
.sacm-public-cookie-table tr:last-child td { border-bottom: 0; }
@media (max-width: 600px) {
#sacm-banner.sdb-consent-banner { bottom: 0; width: 100%; max-width: none; border-radius: var(--sacm-radius-lg) var(--sacm-radius-lg) 0 0; }
#sacm-wrapper.sacm-layout-side #sacm-banner.sdb-consent-banner { right: 0; left: 0; bottom: 0; max-width: none; }
.sdb-consent-banner__header { flex-direction: column; gap: 10px; }
.sdb-consent-banner__actions { justify-content: space-between; width: 100%; gap: 10px; }
.sdb-consent-banner__actions button { flex: 1 1 100%; }
.sdb-consent-banner__links { width: 100%; text-align: center; margin-bottom: 10px; }
.sdb-consent-category__row { gap: 12px; }
.sdb-consent-panel__footer { flex-direction: column-reverse; gap: 15px; }
.sdb-consent-panel__secondary-actions { width: 100%; display: flex; flex-direction: column; }
.sdb-consent-panel__footer button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
#sacm-wrapper *,
.sacm-privacy-page * { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}