/* ============================================================
   INSYGMA · CSS do cartão Quiz + entrada mobile + popup + quiz
   Ficheiro externo servido pelo mu-plugin insygma-quiz-loader.php
   (namespaced: .isg-quiz / .ins-mquiz / .insq — não colide com o mega)
   ============================================================ */
.ins-menu{
  --ink:#15171A; --ink-soft:#5A6068; --amber:#A8690C; --ice:#2C5A6E;
  --ice-soft:#E7EEF1; --line:#E4E7EA;
}

/* ---- cartão desktop (4ª coluna do .isg-mega, no lugar do antigo destaque) ---- */
.isg-quiz{
  position:relative;display:flex;flex-direction:column;height:100%;min-width:230px;
  text-decoration:none;color:var(--ink);overflow:hidden;isolation:isolate;
  background:linear-gradient(160deg,#FFFFFF 0%,#F1F5F8 100%);
  border:1px solid var(--line);border-radius:0;padding:32px 28px 32px;
  transition:border-color .18s,box-shadow .18s,transform .18s;
}
.isg-quiz:hover{border-color:#CBD5DC;box-shadow:0 12px 30px -18px rgba(20,23,26,.35);transform:translateY(-2px);}
.isg-quiz:focus-visible{outline:2px solid var(--ice);outline-offset:3px;}
.isg-quiz__scan{position:absolute;top:30px;right:30px;width:62px;height:62px;z-index:0;pointer-events:none;}
.isg-quiz__scan::before,.isg-quiz__scan::after,
.isg-quiz__scan i::before,.isg-quiz__scan i::after{content:"";position:absolute;width:13px;height:13px;border:2px solid #C7D2DA;}
.isg-quiz__scan::before{top:0;left:0;border-right:0;border-bottom:0;border-radius:4px 0 0 0;}
.isg-quiz__scan::after{top:0;right:0;border-left:0;border-bottom:0;border-radius:0 4px 0 0;}
.isg-quiz__scan i::before{bottom:0;left:0;border-right:0;border-top:0;border-radius:0 0 0 4px;}
.isg-quiz__scan i::after{bottom:0;right:0;border-left:0;border-top:0;border-radius:0 0 4px 0;}
.isg-quiz__scan svg{position:absolute;inset:14px;width:34px;height:34px;color:#B9C6CF;opacity:.85;}
.isg-quiz__pill{
  position:relative;z-index:1;align-self:flex-start;
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ice);background:var(--ice-soft);
  padding:6px 11px;border-radius:999px;margin-bottom:18px;
}
.isg-quiz__title{
  position:relative;z-index:1;font-family:'Space Grotesk',sans-serif;font-weight:600;
  font-size:24px;line-height:1.12;letter-spacing:-.01em;margin-bottom:10px;
}
.isg-quiz__title i{color:var(--amber);font-style:normal;}
.isg-quiz__sub{
  position:relative;z-index:1;font-size:13.5px;line-height:1.5;color:var(--ink-soft);
  margin-bottom:20px;max-width:30ch;
}
.isg-quiz__cta{
  position:relative;z-index:1;margin-top:auto;align-self:flex-start;
  display:inline-flex;align-items:center;gap:9px;background:var(--ink);color:#fff;
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14px;
  padding:12px 20px;border-radius:999px;transition:background .18s;
}
.isg-quiz:hover .isg-quiz__cta{background:var(--amber);}
.isg-quiz__cta span{transition:transform .18s;}
.isg-quiz:hover .isg-quiz__cta span{transform:translateX(3px);}

/* ---- entrada mobile (a seguir à pesquisa) ---- */
.ins-mquiz{
  display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);
  background:linear-gradient(135deg,#FFFFFF 0%,#EEF3F6 100%);
  border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:4px 0 14px;
}
.ins-mquiz__ic{flex:0 0 42px;height:42px;border-radius:11px;background:var(--ice-soft);display:flex;align-items:center;justify-content:center;color:var(--ice);}
.ins-mquiz__ic svg{width:22px;height:22px;}
.ins-mquiz__tx{display:flex;flex-direction:column;line-height:1.25;}
.ins-mquiz__t{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;}
.ins-mquiz__d{font-size:12.5px;color:var(--ink-soft);margin-top:2px;}
.ins-mquiz__d b{color:var(--ice);font-weight:600;}
.ins-mquiz__arrow{margin-left:auto;color:var(--amber);font-size:18px;}

/* ---- popup / overlay ---- */
.insq-modal{position:fixed;inset:0;z-index:99999;display:none;}
.insq-modal.is-open{display:block;}
.insq-modal__backdrop{position:absolute;inset:0;background:rgba(15,17,20,.55);backdrop-filter:blur(3px);opacity:0;transition:opacity .25s;}
.insq-modal.is-open .insq-modal__backdrop{opacity:1;}
.insq-modal__panel{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);
  width:min(600px,95vw);height:min(840px,90vh);background:#F5F6F7;border-radius:18px;overflow:hidden;
  box-shadow:0 40px 80px -30px rgba(15,17,20,.6);opacity:0;transition:opacity .28s,transform .28s;
}
.insq-modal.is-open .insq-modal__panel{opacity:1;transform:translate(-50%,-50%);}
.insq-modal__close{
  position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border:none;cursor:pointer;
  background:rgba(255,255,255,.9);border-radius:50%;color:var(--ink,#15171A);display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,.12);transition:background .15s,transform .12s;
}
.insq-modal__close:hover{background:#fff;transform:rotate(90deg);}
.insq-modal__frame{width:100%;height:100%;border:0;display:block;background:#F5F6F7;}
@media (max-width:560px){
  .insq-modal__panel{top:0;left:0;transform:none;width:100vw;height:100dvh;border-radius:0;}
  .insq-modal.is-open .insq-modal__panel{transform:none;}
}
@media (prefers-reduced-motion:reduce){
  .insq-modal__backdrop,.insq-modal__panel,.isg-quiz,.isg-quiz__cta,.isg-quiz__cta span{transition:none!important;}
}

/* ============================================================
   CSS DO QUIZ (namespace .insq)
   ============================================================ */

.insq{
  /* paleta: off-white frio + tinta + âmbar (prova) + gelo (ciência) */
  --paper:#F5F6F7;
  --card:#FFFFFF;
  --ink:#15171A;
  --ink-soft:#5A6068;
  --line:#E4E7EA;
  --amber:#A8690C;
  --amber-soft:#F4E7CE;
  --ice:#2C5A6E;
  --ice-soft:#E7EEF1;
  --radius:14px;

  font-family:'Inter',-apple-system,system-ui,sans-serif;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
  box-sizing:border-box;
}
.insq *,.insq *::before,.insq *::after{box-sizing:border-box;}

.insq{
  max-width:660px;
  margin:0 auto;
  padding:28px 20px 56px;
  min-height:100%;
}

/* ---- topo / wordmark + progresso ---- */
.insq-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;}
.insq-brand{
  display:flex;align-items:center;gap:9px;
  font-family:'Space Grotesk',sans-serif;
  font-weight:700;font-size:13px;letter-spacing:.2em;color:var(--ink);
}
.insq-brand img{height:22px!important;width:22px!important;max-width:none!important;display:block;}
.insq-step{
  font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.08em;color:var(--ink-soft);
}
.insq-bar{height:3px;background:var(--line);border-radius:2px;overflow:hidden;margin-bottom:34px;}
.insq-bar-fill{height:100%;background:var(--amber);width:0;transition:width .45s cubic-bezier(.4,0,.2,1);}

/* ---- ecrã (transição) ---- */
.insq-screen{opacity:0;transform:translateY(10px);transition:opacity .34s ease,transform .34s ease;}
.insq-screen.is-in{opacity:1;transform:none;}

/* ---- pergunta ---- */
.insq-eyebrow{
  font-family:'Space Mono',monospace;font-size:12px;font-weight:700;
  letter-spacing:.16em;color:var(--amber);text-transform:uppercase;margin-bottom:14px;
}
.insq-q{
  font-family:'Space Grotesk',sans-serif;font-weight:600;
  font-size:clamp(24px,5.5vw,33px);line-height:1.15;letter-spacing:-.01em;margin:0 0 24px;
}
.insq-opts{display:flex;flex-direction:column;gap:10px;}
.insq-opt{
  display:flex;align-items:center;gap:14px;width:100%;text-align:left;cursor:pointer;
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 18px;min-height:56px;font:inherit;color:var(--ink);
  transition:border-color .15s,box-shadow .15s,background .15s,transform .08s;
}
.insq-opt:hover{border-color:var(--ink);}
.insq-opt:active{transform:scale(.992);}
.insq-opt:focus-visible{outline:2px solid var(--ice);outline-offset:2px;}
.insq-opt.is-sel{border-color:var(--amber);background:var(--amber-soft);box-shadow:0 0 0 1px var(--amber) inset;}
.insq-opt-dot{
  flex:0 0 18px;height:18px;border-radius:50%;border:1.5px solid var(--line);
  transition:border-color .15s,background .15s;position:relative;
}
.insq-opt.is-sel .insq-opt-dot{border-color:var(--amber);background:var(--amber);}
.insq-opt.is-sel .insq-opt-dot::after{
  content:"";position:absolute;inset:4px;border-radius:50%;background:#fff;
}
.insq-opt-txt{display:flex;flex-direction:column;}
.insq-opt-label{font-weight:500;font-size:16px;}
.insq-opt-sub{font-size:13px;color:var(--ink-soft);margin-top:2px;}

.insq-back{
  margin-top:22px;background:none;border:none;cursor:pointer;font:inherit;
  color:var(--ink-soft);font-size:14px;padding:6px 0;
}
.insq-back:hover{color:var(--ink);}

/* ---- intro ---- */
.insq-intro-eyebrow{
  font-family:'Space Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.16em;
  color:var(--amber);text-transform:uppercase;margin-bottom:16px;
}
.insq-intro h1{
  font-family:'Space Grotesk',sans-serif;font-weight:600;
  font-size:clamp(30px,7vw,46px);line-height:1.08;letter-spacing:-.02em;margin:0 0 16px;
}
.insq-intro p{font-size:16px;color:var(--ink-soft);max-width:46ch;margin:0 0 28px;}
.insq-cta{
  display:inline-flex;align-items:center;gap:10px;cursor:pointer;border:none;font:inherit;
  background:var(--ink);color:#fff;font-weight:600;font-size:16px;
  padding:15px 26px;border-radius:999px;transition:transform .12s,background .15s;
}
.insq-cta:hover{background:var(--amber);}
.insq-cta:active{transform:scale(.97);}
.insq-cta:focus-visible{outline:2px solid var(--ice);outline-offset:3px;}
.insq-meta{font-family:'Space Mono',monospace;font-size:12px;color:var(--ink-soft);margin-top:20px;letter-spacing:.04em;}

/* ---- resultado ---- */
.insq-profile{
  font-family:'Space Mono',monospace;font-size:12px;letter-spacing:.06em;
  color:var(--ink-soft);margin-bottom:8px;text-transform:uppercase;
}
.insq-profile b{color:var(--ice);font-weight:700;}
.insq-result-h{
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:clamp(26px,6vw,38px);
  line-height:1.1;letter-spacing:-.01em;margin:6px 0 24px;
}
.insq-primary{
  background:var(--card);border:1px solid var(--line);border-top:3px solid var(--amber);
  border-radius:var(--radius);padding:24px 22px;margin-bottom:14px;
}
.insq-tag-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;}
.insq-tag{
  font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.04em;
  background:var(--ice-soft);color:var(--ice);padding:4px 9px;border-radius:6px;
}
.insq-tag.is-match{background:var(--amber-soft);color:var(--amber);}
.insq-pname{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:22px;margin:0 0 8px;}
.insq-pwhy{font-size:15px;color:var(--ink-soft);margin:0 0 18px;}
.insq-pbtn{
  display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;
  text-decoration:none;font-weight:600;font-size:15px;padding:12px 22px;border-radius:999px;
  transition:background .15s,transform .12s;
}
.insq-pbtn:hover{background:var(--amber);}
.insq-pbtn:active{transform:scale(.97);}

.insq-sub-h{
  font-family:'Space Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-soft);margin:26px 0 12px;
}
.insq-comps{display:flex;flex-direction:column;gap:10px;}
.insq-comp{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 18px;text-decoration:none;color:var(--ink);transition:border-color .15s;
}
.insq-comp:hover{border-color:var(--ink);}
.insq-comp-l{display:flex;flex-direction:column;}
.insq-comp-name{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16px;}
.insq-comp-why{font-size:13px;color:var(--ink-soft);margin-top:3px;max-width:42ch;}
.insq-comp-arrow{flex:0 0 auto;color:var(--amber);font-size:18px;}

.insq-disc{font-size:12px;color:var(--ink-soft);margin:28px 0 0;line-height:1.5;}
.insq-restart{
  margin-top:18px;background:none;border:1px solid var(--line);cursor:pointer;font:inherit;
  color:var(--ink);font-size:14px;padding:11px 20px;border-radius:999px;transition:border-color .15s;
}
.insq-restart:hover{border-color:var(--ink);}

/* ---- v2: bloco "o que ouvimos" ---- */
.insq-listen{
  background:var(--ice-soft);border:1px solid #D4E0E6;border-radius:var(--radius);
  padding:14px 16px;margin:0 0 18px;font-size:14.5px;line-height:1.5;color:var(--ink);
}
.insq-listen b{color:var(--ice);font-weight:600;}
/* ---- v2: porquê-não ---- */
.insq-whynot{
  font-size:13.5px;line-height:1.5;color:var(--ink-soft);margin:0 0 16px;
  padding-left:12px;border-left:2px solid var(--line);
}
/* ---- v2: linha de prova sob o CTA ---- */
.insq-proof{
  font-family:'Space Mono',monospace;font-size:11.5px;line-height:1.5;
  color:var(--ink-soft);letter-spacing:.01em;margin:14px 0 0;
}
/* ---- v2: versão alternativa (ex.: gomas ao lado do pó) ---- */
.insq-alt{
  display:inline-block;font-size:13px;color:var(--ink-soft);text-decoration:none;
  margin:12px 0 0;border-bottom:1px solid var(--line);padding-bottom:1px;transition:color .15s,border-color .15s;
}
.insq-alt:hover{color:var(--amber);border-color:var(--amber);}
.insq-alt--comp{margin:-2px 2px 2px 18px;}

/* ---- blindagem: impede o tema (Breakdance/WP) de pintar os links do quiz ---- */
.insq-pbtn,.insq-pbtn:visited,.insq-pbtn:focus{color:#fff!important;text-decoration:none!important;}
.insq-pbtn:hover{color:#fff!important;}
.insq-comp,.insq-comp:visited,.insq-comp:hover,.insq-comp:focus{color:var(--ink)!important;text-decoration:none!important;}
.insq-comp .insq-comp-name{color:var(--ink)!important;}
.insq-comp .insq-comp-why{color:var(--ink-soft)!important;}
.insq-comp .insq-comp-arrow{color:var(--amber)!important;}
.insq-alt,.insq-alt:visited{color:var(--ink-soft)!important;text-decoration:none!important;}
.insq-alt:hover{color:var(--amber)!important;}
.insq-listen{color:var(--ink)!important;}
.insq-listen b{color:var(--ice)!important;}
/* cartão do quiz no mega + entrada mobile (só existem no ficheiro do menu) */
.isg-quiz,.isg-quiz:visited,.isg-quiz:hover,.isg-quiz:focus{color:var(--ink)!important;text-decoration:none!important;}
.isg-quiz .isg-quiz__title{color:var(--ink)!important;}
.isg-quiz .isg-quiz__title i{color:var(--amber)!important;}
.isg-quiz .isg-quiz__sub{color:var(--ink-soft)!important;}
.isg-quiz .isg-quiz__pill{color:var(--ice)!important;}
.isg-quiz .isg-quiz__cta{color:#fff!important;}
.ins-mquiz,.ins-mquiz:visited,.ins-mquiz:hover{color:var(--ink)!important;text-decoration:none!important;}
.ins-mquiz .ins-mquiz__t{color:var(--ink)!important;}
.ins-mquiz .ins-mquiz__d{color:var(--ink-soft)!important;}
.ins-mquiz .ins-mquiz__d b{color:var(--ice)!important;}
.ins-mquiz .ins-mquiz__arrow{color:var(--amber)!important;}

/* ---- blindagem headings: o tema define fonte/margens globais para h1-h4 ---- */
.insq h1,.insq h2,.insq h3,.insq h4{
  font-family:'Space Grotesk',sans-serif!important;
  color:var(--ink)!important;text-transform:none!important;
}
.insq-intro h1{font-weight:600!important;font-size:clamp(30px,7vw,46px)!important;line-height:1.08!important;letter-spacing:-.02em!important;margin:0 0 16px!important;}
.insq-q{font-weight:600!important;font-size:clamp(24px,5.5vw,33px)!important;line-height:1.15!important;letter-spacing:-.01em!important;margin:0 0 24px!important;}
.insq-result-h{font-weight:600!important;font-size:clamp(26px,6vw,38px)!important;line-height:1.1!important;letter-spacing:-.01em!important;margin:6px 0 24px!important;}
.insq-pname{font-weight:600!important;font-size:22px!important;line-height:1.25!important;letter-spacing:0!important;margin:0 0 8px!important;}

/* ---- pesquisa mobile: fundo pedido ---- */
.ins-mmenu__search form{background:#f6f6f6!important;border-radius:999px!important;}
.ins-mmenu__search input{background:transparent!important;}

@media (prefers-reduced-motion:reduce){
  .insq-screen,.insq-bar-fill,.insq-opt,.insq-cta,.insq-pbtn{transition:none!important;}
  .insq-screen{transform:none;}
}

/* ---- quiz embutido no popup ---- */
.insq-modal .insq{height:100%;overflow-y:auto;min-height:0;padding:34px 26px 56px;-webkit-overflow-scrolling:touch;}
.insq-modal .insq-top{padding-right:46px;}