/* ============================================================
   POPUP — Receba seu relatório (Kidzenith)
   Reutilizável em qualquer página. Segue o tema (data-theme).
   Par: popup-relatorio.js  ·  colocar em: public/css/
   ============================================================ */

/* Fonte do título (mesma da governo.css) */
@font-face {
  font-family: 'Gelica';
  src: url('../assets/fonts/fonnts.com-Gelica-Regular.otf') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Gelica';
  src: url('../assets/fonts/fonnts.com-Gelica-Semi-Bold.otf') format('opentype');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Gelica';
  src: url('../assets/fonts/fonnts.com-Gelica-Bold.otf') format('opentype');
  font-weight: 700; font-style: normal; font-display: swap;
}

/* Troca de logo por tema */
.kz__logo { width: 220px; height: auto; }

.kz__logo--light { display: block !important; }
.kz__logo--dark  { display: none  !important; }

[data-theme="dark"] .kz__logo--light { display: none  !important; }
[data-theme="dark"] .kz__logo--dark  { display: block !important; }

.footer-kz__logo--light { display: block; }
.footer-kz__logo--dark  { display: none; }
[data-theme="dark"] .footer-kz__logo--light { display: none; }
[data-theme="dark"] .footer-kz__logo--dark  { display: block; }

/* Troca de ícones sociais por tema */
.social-icon--light { display: inline-block; }
.social-icon--dark  { display: none; }
[data-theme="dark"] .social-icon--light { display: none; }
[data-theme="dark"] .social-icon--dark  { display: inline-block; }

/* ── Variáveis — LIGHT (padrão) ── */
:root {
  --pop-overlay: rgba(15, 37, 63, .55);
  --pop-bg: #ffffff;
  --pop-accent: #1E40AF;
  --pop-title: #15253F;
  --pop-text: #405560;
  --pop-label: #15253F;
  --pop-input-bg: #EEF1FA;
  --pop-input-border: #D8DEEF;
  --pop-input-text: #15253F;
  --pop-placeholder: #97A0B2;
  --pop-btn-bg: #1E40AF;
  --pop-btn-text: #ffffff;
  --pop-note: #97A0B2;
}

/* ── Variáveis — DARK (segue o toggle data-theme="dark") ── */
[data-theme="dark"] {
  --pop-overlay: rgba(5, 12, 22, .65);
  --pop-bg: #15253F;
  --pop-accent: #4DA6FF;
  --pop-title: #ffffff;
  --pop-text: #C7D2E0;
  --pop-label: #E8EEF6;
  --pop-input-bg: #1D3252;
  --pop-input-border: #2C4569;
  --pop-input-text: #ffffff;
  --pop-placeholder: #7E93B0;
  --pop-btn-bg: #2B8FE8;
  --pop-btn-text: #ffffff;
  --pop-note: #7E93B0;
}

/* ── Overlay ── */
.kz-popup {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.kz-popup.is-open { display: flex; }

.kz-popup__backdrop {
  position: absolute;
  inset: 0;
  background: var(--pop-overlay);
}

/* ── Card ── */
.kz-popup__card {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 680px;
  max-height: 90vh;
  overflow-y: auto;
  background: var(--pop-bg);
  border-radius: 16px;
  padding: 26px 24px 22px;
  box-shadow: 0 24px 60px rgba(15, 37, 63, .28);
  font-family: "Inter", sans-serif;
}

/* ── Topo: eyebrow + X ── */
.kz-popup__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.kz-popup__eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--pop-accent);
}
.kz-popup__close {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--pop-accent);
  font-size: 18px;
  line-height: 1;
  padding: 4px;
}

/* ── Título + descrição ── */
.kz-popup__title {
  font-family: 'Gelica', 'Georgia', serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  color: var(--pop-title);
  margin-bottom: 14px;
}
.kz-popup__desc {
  font-size: 14px;
  line-height: 21px;
  color: var(--pop-text);
  margin-bottom: 22px;
}

/* ── Campos ── */
.kz-popup__field { margin-bottom: 16px; }
.kz-popup__label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--pop-label);
  margin-bottom: 8px;
}
.kz-popup__input {
  width: 100%;
  height: 50px;
  padding: 0 16px;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  color: var(--pop-input-text);
  background: var(--pop-input-bg);
  border: 1px solid var(--pop-input-border);
  border-radius: 10px;
  outline: none;
  transition: border-color .15s ease;
}
.kz-popup__input::placeholder { color: var(--pop-placeholder); }
.kz-popup__input:focus { border-color: var(--pop-accent); }

/* ── Botão ── */
.kz-popup__submit {
  width: 100%;
  height: 56px;
  margin-top: 6px;
  font-family: "Inter", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--pop-btn-text);
  background: var(--pop-btn-bg);
  border: none;
  border-radius: 10px;
  cursor: pointer;
  transition: opacity .15s ease;
}
.kz-popup__submit:hover { opacity: .92; }

/* ── Nota LGPD ── */
.kz-popup__note {
  margin-top: 18px;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: var(--pop-note);
}

/* trava o scroll do fundo quando o popup está aberto */
body.kz-popup-open { overflow: hidden; }

@media (max-width:900px) {


/* ── Card ── */
.kz-popup__card {
  max-width: 380px;
}

}