/* Aviso de cookies: neutro (sem a marca), funciona sobre o tema do app, do site e da página da oficina. */
.aviso-cookies {
  position: fixed; z-index: 9999; left: 16px; right: 16px; bottom: 16px; margin: 0 auto; max-width: 720px;
  box-sizing: border-box; display: flex; gap: 14px 18px; align-items: center; flex-wrap: wrap;
  padding: 14px 16px; border-radius: 12px; background: #16191c; color: #f2f2ee;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .28); font: 14px/1.45 "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.aviso-cookies[hidden] { display: none; }
.aviso-cookies p { margin: 0; flex: 1 1 320px; }
.aviso-cookies strong { display: block; font-size: 15px; margin-bottom: 2px; }
.aviso-cookies a { color: #f5c518; }
.aviso-cookies-botoes { display: flex; gap: 8px; flex: 0 0 auto; flex-wrap: wrap; }
.aviso-cookies button {
  font: inherit; font-weight: 600; cursor: pointer; padding: 9px 14px; border-radius: 8px; min-height: 40px;
  border: 1px solid #5b636a; background: transparent; color: #f2f2ee;
}
.aviso-cookies button[data-cookies="todos"] { border-color: #f5c518; background: #f5c518; color: #16191c; }
.aviso-cookies button:focus-visible, .aviso-cookies a:focus-visible { outline: 3px solid #f5c518; outline-offset: 2px; }
@media (max-width: 520px) {
  .aviso-cookies { left: 10px; right: 10px; bottom: 10px; }
  .aviso-cookies-botoes { width: 100%; }
  .aviso-cookies button { flex: 1; }
}
/* Conteúdo de terceiro bloqueado até o aceite (ex.: mapa do Google na página da oficina). */
.terceiro-bloqueado {
  display: grid; place-items: center; text-align: center; gap: 8px; padding: 16px; box-sizing: border-box;
  border: 1px dashed currentColor; border-radius: 10px; opacity: .85; font-size: 14px;
}
/* O aviso usa display:grid, que venceria o atributo hidden: sem isto, aviso e mapa apareciam juntos. */
.terceiro-bloqueado[hidden], iframe[data-terceiro-src][hidden] { display: none; }
.terceiro-bloqueado button { font: inherit; font-weight: 600; cursor: pointer; padding: 8px 14px; border-radius: 8px; border: 1px solid currentColor; background: transparent; color: inherit; }
