/* Caixa de cookies e mídia bloqueada — 3ª entrega (Cookies.html, Cookies-celular.html). */
#alem-cookie-consent.alem-ck { all: initial; box-sizing: border-box; position: fixed; z-index: 100000; left: 32px; bottom: 32px; width: 480px; max-width: calc(100vw - 20px); padding: 22px 24px 20px; border: 1.5px solid var(--alem-tinta, #111213); border-radius: 24px 5px 5px 5px; background: var(--alem-campo, #fffdfa); color: var(--alem-tinta, #111213); box-shadow: 0 24px 50px color-mix(in srgb, var(--alem-nanquim, #0c0d0e) 20%, transparent); font-family: var(--alem-f-interface, "Source Sans 3", sans-serif); animation: alem-ck-entra .42s var(--alem-curva-entrada, cubic-bezier(.05,.7,.1,1)) both; transform: none; display: block; }
#alem-cookie-consent.alem-ck[hidden] { display: none !important; }
#alem-cookie-consent.alem-ck::before, #alem-cookie-consent.alem-ck::after { content: none !important; }
#alem-cookie-consent.alem-ck *, #alem-cookie-consent.alem-ck *::before, #alem-cookie-consent.alem-ck *::after { box-sizing: border-box; }
@keyframes alem-ck-entra { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
.alem-ck .ck-head { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; font: 500 10.5px/1 var(--alem-f-mono, "IBM Plex Mono", monospace); letter-spacing: .16em; text-transform: uppercase; color: var(--alem-verde, #067378); }
.alem-ck .ck-eclipse { position: relative; width: 22px; height: 14px; flex: none; }
.alem-ck .ck-eclipse i, .alem-ck .ck-eclipse b { position: absolute; top: 0; width: 14px; height: 14px; border-radius: 50%; }
.alem-ck .ck-eclipse i { left: 7px; background: repeating-linear-gradient(180deg, var(--alem-tinta, #111213) 0 1.6px, transparent 1.6px 3.2px); }
.alem-ck .ck-eclipse b { left: 0; background: var(--alem-botao-fundo, #0c0d0e); }
.alem-ck .ck-line { flex: 1; height: 1px; background: var(--alem-linha, #d8d0c3); }
.alem-ck p { margin: 0; }
.alem-ck .ck-short > p { font: 400 17px/1.5 var(--alem-f-leitura, "Source Serif 4", serif); }
.alem-ck .ck-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 16px 0 14px; }
.alem-ck .ck-btn { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 18px; border: 1.5px solid var(--alem-tinta, #111213); border-radius: 999px; font: 700 11.5px/1 var(--alem-f-interface, "Source Sans 3", sans-serif); letter-spacing: .14em; text-transform: uppercase; cursor: pointer; transition: box-shadow .24s var(--alem-curva, cubic-bezier(.2,0,0,1)); }
.alem-ck .ck-btn--out { background: transparent; color: var(--alem-tinta, #111213); }
.alem-ck .ck-btn--fill { background: var(--alem-botao-fundo, #0c0d0e); color: var(--alem-botao-texto, #f6f3ee); }
.alem-ck .ck-btn:is(:hover, :focus-visible) { box-shadow: 0 0 0 1px var(--alem-ciano, #36aeb0), 0 0 16px color-mix(in srgb, var(--alem-ciano, #36aeb0) 35%, transparent); }
.alem-ck .ck-links { display: flex; justify-content: space-between; align-items: center; padding-top: 4px; font-size: 14px; }
.alem-ck .ck-links button { padding: 0; border: 0; background: none; cursor: pointer; font: 600 14px/1.4 var(--alem-f-interface, "Source Sans 3", sans-serif); color: var(--alem-verde, #067378); text-decoration: underline; text-underline-offset: 3px; }
.alem-ck .ck-links a { color: var(--alem-texto2, #5b5751); font-size: 13.5px; text-decoration: underline; text-underline-offset: 3px; }
.alem-ck .ck-prefs[hidden], .alem-ck .ck-short[hidden] { display: none !important; }
.alem-ck .ck-prefs h2 { margin: 0; font: 620 28px/1.1 var(--alem-f-titulo, "Fraunces", serif); letter-spacing: -.018em; color: var(--alem-tinta, #111213); }
.alem-ck .ck-sub { margin: 6px 0 14px; padding-bottom: 14px; border-bottom: 1px solid var(--alem-linha, #d8d0c3); font-size: 14px; line-height: 1.45; color: var(--alem-texto2, #5b5751); }
.alem-ck .ck-row { padding: 14px 0; border-bottom: 1px solid var(--alem-linha, #d8d0c3); }
.alem-ck .ck-row-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.alem-ck .ck-row b { font: 700 15px/1.3 var(--alem-f-interface, "Source Sans 3", sans-serif); }
.alem-ck .ck-row p { margin-top: 6px; font-size: 14px; line-height: 1.45; color: var(--alem-texto2, #5b5751); }
.alem-ck .ck-badge { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; background: var(--alem-areia, #e9e4db); font: 500 10px/1 var(--alem-f-mono, "IBM Plex Mono", monospace); letter-spacing: .14em; text-transform: uppercase; }
.alem-ck .ck-switch { position: relative; flex: none; width: 46px; height: 26px; padding: 0; border: 1.5px solid var(--alem-tinta, #111213); border-radius: 999px; background: transparent; cursor: pointer; transition: background .2s ease, box-shadow .2s ease; }
.alem-ck .ck-switch i { position: absolute; left: 3px; top: 3px; width: 17px; height: 17px; border-radius: 50%; background: var(--alem-tinta, #111213); transition: transform .24s var(--alem-curva, cubic-bezier(.2,0,0,1)), background .2s ease, box-shadow .2s ease; }
.alem-ck .ck-switch.is-on { background: var(--alem-nanquim, #0c0d0e); }
.alem-ck .ck-switch.is-on i { transform: translateX(20px); background: var(--alem-ciano, #36aeb0); box-shadow: 0 0 10px color-mix(in srgb, var(--alem-ciano, #36aeb0) 90%, transparent); }
.alem-ck .ck-switch:focus-visible { outline: 2px solid var(--alem-verde, #067378); outline-offset: 3px; }
.alem-ck .ck-chips { display: flex; gap: 8px; margin-top: 10px; }
.alem-ck .ck-chips span { padding: 6px 12px; border: 1px solid var(--alem-linha-forte, #c9c0b4); border-radius: 999px; font-size: 12px; }
.alem-ck .ck-foot { display: flex; gap: 10px; margin-top: 16px; }
.alem-ck .ck-foot .ck-btn--fill { flex: 1; }
@media (max-width: 780px) { #alem-cookie-consent.alem-ck { left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); width: auto; padding: 18px 18px 16px; } .alem-ck .ck-short > p { font-size: 16px; } }
@media (prefers-reduced-motion: reduce) { #alem-cookie-consent.alem-ck { animation: none; } .alem-ck .ck-switch, .alem-ck .ck-switch i { transition: none; } }

/* Vídeo ou post bloqueado: tela nanquim com linhas de varredura. */
.alem-cookie-embed { background: var(--alem-nanquim, #0c0d0e); }
.alem-cookie-embed-message { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 14px; padding: clamp(18px, 4vw, 44px); background: var(--alem-nanquim, #0c0d0e) var(--alem-varredura, repeating-linear-gradient(180deg, rgba(255,255,255,.05) 0 1px, transparent 1px 4px)); color: var(--alem-papel, #f6f3ee); }
.alem-cookie-embed-message .alem-ck-kick { display: inline-flex; align-items: center; gap: 8px; font: 500 11px/1 var(--alem-f-mono, "IBM Plex Mono", monospace); letter-spacing: .16em; text-transform: uppercase; color: var(--alem-ciano, #36aeb0); }
.alem-cookie-embed-message p { max-width: 38ch; margin: 0; font: 400 17px/1.5 var(--alem-f-interface, "Source Sans 3", sans-serif); color: var(--alem-papel, #f6f3ee); }
.alem-ck-embed-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.alem-cookie-embed-message button[data-alem-load-embed] { height: 44px; padding: 0 22px; border: 0; border-radius: 999px; background: var(--alem-papel, #f6f3ee); color: var(--alem-nanquim, #0c0d0e); font: 700 11.5px/1 var(--alem-f-interface, "Source Sans 3", sans-serif); letter-spacing: .14em; text-transform: uppercase; cursor: pointer; transition: box-shadow .24s; }
.alem-cookie-embed-message button[data-alem-load-embed]:is(:hover, :focus-visible) { background: var(--alem-papel, #f6f3ee); box-shadow: 0 0 0 1px var(--alem-ciano, #36aeb0), 0 0 18px color-mix(in srgb, var(--alem-ciano, #36aeb0) 45%, transparent); }
.alem-cookie-embed-message .alem-ck-always { padding: 0; border: 0; background: none; color: var(--alem-ciano-claro, #92e1dd); font: 600 14px/1.4 var(--alem-f-interface, "Source Sans 3", sans-serif); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }

/* Preferências: o conteúdo surge devagar enquanto o cartão cresce. */
.alem-ck .ck-prefs:not([hidden]) > * { animation: alem-ck-surge .36s var(--alem-curva-entrada, cubic-bezier(.05,.7,.1,1)) both; }
.alem-ck .ck-prefs:not([hidden]) > *:nth-child(2) { animation-delay: .05s; }
.alem-ck .ck-prefs:not([hidden]) > *:nth-child(3) { animation-delay: .09s; }
.alem-ck .ck-prefs:not([hidden]) > *:nth-child(4) { animation-delay: .13s; }
.alem-ck .ck-prefs:not([hidden]) > *:nth-child(5) { animation-delay: .17s; }
.alem-ck .ck-short:not([hidden]) { animation: alem-ck-surge .3s var(--alem-curva-entrada, cubic-bezier(.05,.7,.1,1)) both; }
@keyframes alem-ck-surge { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .alem-ck .ck-prefs:not([hidden]) > *, .alem-ck .ck-short:not([hidden]) { animation: none; } }
