:root{
  --navy:#06133c;--navy2:#0b1f55;--blue:#0aa4df;--cyan:#2bd5ff;--purple:#7c2cff;--gold:#ffe56d;
  --bg:#eef4fb;--soft:#f6fbff;--line:rgba(9,31,85,.14);--muted:#65738b;--white:#fff;
  --shadow:0 26px 70px rgba(5,18,61,.22);
  --math1:#0b68ff;--math2:#00b7ff;--lang1:#7c2cff;--lang2:#df2e86;--hum1:#f59e0b;--hum2:#d65b10;--nat1:#04b879;--nat2:#087c71;--red1:#e11d63;--red2:#7c2cff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--navy);background:radial-gradient(circle at 0 0,rgba(43,213,255,.25),transparent 34%),linear-gradient(180deg,#eef6ff 0,#f7fbff 44%,#eef4fb 100%)}a{text-decoration:none;color:inherit}button,select{font-family:inherit}.top{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);border-bottom:1px solid rgba(6,19,60,.1);backdrop-filter:blur(18px)}.topin{max-width:1280px;margin:auto;padding:10px 18px;display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:14px;align-items:center}.brand{width:58px;height:58px;border-radius:18px;display:grid;place-items:center}.brand img{width:58px;height:58px;display:block}.menu{display:flex;gap:6px;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden}.menu a{font-weight:950;font-size:13px;color:#16233f;padding:11px 13px;border-radius:999px}.menu a:hover,.menu a.active{background:linear-gradient(135deg,#dff6ff,#eef0ff);color:#006ea5}.huburl{background:#06133c;color:#fff;border-radius:999px;font-weight:950;font-size:13px;padding:13px 18px;box-shadow:0 10px 24px rgba(6,19,60,.18)}.wrap,.section{max-width:1280px;margin:auto;padding-left:24px;padding-right:24px}.premiumHero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 10%,rgba(124,44,255,.92) 0 13%,transparent 28%),radial-gradient(circle at 4% 8%,rgba(43,213,255,.95) 0 17%,transparent 34%),linear-gradient(135deg,#07143f 0%,#102d76 52%,#056dd4 100%);color:#fff;border-bottom:8px solid #0aa4df}.premiumHero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,19,60,.08),rgba(6,19,60,.2)),radial-gradient(circle at 55% 70%,rgba(255,229,109,.18),transparent 25%);pointer-events:none}.heroGrid{position:relative;display:grid;grid-template-columns:1.16fr .84fr;gap:34px;align-items:center;padding-top:58px;padding-bottom:58px}.kicker{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);padding:10px 15px;border-radius:999px;font-weight:950;color:#fff;margin-bottom:18px}.kicker:before{content:"★";color:var(--gold)}.premiumHero h1{font-size:clamp(44px,7.6vw,96px);line-height:.92;letter-spacing:-.07em;margin:0 0 18px;color:#fff}.premiumHero p{font-size:20px;line-height:1.55;max-width:820px;color:#edf9ff;margin:0}.heroActions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.btn{border:0;border-radius:999px;padding:15px 21px;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:#fff;color:#06133c;box-shadow:0 16px 40px rgba(0,0,0,.18)}.btn.gold{background:#ffb21c;color:#06133c;box-shadow:0 16px 40px rgba(245,158,11,.25)}.btn.cyan,.btn.blue{background:#0aa4df;color:#fff;box-shadow:0 16px 34px rgba(10,164,223,.25)}.btn.dark{background:#06133c;color:#fff;box-shadow:0 16px 34px rgba(6,19,60,.22)}.authorityPanel{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);box-shadow:var(--shadow);border-radius:34px;padding:22px;backdrop-filter:blur(14px)}.authorityList{display:grid;gap:14px}.authorityItem{border:1px solid rgba(255,255,255,.16);background:rgba(6,19,60,.34);border-radius:22px;padding:18px 20px}.authorityItem b{display:block;color:var(--gold);font-size:28px;letter-spacing:-.03em}.authorityItem span{display:block;color:#e7f6ff;font-weight:800;line-height:1.35}.section{padding-top:52px;padding-bottom:52px}.section h2{font-size:clamp(30px,4.2vw,54px);letter-spacing:-.055em;line-height:1;margin:0 0 10px}.lead{font-size:17px;line-height:1.62;color:var(--muted);max-width:880px}.sectionDark{background:#07143f;color:#fff;margin:36px 24px;border-radius:34px;box-shadow:var(--shadow);overflow:hidden}.sectionDark .section{padding-top:38px;padding-bottom:38px}.sectionDark .lead{color:#d4e8ff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.grid.two{grid-template-columns:repeat(2,1fr)}.areaCard,.card{position:relative;overflow:hidden;border-radius:30px;padding:24px;box-shadow:0 22px 48px rgba(7,20,63,.12);border:1px solid rgba(255,255,255,.2);background:#fff}.areaCard{color:#fff;min-height:250px;display:flex;flex-direction:column;justify-content:space-between}.areaCard:after{content:"";position:absolute;right:-38px;top:-42px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.16)}.areaCard.math,.areaHead.math{background:linear-gradient(135deg,var(--math1),var(--math2))}.areaCard.lang,.areaHead.lang{background:linear-gradient(135deg,var(--lang1),var(--lang2))}.areaCard.hum,.areaHead.hum{background:linear-gradient(135deg,var(--hum1),var(--hum2))}.areaCard.nat,.areaHead.nat{background:linear-gradient(135deg,var(--nat1),var(--nat2))}.areaCard.red,.areaHead.red{background:linear-gradient(135deg,var(--red1),var(--red2))}.ico{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;font-size:28px;font-weight:950;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);color:#fff;margin-bottom:18px}.areaCard h3,.card h3{font-size:26px;margin:0 0 10px;letter-spacing:-.03em}.areaCard p{color:rgba(255,255,255,.88);line-height:1.55;margin:0 0 10px}.areaCard strong{color:#fff;font-size:24px}.card{background:linear-gradient(180deg,#fff,#f7fbff);border:1px solid rgba(9,31,85,.1)}.card p,.card li{color:var(--muted);line-height:1.55}.areaHead{color:#fff;position:relative;overflow:hidden}.areaHead:before{content:"";position:absolute;right:-140px;top:-120px;width:390px;height:390px;border-radius:50%;background:rgba(255,255,255,.18)}.areaHead .wrap{position:relative;padding-top:52px;padding-bottom:52px}.areaHead h1{font-size:clamp(38px,5.4vw,72px);line-height:.96;margin:0 0 14px;letter-spacing:-.055em}.areaHead p{color:#f4fbff;font-size:19px;line-height:1.55;max-width:820px}.areaStats{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.areaStats span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:9px 13px;font-weight:950}.studyGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:20px}.studyCard{background:#fff;border:1px solid rgba(9,31,85,.1);border-radius:24px;padding:18px;box-shadow:0 14px 30px rgba(7,20,63,.08)}.studyCard b{display:block;font-size:18px;margin-bottom:8px}.studyCard span{color:var(--muted);font-weight:850}.badge{display:inline-flex;align-items:center;border-radius:999px;background:#e5f6ff;color:#075985;font-weight:950;padding:9px 12px;margin:4px;border:1px solid #ccecff}.generator{display:block}.generatorShell{margin-top:22px;border-radius:34px;padding:22px;background:linear-gradient(135deg,#07143f 0%,#102d76 58%,#0aa4df 100%);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.18)}.generatorShell h2,.generatorShell .lead{color:#fff}.filters-horizontal{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.65);border-radius:28px;padding:18px;box-shadow:0 18px 48px rgba(4,18,55,.18)}.gen-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.gen-title h3{margin:0;font-size:24px;letter-spacing:-.035em}.gen-title p{display:none}.gen-note{background:#e9f8ff;border:1px solid #c9edff;color:#0b3b60;border-radius:999px;padding:10px 13px;font-size:13px;font-weight:950;white-space:nowrap}.gen-row{display:grid;grid-template-columns:1.05fr 1.05fr 1.35fr .82fr;gap:12px;align-items:end}.gen-row-2{display:grid;grid-template-columns:1.45fr .9fr auto;gap:12px;align-items:end;margin-top:12px}.field{margin:0}.field label{display:block;font-weight:950;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#1f3155;margin:0 0 7px}select{width:100%;border:1px solid #cfe0ef;border-radius:18px;padding:13px 14px;font-weight:900;font-size:15px;background:#fff;color:#07143f;box-shadow:inset 0 -1px 0 rgba(6,19,60,.04)}.levelseg,.qtyseg{display:flex;flex-wrap:wrap;gap:8px}.levelseg button,.qtyseg button{border:1px solid #cfe0ef;background:#fff;color:#07143f;border-radius:999px;padding:12px 16px;font-weight:950;cursor:pointer}.levelseg button.active,.qtyseg button.active{background:#0aa4df;color:#fff;border-color:#0aa4df;box-shadow:0 12px 24px rgba(10,164,223,.24)}.gen-actions{display:flex;gap:10px;align-items:end;justify-content:flex-end}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.summary div{background:rgba(255,255,255,.95);border:1px solid rgba(9,31,85,.1);border-radius:22px;padding:14px;box-shadow:0 12px 24px rgba(7,20,63,.08)}.summary b{display:block;font-size:26px;color:#0aa4df}.summary span{display:block;font-size:12px;font-weight:950;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.notice{background:#fff6d7;border:1px solid #ffe08a;border-radius:22px;padding:18px;color:#6b3a00;line-height:1.5;font-weight:850}.qcard{border:1px solid rgba(9,31,85,.12);border-radius:26px;background:#fff;padding:24px;margin:16px 0;box-shadow:0 18px 38px rgba(7,20,63,.08)}.qtop{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tag{border-radius:999px;background:#eaf6ff;color:#0b68aa;font-size:12px;font-weight:950;padding:7px 10px}.qtext{font-size:18px;line-height:1.65;color:#18243d}.qtext img,.alt img{max-width:100%;height:auto;border-radius:18px;border:1px solid var(--line);display:block;margin:12px auto}.alt{display:block;width:100%;text-align:left;border:1px solid #dbe7f3;background:#f8fbff;border-radius:18px;margin:9px 0;padding:14px;line-height:1.45;cursor:pointer;color:#24324d;font-size:15px}.alt.selected{border-color:#0aa4df;background:#e8f7ff}.alt.correct{border-color:#10b981;background:#dcfce7;color:#065f46}.alt.wrong{border-color:#ef4444;background:#fee2e2;color:#991b1b}.result{border-radius:24px;background:#f0fbff;border:1px solid #beeaff;padding:18px;margin-top:14px;display:none}.footer{background:#06133c;color:#fff;margin-top:56px}.footin{max-width:1280px;margin:auto;padding:32px 24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footin small{color:#c7ddff;line-height:1.5}.official{display:block;background:#fff;border:1px solid rgba(9,31,85,.1);border-radius:24px;padding:22px;box-shadow:0 12px 28px rgba(7,20,63,.08)}.official strong{display:block;font-size:20px;margin-bottom:8px}.official span{color:var(--muted);line-height:1.5}.linkgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.table{overflow:auto;border-radius:22px;border:1px solid var(--line);background:#fff}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left}th{background:#f3f8fd;color:#17213a}.mini{font-size:13px;color:var(--muted);font-weight:850}.mobileHint{display:none}
@media(max-width:1120px){.topin{grid-template-columns:58px minmax(0,1fr) auto}.menu{justify-content:flex-start;overflow-x:auto}.heroGrid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.studyGrid{grid-template-columns:repeat(2,1fr)}.gen-row,.gen-row-2{grid-template-columns:1fr 1fr}.gen-actions{justify-content:flex-start}.gen-note{white-space:normal}.sectionDark{margin-left:14px;margin-right:14px}.topin{gap:8px}.huburl{font-size:12px;padding:11px 13px}}
@media(max-width:680px){.wrap,.section{padding-left:15px;padding-right:15px}.premiumHero h1{font-size:42px}.premiumHero p{font-size:17px}.heroGrid{padding-top:34px;padding-bottom:38px}.grid,.grid.two,.studyGrid,.linkgrid,.summary{grid-template-columns:1fr}.gen-title{display:block}.gen-row,.gen-row-2{grid-template-columns:1fr}.levelseg button,.qtyseg button{flex:1}.gen-actions .btn{flex:1}.gen-actions{display:flex;width:100%}.menu a{font-size:12px;padding:9px 9px}.brand,.brand img{width:48px;height:48px}.huburl{font-size:0;padding:11px}.huburl:after{content:'HUB';font-size:12px}.authorityItem b{font-size:24px}.areaCard{min-height:auto}.mobileHint{display:block}}


/* =========================================================
   HUB MAT ENEM V14 — MOBILE FIRST RESPONSIVE PATCH
   Foco: alunos em celular. Mantém desktop e reorganiza mobile.
   ========================================================= */

html, body{
  max-width:100%;
  overflow-x:hidden;
}

img, video, iframe{
  max-width:100%;
}

.top{
  z-index:999;
}

@media(max-width:860px){
  body{
    background:
      radial-gradient(circle at 0 0,rgba(43,213,255,.18),transparent 30%),
      linear-gradient(180deg,#eef7ff 0,#f7fbff 48%,#eef4fb 100%);
  }

  .topin{
    max-width:100%;
    grid-template-columns:48px minmax(0,1fr);
    grid-template-areas:
      "brand hub"
      "menu menu";
    gap:8px;
    padding:8px 12px 10px;
  }

  .brand{
    grid-area:brand;
    width:46px;
    height:46px;
    border-radius:14px;
  }

  .brand img{
    width:46px;
    height:46px;
  }

  .huburl{
    grid-area:hub;
    justify-self:end;
    max-width:190px;
    padding:10px 14px;
    font-size:12px;
    white-space:nowrap;
    box-shadow:0 8px 18px rgba(6,19,60,.14);
  }

  .menu{
    grid-area:menu;
    width:100%;
    justify-content:flex-start;
    overflow-x:auto;
    overflow-y:hidden;
    gap:6px;
    padding:2px 0 0;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .menu::-webkit-scrollbar{
    display:none;
  }

  .menu a{
    flex:0 0 auto;
    scroll-snap-align:start;
    font-size:12px;
    padding:9px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.62);
    border:1px solid rgba(9,31,85,.08);
  }

  .menu a.active{
    background:linear-gradient(135deg,#dff6ff,#eef0ff);
  }

  .wrap,.section{
    padding-left:14px;
    padding-right:14px;
  }

  .premiumHero{
    border-bottom:5px solid #0aa4df;
  }

  .heroGrid{
    grid-template-columns:1fr;
    gap:14px;
    padding-top:22px;
    padding-bottom:18px;
  }

  .kicker{
    font-size:11px;
    padding:7px 10px;
    margin-bottom:10px;
  }

  .premiumHero h1{
    font-size:clamp(35px,12vw,48px);
    line-height:.96;
    letter-spacing:-.055em;
    margin-bottom:10px;
  }

  .premiumHero p{
    font-size:15px;
    line-height:1.45;
    max-width:100%;
  }

  .heroActions{
    gap:8px;
    margin-top:14px;
  }

  .heroActions .btn{
    flex:1 1 100%;
    min-height:46px;
    padding:12px 14px;
    font-size:14px;
  }

  .authorityPanel{
    border-radius:22px;
    padding:12px;
  }

  .authorityList{
    grid-template-columns:1fr;
    gap:8px;
  }

  .authorityItem{
    border-radius:16px;
    padding:12px 14px;
  }

  .authorityItem b{
    font-size:22px;
  }

  .authorityItem span{
    font-size:13px;
    line-height:1.25;
  }

  .section{
    padding-top:30px;
    padding-bottom:30px;
  }

  .section h2{
    font-size:clamp(27px,9vw,38px);
    line-height:1.03;
    letter-spacing:-.045em;
  }

  .lead{
    font-size:15px;
    line-height:1.5;
  }

  .grid,
  .grid.two,
  .studyGrid,
  .linkgrid,
  .summary{
    grid-template-columns:1fr !important;
    gap:12px;
  }

  .areaCard,
  .card,
  .official,
  .studyCard{
    border-radius:22px;
    padding:18px;
  }

  .areaCard{
    min-height:auto;
  }

  .ico{
    width:52px;
    height:52px;
    border-radius:17px;
    margin-bottom:13px;
  }

  .areaCard h3,
  .card h3{
    font-size:23px;
  }

  .areaCard p,
  .card p,
  .official span{
    font-size:15px;
    line-height:1.45;
  }

  .sectionDark{
    margin:18px 10px;
    border-radius:24px;
  }

  .sectionDark .section{
    padding-top:26px;
    padding-bottom:26px;
  }

  .generatorShell{
    border-radius:24px;
    padding:12px;
    margin-top:16px;
  }

  .filters-horizontal{
    border-radius:22px;
    padding:14px;
  }

  .gen-title{
    display:block;
    margin-bottom:10px;
  }

  .gen-title h3{
    font-size:22px;
    line-height:1.08;
  }

  .gen-title p,
  .gen-note{
    display:none !important;
  }

  .gen-row,
  .gen-row-2{
    display:grid;
    grid-template-columns:1fr !important;
    gap:10px;
    margin-top:0;
  }

  .field label{
    font-size:11px;
    margin-bottom:6px;
  }

  select{
    min-height:52px;
    border-radius:16px;
    font-size:15px;
    padding:13px 14px;
  }

  .levelseg,
  .qtyseg{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .levelseg button,
  .qtyseg button{
    min-height:48px;
    padding:12px 10px;
    font-size:14px;
  }

  .qtyseg{
    grid-template-columns:repeat(3,1fr);
  }

  .gen-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    width:100%;
    justify-content:stretch;
    margin-top:2px;
  }

  .gen-actions .btn{
    width:100%;
    min-height:50px;
    font-size:15px;
  }

  .qcard{
    border-radius:22px;
    padding:18px;
    margin:12px 0;
  }

  .qtext{
    font-size:16px;
    line-height:1.55;
  }

  .alt{
    border-radius:16px;
    padding:13px;
    font-size:15px;
  }

  .qtop{
    gap:6px;
  }

  .tag{
    font-size:11px;
    padding:6px 8px;
  }

  .areaHead .wrap{
    padding-top:30px;
    padding-bottom:30px;
  }

  .areaHead h1{
    font-size:clamp(34px,10vw,48px);
    line-height:.98;
  }

  .areaHead p{
    font-size:16px;
    line-height:1.45;
  }

  .areaStats{
    gap:8px;
  }

  .areaStats span{
    font-size:12px;
    padding:8px 10px;
  }

  .footin{
    display:grid;
    grid-template-columns:1fr;
    padding:26px 14px;
  }
}

@media(max-width:420px){
  .topin{
    padding:7px 10px 9px;
  }

  .huburl{
    max-width:160px;
    font-size:11px;
    padding:9px 12px;
  }

  .menu a{
    font-size:11px;
    padding:8px 10px;
  }

  .premiumHero h1{
    font-size:34px;
  }

  .premiumHero p{
    font-size:14px;
  }

  .authorityItem b{
    font-size:20px;
  }

  .section{
    padding-top:26px;
    padding-bottom:26px;
  }

  .levelseg{
    grid-template-columns:1fr;
  }

  .qtyseg{
    grid-template-columns:repeat(3,1fr);
  }
}


/* =========================================================
   HUB MAT ENEM V15 — MOBILE SIMÉTRICO
   Correção: celular alinhado, uma coluna, sem hero quebrado em 2 colunas.
   ========================================================= */

@media(max-width:860px){
  html, body{
    width:100%;
    overflow-x:hidden!important;
  }

  .top{
    background:#ffffff!important;
    border-bottom:1px solid rgba(9,31,85,.08)!important;
  }

  .topin{
    display:grid!important;
    grid-template-columns:52px 1fr!important;
    grid-template-areas:
      "brand hub"
      "menu menu"!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 14px 12px!important;
    max-width:100%!important;
  }

  .brand{
    grid-area:brand!important;
    width:52px!important;
    height:52px!important;
    justify-self:start!important;
  }

  .brand img{
    width:52px!important;
    height:52px!important;
    display:block!important;
  }

  .huburl{
    grid-area:hub!important;
    justify-self:end!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    max-width:190px!important;
    min-height:44px!important;
    padding:10px 15px!important;
    border-radius:999px!important;
    font-size:13px!important;
    line-height:1!important;
    white-space:nowrap!important;
    background:#06133c!important;
    color:#fff!important;
    box-shadow:0 10px 20px rgba(6,19,60,.16)!important;
  }

  .huburl:after{
    content:none!important;
  }

  .menu{
    grid-area:menu!important;
    display:flex!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:4px 0 0!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  .menu::-webkit-scrollbar{
    display:none!important;
  }

  .menu a{
    flex:0 0 auto!important;
    min-height:40px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:10px 14px!important;
    border-radius:999px!important;
    font-size:14px!important;
    font-weight:950!important;
    background:#fff!important;
    border:1px solid rgba(9,31,85,.12)!important;
    color:#18243d!important;
    box-shadow:0 8px 18px rgba(7,20,63,.05)!important;
  }

  .menu a.active{
    background:linear-gradient(135deg,#e0f7ff,#eef1ff)!important;
    color:#0076a8!important;
  }

  .premiumHero{
    padding:0!important;
    border-bottom:5px solid #0aa4df!important;
    background:
      radial-gradient(circle at 82% 4%,rgba(124,44,255,.82) 0 16%,transparent 38%),
      radial-gradient(circle at 2% 4%,rgba(43,213,255,.92) 0 20%,transparent 42%),
      linear-gradient(135deg,#07143f 0%,#102d76 56%,#0b84df 100%)!important;
  }

  .heroGrid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:24px 16px 22px!important;
    max-width:100%!important;
  }

  .kicker{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
    margin:0 0 14px!important;
    padding:9px 13px!important;
    font-size:13px!important;
    line-height:1.25!important;
    border-radius:999px!important;
  }

  .premiumHero h1{
    width:100%!important;
    max-width:100%!important;
    font-size:43px!important;
    line-height:.94!important;
    letter-spacing:-.055em!important;
    margin:0 0 14px!important;
    text-align:left!important;
  }

  .premiumHero p{
    max-width:100%!important;
    font-size:18px!important;
    line-height:1.48!important;
    margin:0!important;
    text-align:left!important;
  }

  .heroActions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-top:18px!important;
    width:100%!important;
  }

  .heroActions .btn{
    width:100%!important;
    min-height:56px!important;
    border-radius:999px!important;
    font-size:16px!important;
    padding:15px 18px!important;
  }

  .authorityPanel{
    width:100%!important;
    margin:2px 0 0!important;
    border-radius:26px!important;
    padding:14px!important;
    background:rgba(255,255,255,.14)!important;
  }

  .authorityList{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }

  .authorityItem{
    display:block!important;
    width:100%!important;
    border-radius:20px!important;
    padding:16px 18px!important;
    text-align:left!important;
  }

  .authorityItem b{
    font-size:28px!important;
    line-height:1!important;
  }

  .authorityItem span{
    font-size:15px!important;
    line-height:1.3!important;
  }

  .wrap,.section{
    width:100%!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .section{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }

  .section h2{
    font-size:34px!important;
    line-height:1.04!important;
    text-align:left!important;
  }

  .lead{
    font-size:16px!important;
    line-height:1.52!important;
  }

  .grid,
  .grid.two,
  .studyGrid,
  .linkgrid,
  .summary{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:100%!important;
  }

  .areaCard,
  .card,
  .official,
  .studyCard{
    width:100%!important;
    border-radius:26px!important;
    padding:22px!important;
  }

  .areaCard{
    min-height:0!important;
  }

  .areaCard h3,
  .card h3{
    font-size:26px!important;
    line-height:1.1!important;
  }

  .areaCard p,
  .card p{
    font-size:16px!important;
    line-height:1.48!important;
  }

  .sectionDark{
    margin:20px 12px!important;
    border-radius:28px!important;
  }

  .sectionDark .section{
    padding:28px 14px!important;
  }

  .generatorShell{
    margin-top:16px!important;
    padding:12px!important;
    border-radius:26px!important;
  }

  .filters-horizontal{
    padding:16px!important;
    border-radius:24px!important;
  }

  .gen-title{
    display:block!important;
    margin-bottom:14px!important;
  }

  .gen-title h3{
    font-size:24px!important;
    line-height:1.05!important;
  }

  .gen-title p,
  .gen-note{
    display:none!important;
  }

  .gen-row,
  .gen-row-2{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-top:0!important;
  }

  .field label{
    font-size:12px!important;
    letter-spacing:.04em!important;
  }

  select{
    width:100%!important;
    min-height:54px!important;
    border-radius:18px!important;
    font-size:16px!important;
  }

  .levelseg{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
  }

  .qtyseg{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:9px!important;
  }

  .levelseg button,
  .qtyseg button{
    min-height:50px!important;
    border-radius:999px!important;
    font-size:15px!important;
  }

  .gen-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    margin-top:2px!important;
  }

  .gen-actions .btn{
    width:100%!important;
    min-height:54px!important;
    font-size:16px!important;
  }

  .qcard{
    border-radius:24px!important;
    padding:18px!important;
  }

  .qtext{
    font-size:16px!important;
    line-height:1.58!important;
  }

  .alt{
    font-size:15px!important;
    line-height:1.45!important;
    border-radius:18px!important;
    padding:14px!important;
  }

  .footer .footin{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:28px 16px!important;
  }
}

@media(max-width:430px){
  .topin{
    padding:10px 12px 11px!important;
  }

  .huburl{
    max-width:176px!important;
    font-size:12px!important;
    padding:10px 13px!important;
  }

  .menu a{
    font-size:13px!important;
    padding:9px 13px!important;
  }

  .heroGrid{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  .premiumHero h1{
    font-size:40px!important;
  }

  .premiumHero p{
    font-size:17px!important;
  }

  .levelseg{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   HUB MAT ENEM V16 — CONFERIR NO FINAL DO SIMULADO
   ========================================================= */

.gen-actions [data-correct]{
  display:none!important;
}

.finalCheckBox{
  margin:24px 0 8px;
  border-radius:28px;
  padding:22px;
  background:linear-gradient(135deg,#07143f,#102d76 62%,#0aa4df);
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 22px 48px rgba(7,20,63,.18);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.finalCheckBox h3{
  margin:0 0 6px;
  font-size:26px;
  letter-spacing:-.035em;
  color:#fff;
}

.finalCheckBox p{
  margin:0;
  color:#dff6ff;
  line-height:1.45;
  font-weight:800;
}

.finalCheckBox .btn[disabled]{
  opacity:.72;
  cursor:default;
  transform:none!important;
}

.finalResult{
  width:100%;
  margin-top:18px!important;
  background:#ffffff!important;
  color:#06133c!important;
  border:1px solid rgba(9,31,85,.12)!important;
  box-shadow:0 18px 38px rgba(7,20,63,.12);
}

.finalResult h3{
  margin:0 0 14px;
  font-size:28px;
  letter-spacing:-.04em;
}

.scoreGrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:12px 0 14px;
}

.scoreGrid div{
  border-radius:20px;
  padding:16px;
  background:#eef8ff;
  border:1px solid #cbefff;
}

.scoreGrid b{
  display:block;
  font-size:30px;
  line-height:1;
  color:#0aa4df;
}

.scoreGrid span{
  display:block;
  margin-top:6px;
  font-size:12px;
  font-weight:950;
  color:#65738b;
  text-transform:uppercase;
  letter-spacing:.04em;
}

@media(max-width:860px){
  .finalCheckBox{
    display:grid!important;
    grid-template-columns:1fr!important;
    padding:18px!important;
    border-radius:24px!important;
  }

  .finalCheckBox h3{
    font-size:24px!important;
  }

  .finalCheckBox .btn{
    width:100%!important;
    min-height:54px!important;
  }

  .scoreGrid{
    grid-template-columns:1fr!important;
  }
}