/* KVM · Test de susceptibilidad a la hipnosis — look corporativo (hueso + cerúleo) */
.kvm-th-quiz{--hueso:#EFEEE7;--arcilla:#E7DFCD;--navy:#070922;--cer:#1F6F8B;--cer-soft:#E2ECEF;--coral:#C4491F;--graph:#2C2C2A;--gold:#C8A24A;
  font-family:'Poppins',system-ui,sans-serif;color:var(--graph);max-width:720px;margin:0 auto;line-height:1.6;font-size:16px;text-align:left}
.kvm-th-quiz *{box-sizing:border-box}
.kvm-th-quiz{--card:#FFFFFF}
.kvm-th-quiz .th-wrap{background:var(--card);position:relative;overflow:hidden;padding:0 0 40px;border:1px solid var(--arcilla);border-top:4px solid var(--cer);border-radius:4px;box-shadow:0 22px 60px rgba(7,9,34,.12),0 4px 14px rgba(7,9,34,.06);margin:20px 0 30px}

/* progreso */
.kvm-th-quiz .th-progress{height:6px;background:var(--arcilla)}
.kvm-th-quiz .th-progress span{display:block;height:100%;background:var(--cer);transition:width .45s ease}

/* encabezado con foto */
.kvm-th-quiz .th-head{display:flex;align-items:center;gap:26px;padding:34px 40px 10px}
.kvm-th-quiz .th-photo{flex:0 0 auto;width:150px;height:150px;border-radius:50%;padding:9px;background:var(--arcilla);position:relative}
.kvm-th-quiz .th-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover;transform:scale(1.06);display:block;border:3px solid #fff}
.kvm-th-quiz .th-photo:after{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(31,111,139,.35)}
.kvm-th-quiz .th-titles{flex:1;min-width:0;text-align:center}
.kvm-th-quiz .th-eyebrow{font-family:'Playfair Display',Georgia,serif;letter-spacing:.32em;font-size:15px;color:var(--navy);margin:0 0 8px}
.kvm-th-quiz .th-line{height:1px;background:linear-gradient(90deg,transparent,var(--cer),transparent);margin:0 auto 12px;width:80%}
.kvm-th-quiz .th-t1{font-family:'Playfair Display',Georgia,serif;font-style:italic;color:var(--navy);font-size:32px;line-height:1.1;margin:0}
.kvm-th-quiz .th-t2{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:700;color:var(--cer);font-size:40px;line-height:1.15;margin:2px 0 10px}
.kvm-th-quiz .th-logo{display:block;width:130px;height:auto;margin:30px auto 0;opacity:.9}
.kvm-th-quiz .th-head.is-compact{padding:22px 40px 0;gap:16px}
.kvm-th-quiz .is-compact .th-photo{width:78px;height:78px;padding:5px}
.kvm-th-quiz .is-compact .th-titles{text-align:left}
.kvm-th-quiz .is-compact .th-eyebrow{font-size:11px;margin-bottom:2px}
.kvm-th-quiz .is-compact .th-line{display:none}
.kvm-th-quiz .is-compact .th-t1{font-size:20px;display:inline}
.kvm-th-quiz .is-compact .th-t2{font-size:20px;display:inline;margin-left:5px}
.kvm-th-quiz .is-compact .th-logo{display:none}

.kvm-th-quiz .th-body{padding:18px 40px 0}
.kvm-th-quiz .th-lead{text-align:center;margin:10px auto 12px;max-width:520px}
.kvm-th-quiz .th-meta{text-align:center;font-size:13px;color:#7d786b;margin:0 0 26px}
.kvm-th-quiz .th-center{text-align:center}

/* botón: único relleno redondeado (coral corporativo) */
.kvm-th-quiz .kvm-btn{display:inline-block;background:var(--coral);color:#fff !important;border:0;border-radius:40px;padding:15px 38px;font:600 15px 'Poppins',sans-serif;letter-spacing:.02em;cursor:pointer;text-decoration:none !important;box-shadow:0 8px 22px rgba(196,73,31,.28);transition:transform .15s}
.kvm-th-quiz .kvm-btn:hover{transform:translateY(-1px)}

/* barra de progreso gráfica */
.kvm-th-quiz{--verde:#5DBB7A}
.kvm-th-quiz .th-meter{position:relative;height:84px;margin:6px 0 18px;display:flex;align-items:center}
.kvm-th-quiz .th-track{width:100%;height:12px;border-radius:12px;background:var(--arcilla);overflow:hidden}
.kvm-th-quiz .th-track span{display:block;height:100%;border-radius:12px;background:var(--verde);transition:width .5s ease}
.kvm-th-quiz .th-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;
  background:conic-gradient(var(--verde) calc(var(--p)*1%),#d9d6cc 0);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px var(--card)}
.kvm-th-quiz .th-ring:before{content:'';position:absolute;inset:8px;border-radius:50%;background:#fff}
.kvm-th-quiz .th-ring b{position:relative;font:600 16px 'Poppins',sans-serif;color:var(--navy)}

/* pregunta */
.kvm-th-quiz .th-count{display:flex;justify-content:center;align-items:center;margin:6px 0 14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cer);font-weight:600}
.kvm-th-quiz .th-count b{font-weight:600;color:var(--navy);letter-spacing:0;font-size:13px;text-transform:none;background:#fff;border:1px solid var(--arcilla);padding:3px 12px;border-radius:2px}
.kvm-th-quiz .th-pre{background:var(--hueso);border-left:3px solid var(--cer);padding:16px 20px;margin:0 0 18px;font-style:italic;color:var(--navy);line-height:1.75}
.kvm-th-quiz .th-q{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;font-size:25px;line-height:1.35;color:var(--navy);text-align:center;margin:0 0 8px}
.kvm-th-quiz .th-hint{font-size:14px;color:#5f5a4e;text-align:center;margin:0 auto 4px;max-width:560px}
.kvm-th-quiz .th-opts{display:flex;flex-direction:column;gap:12px;margin:22px 0 20px}
.kvm-th-quiz .th-opt{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:var(--hueso);border:1px solid var(--arcilla);border-radius:3px;padding:16px 18px;font:400 15.5px/1.5 'Poppins',sans-serif;color:var(--graph);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.kvm-th-quiz .th-opt:hover{border-color:var(--cer);transform:translateX(2px)}
.kvm-th-quiz .th-let{flex:0 0 32px;height:32px;border-radius:50%;border:1.5px solid var(--cer);color:var(--cer);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;text-transform:uppercase}
.kvm-th-quiz .th-opt.is-on{border-color:var(--cer);background:var(--cer-soft);box-shadow:inset 0 0 0 1px var(--cer)}
.kvm-th-quiz .is-on .th-let{background:var(--cer);color:#fff}
.kvm-th-quiz .th-nav{display:flex;justify-content:space-between;align-items:center;min-height:24px}
.kvm-th-quiz .th-link{color:var(--navy) !important;font-size:14px;text-decoration:none !important;border-bottom:1px solid var(--cer);padding-bottom:1px;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;font-family:'Poppins',sans-serif}

/* resultado */
.kvm-th-quiz .th-verdict{background:var(--hueso);border:1px solid var(--arcilla);border-top:4px solid var(--cer);text-align:center;padding:24px 20px 26px;margin:8px 0 30px}
.kvm-th-quiz .th-verdict small{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--cer);font-weight:600;margin-bottom:6px}
.kvm-th-quiz .th-verdict strong{display:block;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;color:var(--navy);font-size:34px;line-height:1.2}
.kvm-th-quiz .th-verdict .th-date{display:block;font-size:12px;color:#8a857a;margin-top:6px}
.kvm-th-quiz .th-sec{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:400;color:var(--navy);font-size:24px;margin:0 0 16px;text-align:center}
.kvm-th-quiz .th-block{display:flex;gap:16px;background:var(--hueso);border:1px solid var(--arcilla);padding:18px 20px;margin:0 0 12px;break-inside:avoid}
.kvm-th-quiz .th-num{flex:0 0 auto;font-family:'Playfair Display',Georgia,serif;font-size:26px;line-height:1;color:var(--cer);min-width:34px}
.kvm-th-quiz .th-block h4{margin:0 0 6px;font:600 15px 'Poppins',sans-serif;color:var(--navy)}
.kvm-th-quiz .th-block p{margin:0;font-size:15px}
.kvm-th-quiz .th-close{display:flex;gap:20px;align-items:flex-start;background:var(--navy);color:#fff;padding:26px 28px;margin:26px 0 0;break-inside:avoid}
.kvm-th-quiz .th-close .th-photo{width:84px;height:84px;padding:4px;background:rgba(255,255,255,.12)}
.kvm-th-quiz .th-close .th-photo:after{border-color:rgba(255,255,255,.25)}
.kvm-th-quiz .th-close p{margin:0;line-height:1.7;font-size:15.5px}
.kvm-th-quiz .th-sign{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:19px;color:var(--gold);text-align:right;margin-top:10px !important;line-height:1}
.kvm-th-quiz .th-actions{display:flex;flex-direction:column;align-items:center;gap:18px;margin:30px 0 0}
.kvm-th-quiz .th-foot{font-size:10px;color:#9a9484;text-align:center;margin:26px 0 0}

/* animación suave entre pantallas */
.kvm-th-quiz .th-anim{animation:thIn .35s ease}
@keyframes thIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media (max-width:600px){
  .kvm-th-quiz .th-head{flex-direction:column;gap:14px;padding:26px 20px 4px}
  .kvm-th-quiz .th-photo{width:124px;height:124px}
  .kvm-th-quiz .th-t1{font-size:26px}.kvm-th-quiz .th-t2{font-size:32px}
  .kvm-th-quiz .th-head.is-compact{flex-direction:row;padding:18px 20px 0}
  .kvm-th-quiz .is-compact .th-photo{width:60px;height:60px}
  .kvm-th-quiz .is-compact .th-t1{font-size:16px;display:block}.kvm-th-quiz .is-compact .th-t2{font-size:18px;display:block;margin-left:0;white-space:nowrap}
  .kvm-th-quiz .th-body{padding:14px 18px 0}
  .kvm-th-quiz .th-q{font-size:21px}
  .kvm-th-quiz .th-verdict strong{font-size:27px}
  .kvm-th-quiz .th-block{padding:16px;flex-direction:column;gap:4px}
  .kvm-th-quiz .th-num{font-size:22px}
  .kvm-th-quiz .th-close{flex-direction:column;align-items:center;text-align:left;padding:22px 20px}
}

/* impresión: solo el resultado */
@media print{
  @page{size:A4;margin:14mm}
  html,body{background:#fff !important}
  body *{visibility:hidden !important}
  .kvm-th-quiz,.kvm-th-quiz *{visibility:visible !important}
  .kvm-th-quiz{position:absolute;left:0;top:0;width:100%;max-width:none;font-size:11pt}
  .kvm-th-quiz *{-webkit-print-color-adjust:exact;print-color-adjust:exact;animation:none !important}
  .kvm-th-quiz .th-wrap{padding-bottom:0;box-shadow:none;border:0;margin:0}
  .kvm-th-quiz .th-progress,.kvm-th-quiz .th-actions{display:none !important}
  .kvm-th-quiz .th-head{padding:0 0 6px}
  .kvm-th-quiz .th-photo{width:110px;height:110px}
  .kvm-th-quiz .th-body{padding:10px 0 0}
  .kvm-th-quiz .th-verdict{margin-bottom:16px;padding:16px}
  .kvm-th-quiz .th-block{padding:12px 14px;margin-bottom:8px}
}