/* Jerónimo Keynote — páginas de aplicação (PluginOps: Guião, Questionário, Questionário 2, Sistema de Avaliação, Área de Avaliação)
   e páginas de ferramenta do tema (Panic Analyze, Reparação de iPhone do zero).
   Só aspeto: cores, letra, cantos e botões. A lógica das aplicações (Firebase, PDF, e‑mail) não muda. */

/* ---------- base comum das páginas PluginOps ---------- */
body.ulpb_PageBody{
  --k-bg:#ededf0; --k-bg-c:#fbfbfd; --k-bg-e:#d6d6da;
  --k-surface:rgba(255,255,255,.78); --k-solid:#fff; --k-surface2:rgba(0,0,0,.045);
  --k-ink:#1d1d1f; --k-ink2:#6e6e73; --k-ink3:#86868b; --k-rule:rgba(0,0,0,.1);
  --k-chip:#1d1d1f; --k-chip-ink:#fff; --k-link:#0066cc;
  --k-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 36px rgba(0,0,0,.07);
  color-scheme:light;
  --k-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter Display","Inter","Helvetica Neue",Arial,sans-serif;
  --k-text:-apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Helvetica Neue",Arial,sans-serif;
  background:var(--k-bg) radial-gradient(130% 95% at 50% 22%,var(--k-bg-c) 0%,var(--k-bg) 55%,var(--k-bg-e) 100%) fixed !important;
  color:var(--k-ink) !important;
  font-family:var(--k-text) !important;
  letter-spacing:-.011em;
  -webkit-font-smoothing:antialiased;
}
body.ulpb_PageBody .fullPageBgOverlay{background:transparent !important}
body.ulpb_PageBody :where(button,input,select,textarea){font-family:inherit}
body.ulpb_PageBody .pops-row>.overlay-row{background:transparent !important}

/* topo (primeira faixa): fotografia quase apagada e título escuro, como na página inicial */
body.ulpb_PageBody .pops-row-0{position:relative;background-blend-mode:luminosity;background-color:#ededf0 !important}
body.ulpb_PageBody .pops-row-0>.overlay-row{
  background:radial-gradient(120% 90% at 50% 45%,rgba(251,251,253,.86) 0%,rgba(237,237,240,.93) 75%) !important;opacity:1 !important}
body.ulpb_PageBody .pops-row-0 :is(h1,h2,h3,p,span){font-family:var(--k-display) !important;text-shadow:none !important}
body.ulpb_PageBody .pops-row-0 h1,
body.ulpb_PageBody .pops-row-0 h1 span{
  color:var(--k-ink) !important;font-weight:800 !important;letter-spacing:-.045em !important;line-height:1.05 !important;font-size:clamp(32px,4.2vw,50px) !important}
body.ulpb_PageBody .pops-row-0 h1:first-child:has(br:only-child){display:none}
body.ulpb_PageBody .pops-row-0 :is(h2,h3),
body.ulpb_PageBody .pops-row-0 :is(h2,h3) span{
  color:var(--k-ink2) !important;font-weight:600 !important;letter-spacing:-.02em !important;font-size:clamp(17px,1.8vw,21px) !important;line-height:1.35 !important}
/* botão "descer" do topo: o PluginOps fixa-lhe o tamanho; esconde-se (é só uma seta) */
body.ulpb_PageBody .pops-row-0 .wdt-wigt-btn-gen{display:none !important}

/* elementos comuns das aplicações */
body.ulpb_PageBody :is(.container,.card,.modal-box,#loginScreen>div,.loginBox,.login-screen>div,#resultArea,.resultCard,#teacherTools,#historyBox,.historyBox){
  border-radius:22px !important;box-shadow:var(--k-shadow) !important;border:1px solid var(--k-rule) !important}
body.ulpb_PageBody :is(.btn,button:not(.trk-clk-ulbp)){
  border-radius:999px !important;font-weight:600 !important;letter-spacing:-.01em;box-shadow:none !important;transition:opacity .15s}
body.ulpb_PageBody :is(.btn,button:not(.trk-clk-ulbp)):hover{opacity:.85}
body.ulpb_PageBody :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  border-radius:12px !important;border:1px solid var(--k-rule) !important;box-shadow:none}
body.ulpb_PageBody :is(input,select,textarea):focus{outline:2px solid #0071e3 !important;outline-offset:1px;box-shadow:none !important}
body.ulpb_PageBody .pops-row:not(.pops-row-0) :is(h1,h2,h3){font-family:var(--k-display) !important;letter-spacing:-.03em !important;font-weight:750 !important}
body.ulpb_PageBody .pops-row:not(.pops-row-0) h1{font-size:clamp(24px,2.6vw,30px) !important}
body.ulpb_PageBody .pops-row:not(.pops-row-0) h2{font-size:clamp(20px,2.2vw,24px) !important}
body.ulpb_PageBody .pops-row:not(.pops-row-0) h3{font-size:18px !important}

/* ---------- cores de cada aplicação (as aplicações usam variáveis próprias) ---------- */
/* links do rodapé das páginas PluginOps */
body.ulpb_PageBody a:not(.btn){color:var(--k-ink2) !important;border-bottom:0 !important;text-decoration:none !important}
body.ulpb_PageBody a:not(.btn):hover{color:var(--k-ink) !important}

/* Área de Avaliação */
body.ulpb_PageBody_503{--primaria:#1d1d1f;--primaria-2:#000;--sec:#6e6e73;--danger:#d0362b;--bg:transparent;--card:#fff;--text:#1d1d1f}
html.dark body.ulpb_PageBody_503,body.ulpb_PageBody_503 .dark,body.ulpb_PageBody_503.dark{--primaria:#3a3a3c;--primaria-2:#48484a;--sec:#98989d;--bg:#0b0b0d;--card:#1c1c1e;--text:#f5f5f7}
/* Guião */
body.ulpb_PageBody_525{--accent:#1d1d1f;--checkBG:#1d1d1f;--bg:transparent}
body.ulpb_PageBody_525.dark{--accent:#48484a;--checkBG:#48484a;--bg:#0b0b0d}
/* Questionário e Questionário 2 */
body.ulpb_PageBody_536,body.ulpb_PageBody_544{--accent:#1d1d1f;--accent2:#6e6e73;--card:#fff;--bg:transparent}
body.ulpb_PageBody_536 .loginBox h2,body.ulpb_PageBody_544 .loginBox h2{color:var(--k-ink) !important;font-weight:750 !important}
body.ulpb_PageBody_536 .loginBox button,body.ulpb_PageBody_544 .loginBox button{background:var(--k-chip) !important;color:var(--k-chip-ink) !important;border-radius:999px !important}
body.ulpb_PageBody_536 :is(h1,h2,h3)[style*="color"],body.ulpb_PageBody_544 :is(h1,h2,h3)[style*="color"]{color:var(--k-ink) !important}

/* Sistema de Avaliação (página de entrada com três atalhos) */
body.ulpb_PageBody_550 .pops-row-0 p{
  font-family:var(--k-display) !important;color:var(--k-ink) !important;font-weight:800 !important;letter-spacing:-.045em !important;
  font-size:clamp(32px,4.2vw,50px) !important;line-height:1.05 !important;margin:0 0 8px !important}
body.ulpb_PageBody_550 .pops-row-0 .widget-1 p{
  color:var(--k-ink2) !important;font-weight:500 !important;letter-spacing:-.015em !important;font-size:clamp(16px,1.6vw,19px) !important;line-height:1.5 !important;max-width:46ch;margin:0 auto !important}
body.ulpb_PageBody_550 .pops-row-2 .pops-column{
  background:var(--k-surface);border:1px solid var(--k-rule);border-radius:24px;box-shadow:var(--k-shadow);padding:22px 16px !important;margin:0 8px}
body.ulpb_PageBody_550 .pops-row-2 img{border-radius:16px;filter:grayscale(1)}
body.ulpb_PageBody_550 .pops-row-2 :is(p,div)[style]{font-family:var(--k-text) !important;color:var(--k-ink2) !important;letter-spacing:-.01em !important}
body.ulpb_PageBody_550 .pops-row-2 .widget-1 :is(p,div)[style]{font-family:var(--k-display) !important;color:var(--k-ink) !important;font-weight:750 !important;font-size:22px !important;letter-spacing:-.03em !important}

/* as aplicações PluginOps não têm modo escuro automático: ficam sempre claras (exceto com o botão 🌙 da própria aplicação) */
body.ulpb_PageBody .pops-row:not(.pops-row-0){background-color:transparent !important;background-image:none !important}

/* modo escuro ligado pelo botão da própria aplicação */
html.dark body.ulpb_PageBody,body.ulpb_PageBody.dark{--k-bg:#0b0b0d;--k-bg-c:#1c1c1e;--k-bg-e:#000;--k-surface:rgba(255,255,255,.055);--k-solid:#1c1c1e;--k-surface2:rgba(255,255,255,.07);--k-ink:#f5f5f7;--k-ink2:#a1a1a6;--k-ink3:#8e8e93;--k-rule:rgba(255,255,255,.1);--k-chip:#f5f5f7;--k-chip-ink:#1d1d1f}

/* ---------- Panic Analyze (página do tema) ---------- */

/* ---------- Reparação de iPhone do zero (página do tema) ---------- */
body.page-id-570 .guia-iphone{color:var(--k-ink) !important;max-width:760px;padding:0 20px 60px}
body.page-id-570 .guia-iphone>p:first-child{margin-top:28px}
body.page-id-570 .guia-iphone h2{border-top:1px solid var(--k-rule) !important;padding-top:1.1em !important;margin-top:2.2em !important;font-size:clamp(22px,2.4vw,28px) !important}
body.page-id-570 .guia-iphone table{border-radius:16px;overflow:hidden}
body.page-id-570 .guia-iphone :is(th,td){border:0 !important;border-bottom:1px solid var(--k-rule) !important}
body.page-id-570 .guia-iphone th{background:var(--k-surface2) !important;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--k-ink3) !important;font-weight:700}
body.page-id-570 .guia-iphone .gi-table{border:1px solid var(--k-rule);border-radius:16px;background:var(--k-surface)}
body.page-id-570 .guia-iphone .gi-fig{border:1px solid var(--k-rule) !important;border-radius:20px !important;background:var(--k-surface) !important;box-shadow:var(--k-shadow);padding:16px !important}
body.page-id-570 .guia-iphone figcaption{color:var(--k-ink3) !important;font-size:13px !important}
body.page-id-570 .guia-iphone .gi-head{padding:36px 0 22px;border-bottom:1px solid var(--k-rule);margin-bottom:8px}
body.page-id-570 .guia-iphone .gi-head .eb{font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--k-ink3);margin:0 0 6px}
body.page-id-570 .guia-iphone .gi-head h1{margin:0 0 10px !important}
body.page-id-570 .guia-iphone .gi-head h1 em{font-style:normal;color:var(--k-ink2)}
@media (prefers-color-scheme:dark){
  body.page-id-570 .guia-iphone .gi-fig svg :is(text){fill:var(--k-ink)}
}
