/* Spanish test page header repair */
html[lang="es"] .header-inner{
  position:relative;
  grid-template-columns:minmax(220px,1fr) auto auto auto;
  gap:clamp(10px,1.4vw,22px);
}
html[lang="es"] .header-inner>.brand{grid-column:1;grid-row:1;min-width:0}
html[lang="es"] .header-inner>.menu{grid-column:2;grid-row:1}
html[lang="es"] .header-inner>.nav{grid-column:2;grid-row:1}
html[lang="es"] .header-inner>.cta{grid-column:3;grid-row:1}
html[lang="es"] .header-inner>.es-language{grid-column:4;grid-row:1;margin-left:0}
html[lang="es"] .nav{gap:clamp(14px,1.55vw,26px)}
html[lang="es"] .nav a{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-weight:650;
  letter-spacing:-.01em;
}
@media(max-width:1100px){
  html[lang="es"] .header-inner{grid-template-columns:minmax(190px,1fr) auto auto auto;gap:12px}
  html[lang="es"] .nav{gap:14px}
  html[lang="es"] .nav a{font-size:11px}
  html[lang="es"] .brand-copy small{display:none}
}
@media(max-width:980px){
  html[lang="es"] .site-header{height:68px}
  html[lang="es"] .header-inner{height:68px;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
  html[lang="es"] .header-inner>.brand{grid-column:1;grid-row:1;min-width:0}
  html[lang="es"] .header-inner>.menu{
    display:block;
    grid-column:2;
    grid-row:1;
    width:40px;
    height:40px;
    padding:8px;
    border:0;
    border-radius:12px;
    background:#fff7f9;
    color:#65565c;
  }
  html[lang="es"] .header-inner>.nav{
    grid-column:1/-1;
    grid-row:2;
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    right:0;
    display:none;
    align-items:stretch;
    gap:0;
    padding:10px;
    border:1px solid #eadde1;
    border-radius:18px;
    background:#fff;
    box-shadow:0 20px 50px rgba(74,56,63,.16);
  }
  html[lang="es"] .header-inner>.nav.open{display:flex}
  html[lang="es"] .header-inner>.nav a{padding:12px 14px;border-radius:11px;font-size:13px;text-align:left}
  html[lang="es"] .header-inner>.nav a:hover{background:#fff7f9}
  html[lang="es"] .header-inner>.cta{display:none!important}
  html[lang="es"] .header-inner>.es-language{grid-column:3;grid-row:1;margin-left:0}
}
@media(max-width:680px){
  html[lang="es"] .site-header{height:64px}
  html[lang="es"] .header-inner{height:64px}
  html[lang="es"] .header-inner>.brand{gap:8px}
  html[lang="es"] .brand-mark{width:32px;height:32px;flex:0 0 32px}
  html[lang="es"] .brand-copy{min-width:0}
  html[lang="es"] .brand-copy strong{overflow:hidden;font-size:13px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
  html[lang="es"] .es-language>summary{padding:8px 10px;font-size:11px;white-space:nowrap}
}

/* Spanish test experience — layout and component system */
html[lang="es"]{
  --quiz-ink:#3e3338;
  --quiz-muted:#76686d;
  --quiz-soft:#fff7f9;
  --quiz-soft-2:#fbf7f8;
  --quiz-line:#eadde1;
  --quiz-accent:#d76f86;
  --quiz-accent-dark:#b64f68;
  --quiz-shadow:0 24px 70px rgba(78,55,64,.10);
}
html[lang="es"] .quiz-page{
  min-height:100vh;
  background:#fff;
  color:var(--quiz-ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[lang="es"] .quiz-page *{box-sizing:border-box}
html[lang="es"] .quiz-shell [hidden]{display:none!important}
html[lang="es"] .quiz-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(48px,6vw,82px) 0 42px;
  border-bottom:1px solid rgba(234,221,225,.9);
  background:
    radial-gradient(circle at 82% 12%,rgba(215,111,134,.13),transparent 28%),
    radial-gradient(circle at 8% 2%,rgba(236,200,209,.22),transparent 31%),
    linear-gradient(180deg,#fffafb 0%,#fff 100%);
}
html[lang="es"] .quiz-hero>.wrap{width:min(1180px,calc(100% - 48px))}
html[lang="es"] .quiz-hero-copy{max-width:1080px}
html[lang="es"] .quiz-hero .eyebrow{margin:0 0 12px;color:var(--quiz-accent-dark);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
html[lang="es"] .quiz-hero h1{
  max-width:1000px;
  margin:0;
  color:#352c31;
  font-family:inherit;
  font-size:clamp(40px,4.2vw,60px);
  font-weight:760;
  line-height:1.08;
  letter-spacing:-.048em;
  text-wrap:balance;
}
html[lang="es"] .quiz-hero-copy>p:not(.eyebrow):not(.quiz-privacy){
  max-width:910px;
  margin:22px 0 0;
  color:#665a5f;
  font-size:17px;
  line-height:1.72;
}
html[lang="es"] .quiz-note-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
}
html[lang="es"] .quiz-note-list li{
  min-height:118px;
  padding:20px 22px;
  border:1px solid var(--quiz-line);
  border-radius:20px;
  background:rgba(255,255,255,.9);
  box-shadow:0 12px 34px rgba(78,55,64,.045);
  color:#665a5f;
  font-size:14px;
  line-height:1.55;
}
html[lang="es"] .quiz-note-list strong{
  display:block;
  margin-bottom:5px;
  color:var(--quiz-ink);
  font-size:17px;
  line-height:1.25;
}
html[lang="es"] .quiz-privacy{
  margin:18px 0 0;
  padding:15px 18px;
  border:1px solid rgba(234,221,225,.72);
  border-radius:16px;
  background:rgba(248,243,245,.88);
  color:#75676c;
  font-size:13px;
  line-height:1.55;
}
html[lang="es"] body:has(#quiz-screen:not([hidden])) .quiz-hero,
html[lang="es"] body:has(#quiz-checkpoint:not([hidden])) .quiz-hero,
html[lang="es"] body:has(#result:not([hidden])) .quiz-hero{display:none}
html[lang="es"] .quiz-wrap{
  width:100%!important;
  margin:0!important;
  padding:42px 0 72px;
  background:
    radial-gradient(circle at 50% 0,rgba(245,219,225,.32),transparent 34%),
    linear-gradient(180deg,#fffafb 0%,#fff 60%);
}
html[lang="es"] .quiz-wrap>.wrap{width:min(1120px,calc(100% - 48px))}
html[lang="es"] .quiz-shell{width:100%;max-width:1040px;margin:0 auto;font-family:inherit}
html[lang="es"] .quiz-intro{
  position:relative;
  overflow:hidden;
  padding:44px;
  border:1px solid var(--quiz-line);
  border-radius:30px;
  background:linear-gradient(145deg,#fff7f9 0%,#fff 62%);
  box-shadow:var(--quiz-shadow);
  text-align:left;
}
html[lang="es"] .quiz-intro:before{
  content:"";
  position:absolute;
  right:-72px;
  top:-76px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:rgba(215,111,134,.08);
}
html[lang="es"] .intro-mark{
  position:relative;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  margin-bottom:20px;
  border:1px solid #efd8de;
  border-radius:18px;
  background:#fff;
  color:var(--quiz-accent);
  font-size:25px;
}
html[lang="es"] .quiz-intro h2{
  position:relative;
  max-width:740px;
  margin:0;
  color:var(--quiz-ink);
  font-family:inherit;
  font-size:clamp(30px,3.2vw,44px);
  font-weight:750;
  line-height:1.16;
  letter-spacing:-.04em;
}
html[lang="es"] .quiz-intro>p:not(.eyebrow):not(.resume-note){
  position:relative;
  max-width:820px;
  margin:16px 0 0;
  color:var(--quiz-muted);
  font-size:16px;
  line-height:1.75;
}
html[lang="es"] .intro-facts{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:24px 0 28px;
}
html[lang="es"] .intro-facts span{
  padding:9px 13px;
  border:1px solid var(--quiz-line);
  border-radius:999px;
  background:#fff;
  color:#715f66;
  font-size:12px;
  font-weight:720;
}
html[lang="es"] .resume-note{
  position:relative;
  margin:0 0 18px!important;
  padding:13px 16px;
  border-left:3px solid var(--quiz-accent);
  border-radius:0 12px 12px 0;
  background:#fff2f5;
  color:#6d5860;
  font-size:13px;
  line-height:1.55;
}
html[lang="es"] .quiz-intro .next,
html[lang="es"] .quiz-checkpoint .next{
  position:relative;
  min-height:52px;
  padding:0 26px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#df8799,#cf627b);
  color:#fff;
  font:inherit;
  font-size:14px;
  font-weight:780;
  box-shadow:0 14px 30px rgba(207,98,123,.23);
  cursor:pointer;
}
html[lang="es"] .restart-progress{
  position:relative;
  min-height:46px;
  margin-left:10px;
  padding:0 18px;
  border:1px solid var(--quiz-line);
  border-radius:999px;
  background:#fff;
  color:#79686e;
  font:inherit;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}
html[lang="es"] .quiz-screen{width:100%;max-width:1040px;margin:0 auto}
html[lang="es"] .chapter-progress{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px;
  margin:0 0 14px;
  padding:0;
}
html[lang="es"] .chapter-step{
  position:relative;
  min-width:0;
  min-height:66px;
  padding:13px 12px 13px 46px;
  border:1px solid var(--quiz-line);
  border-radius:17px;
  background:rgba(255,255,255,.82);
  color:#918389;
  box-shadow:none;
  overflow:hidden;
}
html[lang="es"] .chapter-step span{
  position:absolute;
  left:13px;
  top:13px;
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border:1px solid #ead8dd;
  border-radius:50%;
  background:#fff;
  color:inherit;
  font-size:10px;
  font-weight:800;
}
html[lang="es"] .chapter-step b{
  display:block;
  margin:0;
  color:inherit;
  font-family:inherit;
  font-size:11.5px;
  font-weight:740;
  line-height:1.35;
}
html[lang="es"] .chapter-step.active{
  border-color:#e4a8b6;
  background:linear-gradient(145deg,#fff1f4,#fff8fa);
  color:#654f57;
  box-shadow:0 10px 28px rgba(120,83,92,.07);
}
html[lang="es"] .chapter-step.active span{border-color:var(--quiz-accent);background:var(--quiz-accent);color:#fff}
html[lang="es"] .chapter-step.done{background:#f8f5f6;color:#6f6267}
html[lang="es"] .chapter-step.done span{border-color:#8d7e83;background:#8d7e83;color:#fff}
html[lang="es"] .chapter-step.locked{opacity:.66}
html[lang="es"] .quiz-progress{
  display:block;
  height:auto!important;
  margin:0 0 14px;
  padding:16px 19px 18px;
  overflow:visible!important;
  border:1px solid var(--quiz-line);
  border-radius:18px;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(78,55,64,.045);
}
html[lang="es"] .quiz-progress-copy{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
  color:#786a6f;
  font-size:13px;
}
html[lang="es"] .quiz-progress-copy span{font-weight:720}
html[lang="es"] .quiz-progress-copy strong{color:var(--quiz-accent-dark);font-size:13px;font-weight:800}
html[lang="es"] .quiz-progress-track{
  width:100%;
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:#f1e3e7;
}
html[lang="es"] .quiz-progress-track i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#e69aab,#d66f86);
  transition:width .25s ease;
}
html[lang="es"] .question-card{
  margin:0;
  padding:34px 36px 30px;
  border:1px solid var(--quiz-line);
  border-radius:28px;
  background:#fff;
  box-shadow:var(--quiz-shadow);
  text-align:left;
}
html[lang="es"] .question-card .chapter-kicker{
  margin:0 0 14px;
  color:var(--quiz-accent-dark);
  font-size:10px;
  font-weight:820;
  letter-spacing:.13em;
  line-height:1.45;
  text-transform:uppercase;
}
html[lang="es"] .question-context{
  margin:0 0 8px;
  color:#65575c;
  font-size:15px;
  line-height:1.55;
}
html[lang="es"] .question-card h2{
  max-width:930px;
  min-height:0;
  margin:0 0 26px;
  color:#332a2f;
  font-family:inherit;
  font-size:clamp(28px,3vw,38px);
  font-weight:740;
  line-height:1.34;
  letter-spacing:-.038em;
  text-align:left;
  text-wrap:balance;
}
html[lang="es"] .answers{
  display:grid;
  width:100%;
  gap:12px;
}
html[lang="es"] .answers-scale{grid-template-columns:repeat(5,minmax(0,1fr))}
html[lang="es"] .answer{
  appearance:none;
  min-height:108px;
  padding:14px 10px;
  border:1px solid #e7d8dc;
  border-radius:18px;
  background:#fff;
  color:#66595d;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  box-shadow:0 6px 18px rgba(78,55,64,.025);
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}
html[lang="es"] .answer:hover,
html[lang="es"] .answer:focus-visible{
  border-color:#d98aa0;
  background:#fff8fa;
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(78,55,64,.07);
}
html[lang="es"] .answer:focus-visible,
html[lang="es"] .scenario-answer:focus-visible,
html[lang="es"] .choice-answer:focus-visible{outline:3px solid rgba(215,111,134,.19);outline-offset:3px}
html[lang="es"] .answer b{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid #e2bdc7;
  border-radius:50%;
  background:#fff;
  color:#ad5268;
  font-size:14px;
  font-weight:800;
}
html[lang="es"] .answer small{color:#776a6f;font-size:12px;line-height:1.35;text-align:center}
html[lang="es"] .answer.selected{border-color:var(--quiz-accent);background:#fff1f4;box-shadow:0 10px 26px rgba(215,111,134,.10)}
html[lang="es"] .answer.selected b{border-color:var(--quiz-accent);background:var(--quiz-accent);color:#fff}
html[lang="es"] .answers-scenario,
html[lang="es"] .answers-choice{grid-template-columns:repeat(2,minmax(0,1fr))}
html[lang="es"] .scenario-answer,
html[lang="es"] .choice-answer{
  position:relative;
  appearance:none;
  min-height:94px;
  padding:19px 18px 19px 62px;
  border:1px solid #e7d8dc;
  border-radius:18px;
  background:#fff;
  color:#5f5357;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
}
html[lang="es"] .scenario-answer:hover,
html[lang="es"] .choice-answer:hover,
html[lang="es"] .scenario-answer.selected,
html[lang="es"] .choice-answer.selected{border-color:var(--quiz-accent);background:#fff4f7;transform:translateY(-2px);box-shadow:0 10px 24px rgba(78,55,64,.06)}
html[lang="es"] .scenario-answer span,
html[lang="es"] .choice-answer span{
  position:absolute;
  left:18px;
  top:18px;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#fff0f3;
  color:var(--quiz-accent-dark);
  font-size:11px;
  font-weight:800;
}
html[lang="es"] .scenario-answer.selected span,
html[lang="es"] .choice-answer.selected span{background:var(--quiz-accent);color:#fff}
html[lang="es"] .scenario-answer b,
html[lang="es"] .choice-answer b{font-family:inherit;font-size:15px;font-weight:700;line-height:1.5;text-align:left}
html[lang="es"] .question-card[data-format="slider"] .answers-slider{grid-template-columns:minmax(0,1fr)!important}
html[lang="es"] .question-card[data-format="slider"] .slider-answer{
  display:grid;
  grid-template-columns:128px minmax(0,1fr);
  grid-template-areas:
    "value track"
    "value labels"
    "value hint";
  column-gap:28px;
  row-gap:9px;
  align-items:center;
  width:100%;
  padding:24px 26px;
  border:1px solid #eadde1;
  border-radius:22px;
  background:linear-gradient(135deg,#fff8fa 0%,#fff 60%,#fffafb 100%);
  box-shadow:0 12px 34px rgba(120,83,92,.05);
}
html[lang="es"] .question-card[data-format="slider"] .slider-answer.untouched{border-style:dashed;border-color:#e5cfd6}
html[lang="es"] .question-card[data-format="slider"] .slider-value{
  grid-area:value;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
  min-height:130px;
  margin:0;
  padding-right:24px;
  border-right:1px solid #efe2e5;
}
html[lang="es"] .question-card[data-format="slider"] .slider-value strong{
  color:var(--quiz-accent);
  font-family:inherit;
  font-size:58px;
  font-weight:740;
  line-height:.95;
  letter-spacing:-.045em;
}
html[lang="es"] .question-card[data-format="slider"] .slider-value span{color:#9a8c91;font-size:12px}
html[lang="es"] .question-card[data-format="slider"] input[type="range"]{
  grid-area:track;
  width:100%;
  height:34px;
  margin:0;
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:transparent;
  cursor:pointer;
}
html[lang="es"] .question-card[data-format="slider"] input[type="range"]::-webkit-slider-runnable-track{
  height:8px;
  border-radius:999px;
  background:linear-gradient(to right,var(--quiz-accent) 0 var(--range-progress,var(--slider-progress,50%)),#ede3e6 var(--range-progress,var(--slider-progress,50%)) 100%);
}
html[lang="es"] .question-card[data-format="slider"] input[type="range"]::-webkit-slider-thumb{
  width:25px;
  height:25px;
  margin-top:-8.5px;
  appearance:none;
  -webkit-appearance:none;
  border:5px solid #fff;
  border-radius:50%;
  background:var(--quiz-accent);
  box-shadow:0 3px 12px rgba(94,63,74,.26);
}
html[lang="es"] .question-card[data-format="slider"] input[type="range"]::-moz-range-track{height:8px;border:0;border-radius:999px;background:#ede3e6}
html[lang="es"] .question-card[data-format="slider"] input[type="range"]::-moz-range-progress{height:8px;border-radius:999px;background:var(--quiz-accent)}
html[lang="es"] .question-card[data-format="slider"] input[type="range"]::-moz-range-thumb{width:16px;height:16px;border:5px solid #fff;border-radius:50%;background:var(--quiz-accent);box-shadow:0 3px 12px rgba(94,63,74,.26)}
html[lang="es"] .question-card[data-format="slider"] input[type="range"]:focus-visible{outline:3px solid rgba(215,111,134,.2);outline-offset:5px;border-radius:999px}
html[lang="es"] .question-card[data-format="slider"] .slider-labels{
  grid-area:labels;
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin:0;
  color:#6f6266;
  font-size:12.5px;
}
html[lang="es"] .question-card[data-format="slider"] .slider-labels span{max-width:46%;line-height:1.5}
html[lang="es"] .question-card[data-format="slider"] .slider-labels span:last-child{text-align:right}
html[lang="es"] .question-card[data-format="slider"] .slider-answer>p{grid-area:hint;margin:2px 0 0;color:#988a8f;font-size:12px;line-height:1.6}
html[lang="es"] .next-teaser{margin:14px 0 0;color:#94868b;font-size:12px;line-height:1.5;text-align:right}
html[lang="es"] .quiz-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:18px;
}
html[lang="es"] .quiz-nav button{
  appearance:none;
  min-height:52px;
  padding:0 24px;
  border-radius:999px;
  font:inherit;
  font-size:14px;
  font-weight:780;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
html[lang="es"] .quiz-nav .prev{border:1px solid #dfcdd2;background:#fff;color:#5f5156}
html[lang="es"] .quiz-nav .next{min-width:174px;border:0;background:linear-gradient(135deg,#df8799,#cf627b);color:#fff;box-shadow:0 14px 30px rgba(207,98,123,.22)}
html[lang="es"] .quiz-nav button:not(:disabled):hover{transform:translateY(-1px)}
html[lang="es"] .quiz-nav .next:not(:disabled):hover{box-shadow:0 17px 34px rgba(207,98,123,.28)}
html[lang="es"] .quiz-nav .prev:disabled{border-color:#eee7e9;background:#faf9f9;color:#bbb0b4;cursor:not-allowed}
html[lang="es"] .quiz-nav .next:disabled{background:#eadfe2;color:#a89ca0;box-shadow:none;cursor:not-allowed}
html[lang="es"] .required-hint{margin:10px 0 0;color:#a24e62;font-size:13px;line-height:1.5}
html[lang="es"] .quiz-screen:has(#next:not(:disabled)) .required-hint{display:none}
html[lang="es"] .quiz-checkpoint{
  padding:46px 38px;
  border:1px solid var(--quiz-line);
  border-radius:30px;
  background:linear-gradient(145deg,#fff5f7,#fff);
  box-shadow:var(--quiz-shadow);
  text-align:center;
}
html[lang="es"] .checkpoint-mark{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 18px;border:1px solid #e8d4da;border-radius:50%;background:#fff;color:var(--quiz-accent-dark);font-size:14px;font-weight:800}
html[lang="es"] .quiz-checkpoint h2{margin:0;color:var(--quiz-ink);font-family:inherit;font-size:clamp(30px,3.5vw,42px);font-weight:750;line-height:1.25;letter-spacing:-.035em}
html[lang="es"] .quiz-checkpoint>p:not(.eyebrow){max-width:650px;margin:15px auto 0;color:var(--quiz-muted);font-size:15px;line-height:1.75}
html[lang="es"] .checkpoint-preview{width:min(540px,100%);margin:26px auto;padding:20px;border:1px solid var(--quiz-line);border-radius:20px;background:#fff}
html[lang="es"] .checkpoint-preview span{display:block;color:var(--quiz-accent-dark);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
html[lang="es"] .checkpoint-preview strong{display:block;margin-top:7px;color:var(--quiz-ink);font-size:23px;line-height:1.35}
html[lang="es"] .checkpoint-preview small{display:block;margin-top:6px;color:#8d7f84;font-size:12px;line-height:1.55}
html[lang="es"] .quiz-wrap .result{max-width:1040px;margin:0 auto;padding:36px;border:1px solid var(--quiz-line);border-radius:28px;background:linear-gradient(145deg,#fff6f8,#fff);box-shadow:var(--quiz-shadow)}
html[lang="es"] .quiz-wrap .result>h1{font-family:inherit;font-size:clamp(42px,5vw,62px);font-weight:760;letter-spacing:-.05em}
html[lang="es"] .band.tint{background:#fff8fa}
@media(max-width:980px){
  html[lang="es"] .quiz-hero h1{font-size:clamp(38px,6vw,52px)}
  html[lang="es"] .chapter-progress{display:flex!important;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:5px;scrollbar-width:none}
  html[lang="es"] .chapter-progress::-webkit-scrollbar{display:none}
  html[lang="es"] .chapter-step{flex:0 0 174px;scroll-snap-align:start}
  html[lang="es"] .question-card{padding:30px 28px 27px}
  html[lang="es"] .question-card[data-format="slider"] .slider-answer{grid-template-columns:112px minmax(0,1fr);column-gap:22px;padding:22px}
  html[lang="es"] .question-card[data-format="slider"] .slider-value{padding-right:20px}
  html[lang="es"] .question-card[data-format="slider"] .slider-value strong{font-size:52px}
}
@media(max-width:760px){
  html[lang="es"] .quiz-hero>.wrap,
  html[lang="es"] .quiz-wrap>.wrap{width:min(100% - 28px,680px)}
  html[lang="es"] .quiz-hero{padding:42px 0 30px}
  html[lang="es"] .quiz-hero h1{font-size:clamp(34px,8.8vw,44px);line-height:1.1}
  html[lang="es"] .quiz-hero-copy>p:not(.eyebrow):not(.quiz-privacy){font-size:16px;line-height:1.65}
  html[lang="es"] .quiz-note-list{grid-template-columns:1fr;gap:10px;margin-top:22px}
  html[lang="es"] .quiz-note-list li{min-height:0;padding:16px 17px;border-radius:17px}
  html[lang="es"] .quiz-note-list strong{font-size:16px}
  html[lang="es"] .quiz-privacy{font-size:12px}
  html[lang="es"] .quiz-wrap{padding:26px 0 50px}
  html[lang="es"] .quiz-intro{padding:28px 22px;border-radius:24px}
  html[lang="es"] .quiz-intro h2{font-size:30px;line-height:1.2}
  html[lang="es"] .quiz-intro>p:not(.eyebrow):not(.resume-note){font-size:15px}
  html[lang="es"] .intro-facts{display:grid;margin-bottom:22px}
  html[lang="es"] .intro-facts span{text-align:left}
  html[lang="es"] .quiz-intro .next,
  html[lang="es"] .restart-progress{width:100%;margin:0}
  html[lang="es"] .restart-progress{margin-top:10px}
  html[lang="es"] .chapter-step{flex-basis:154px;min-height:62px}
  html[lang="es"] .quiz-progress{padding:14px 15px 16px;border-radius:16px}
  html[lang="es"] .quiz-progress-copy{font-size:12px}
  html[lang="es"] .quiz-progress-copy strong{font-size:12px}
  html[lang="es"] .question-card{padding:23px 18px 21px;border-radius:22px}
  html[lang="es"] .question-context{font-size:14px}
  html[lang="es"] .question-card h2{font-size:25px;line-height:1.38;margin-bottom:22px}
  html[lang="es"] .answers-scale{grid-template-columns:1fr}
  html[lang="es"] .answer{min-height:62px;display:grid;grid-template-columns:42px 1fr;justify-items:start;padding:9px 13px;text-align:left}
  html[lang="es"] .answer b{width:34px;height:34px}
  html[lang="es"] .answer small{font-size:13px;text-align:left}
  html[lang="es"] .answers-scenario,
  html[lang="es"] .answers-choice{grid-template-columns:1fr}
  html[lang="es"] .scenario-answer,
  html[lang="es"] .choice-answer{min-height:82px;padding:16px 14px 16px 55px}
  html[lang="es"] .question-card[data-format="slider"] .slider-answer{display:block;padding:21px 17px}
  html[lang="es"] .question-card[data-format="slider"] .slider-value{min-height:0;margin:0 0 17px;padding:0;border-right:0;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start}
  html[lang="es"] .question-card[data-format="slider"] .slider-value strong{font-size:46px}
  html[lang="es"] .question-card[data-format="slider"] .slider-labels{margin-top:10px;font-size:12px}
  html[lang="es"] .question-card[data-format="slider"] .slider-answer>p{margin-top:13px}
  html[lang="es"] .next-teaser{text-align:left}
  html[lang="es"] .quiz-nav{display:grid;grid-template-columns:.85fr 1.15fr;gap:9px;margin-top:13px}
  html[lang="es"] .quiz-nav button{width:100%;min-width:0;padding:0 12px;font-size:14px}
  html[lang="es"] .required-hint{font-size:12px}
  html[lang="es"] .quiz-checkpoint{padding:32px 20px;border-radius:24px}
  html[lang="es"] .quiz-wrap .result{padding:25px 18px;border-radius:23px}
}
@media(max-width:420px){
  html[lang="es"] .quiz-hero>.wrap,
  html[lang="es"] .quiz-wrap>.wrap{width:min(100% - 22px,680px)}
  html[lang="es"] .quiz-hero h1{font-size:31px}
  html[lang="es"] .chapter-step{flex-basis:146px}
  html[lang="es"] .question-card h2{font-size:23px}
  html[lang="es"] .quiz-nav{grid-template-columns:.8fr 1.2fr}
}