/* Aviso de consentimento da Engeform Energia. Base: o da DS HELP, nas cores da Engeform.
   Aceitar e Recusar têm o MESMO peso visual: é o que torna o consentimento válido (livre). */

.eeck, .eeck * { box-sizing: border-box; }

.eeck {
  position: fixed; right: 22px; bottom: 22px; z-index: 9000;
  max-width: 520px; border-radius: 4px;
  background: #E3F2F1;
  border: 1px solid rgba(0, 55, 65, .18);
  box-shadow: 0 10px 30px rgba(0, 30, 35, .14);
  font-family: 'Montserrat', system-ui, sans-serif;
  opacity: 0; transform: translateY(10px);
  transition: opacity .28s ease, transform .28s ease;
}
.eeck.on { opacity: 1; transform: none; }

.eeck .in { padding: 13px 16px; display: flex; align-items: center; gap: 16px; }
.eeck p { margin: 0; font-size: 11.5px; line-height: 1.5; color: #33474A; flex: 1; }
.eeck p a { color: #003741; text-decoration: underline; text-underline-offset: 2px; }
.eeck .bts { display: flex; align-items: center; gap: 7px; }

.eeck button {
  font-family: inherit; font-weight: 600; font-size: 11px; line-height: 1;
  padding: 8px 14px; border-radius: 3px; border: 1px solid transparent;
  cursor: pointer; white-space: nowrap; transition: filter .2s, background .2s;
}
.eeck button:hover { filter: brightness(1.1); }
.eeck .ok { background: #003741; color: #fff; border-color: #003741; }
.eeck .no { background: transparent; color: #003741; border-color: rgba(0, 55, 65, .34); }
.eeck .no:hover { background: rgba(0, 55, 65, .06); filter: none; }
.eeck .pref {
  background: none; border: none; color: #4A5E61; font-weight: 500;
  font-size: 10.5px; padding: 8px 2px;
  text-decoration: underline; text-underline-offset: 3px;
}

/* ---- painel de preferências ---- */
.eecx {
  position: fixed; inset: 0; z-index: 9001; display: none;
  background: rgba(0, 30, 35, .58);
  align-items: center; justify-content: center; padding: 20px;
}
.eecx.on { display: flex; }
.eecx .cx {
  background: #fff; border-radius: 6px; width: 100%; max-width: 520px;
  max-height: 90vh; overflow: auto; font-family: 'Montserrat', system-ui, sans-serif;
}
.eecx .cab { padding: 22px 24px 4px; }
.eecx h3 {
  margin: 0 0 8px; font-family: 'Ubuntu', system-ui, sans-serif; font-weight: 700;
  font-size: 17px; color: #1E2A2B;
}
.eecx .cab p { margin: 0; font-size: 12.5px; line-height: 1.6; color: #5A6264; }
.eecx .lista { padding: 8px 24px 4px; }

.eecx .it { padding: 15px 0; border-bottom: 1px solid rgba(30, 42, 43, .09); }
.eecx .it:last-child { border-bottom: none; }
.eecx .lin { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.eecx .it b { font-size: 13px; font-weight: 600; color: #1E2A2B; }
.eecx .it p { margin: 6px 0 0; font-size: 11.5px; line-height: 1.55; color: #5F6869; }
.eecx .fixo { font-size: 11px; color: #007372; font-weight: 600; white-space: nowrap; }

.eecx .ch { position: relative; width: 40px; height: 22px; flex: 0 0 auto; }
.eecx .ch input { position: absolute; opacity: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.eecx .ch span {
  position: absolute; inset: 0; border-radius: 22px; background: #CFD6D5; transition: background .2s;
  pointer-events: none;
}
.eecx .ch span:after {
  content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px;
  border-radius: 50%; background: #fff; transition: transform .2s;
}
.eecx .ch input:checked + span { background: #007372; }
.eecx .ch input:checked + span:after { transform: translateX(18px); }
.eecx .ch input:focus-visible + span { outline: 2px solid #1E2A2B; outline-offset: 2px; }

.eecx .rod {
  padding: 16px 24px 22px; display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
}
.eecx .rod button {
  font-family: inherit; font-weight: 600; font-size: 12px; line-height: 1; padding: 10px 16px;
  border-radius: 3px; border: 1px solid transparent; cursor: pointer;
}
.eecx .rod .salvar { background: #003741; color: #fff; border-color: #003741; }
.eecx .rod .tudo { background: #007372; color: #fff; border-color: #007372; }
.eecx .rod .nada { background: #fff; color: #1E2A2B; border-color: rgba(30, 42, 43, .28); }

/* link do rodapé que reabre a escolha: herda tudo do rodapé onde estiver */
.eeck-reabrir {
  background: none; border: none; padding: 0; margin: 0; cursor: pointer;
  font-family: inherit; font-size: inherit; font-weight: inherit;
  line-height: inherit; color: inherit; text-decoration: none;
  transition: color .2s;
}

@media (max-width: 700px) {
  .eeck { right: 12px; left: 12px; bottom: 12px; max-width: none; }
  .eeck .in { flex-direction: column; align-items: stretch; gap: 12px; padding: 15px 16px; }
  .eeck p { font-size: 12px; }
  .eeck .bts { justify-content: space-between; }
  .eeck .ok, .eeck .no { flex: 1; text-align: center; min-height: 44px; padding: 0 10px; font-size: 12px; }
  .eeck .pref { flex: 0 0 auto; min-height: 44px; padding: 0 6px; }
  .eecx .rod button { flex: 1; padding: 13px 12px; }
}