
:root {
  --navy: #031b3d;
  --navy-2: #052b61;
  --blue: #0869e8;
  --cyan: #02b8ff;
  --yellow: #ffcf18;
  --orange: #ff7a00;
  --white: #ffffff;
  --light: #f4f8ff;
  --text: #10213d;
  --muted: #5d6d85;
  --border: #dce7f5;
  --shadow: 0 18px 50px rgba(3, 27, 61, .13);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background: var(--white);
  font-family: "Nunito", Arial, sans-serif;
  line-height: 1.6;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }

.header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255,255,255,.94);
  border-bottom: 1px solid rgba(5,43,97,.08);
  backdrop-filter: blur(16px);
}
.nav { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border-radius: 12px; background: var(--navy); font-family: "Montserrat", sans-serif; font-weight: 900; letter-spacing: -1px; }
.brand-math { color: #ffffff; font-size: 24px; }
.brand-teacher { color: var(--yellow); font-size: 21px; }
.brand-symbols { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; justify-items: center; width: 35px; height: 35px; padding: 3px; border-radius: 5px; background: #d71920; color: #ffffff; font-size: 15px; font-weight: 900; line-height: 1; letter-spacing: 0; }
.nav-links { display: flex; align-items: center; gap: 28px; font-weight: 800; }
.nav-links a:not(.button):hover { color: var(--blue); }
.menu-button { display: none; background: none; border: 0; padding: 8px; }
.menu-button span { display: block; width: 26px; height: 3px; margin: 5px 0; background: var(--navy); border-radius: 4px; }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 25px;
  border: 0;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--blue), #034db2);
  color: white;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  box-shadow: 0 12px 30px rgba(8,105,232,.25);
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}
.button:hover { transform: translateY(-2px); box-shadow: 0 16px 35px rgba(8,105,232,.34); }
.button-small { min-height: 42px; padding: 0 18px; border-radius: 11px; }
.button-secondary { background: white; color: var(--navy); border: 1px solid var(--border); box-shadow: none; }
.button-yellow { background: linear-gradient(135deg, var(--yellow), #ff9d00); color: var(--navy); box-shadow: 0 12px 30px rgba(255,157,0,.25); }

.hero {
  overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(2,184,255,.18), transparent 32%),
    linear-gradient(135deg, #f8fbff 0%, #edf5ff 52%, #ffffff 100%);
}
.hero-grid { min-height: 710px; display: grid; grid-template-columns: 1fr 1.08fr; align-items: center; gap: 46px; padding: 70px 0; }
.eyebrow {
  display: inline-block;
  margin-bottom: 15px;
  color: var(--blue);
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 1.8px;
}
.hero h1, .section h2 {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  line-height: 1.08;
  letter-spacing: -2.5px;
}
.hero h1 { font-size: clamp(42px, 6vw, 72px); color: var(--navy); }
.hero h1 span { color: var(--blue); }
.hero-lead { max-width: 650px; margin: 26px 0; color: var(--muted); font-size: 20px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.trust-row { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 26px; color: var(--navy-2); font-weight: 800; }
.hero-visual img { border-radius: 28px; box-shadow: var(--shadow); }

.stats { background: var(--navy); color: white; }
.stats-grid { display: grid; grid-template-columns: repeat(4,1fr); }
.stats article { padding: 28px; text-align: center; border-right: 1px solid rgba(255,255,255,.12); }
.stats article:last-child { border-right: 0; }
.stats strong { display: block; color: var(--yellow); font-family: "Montserrat", sans-serif; font-size: 28px; }
.stats span { color: #d9e9ff; }

.section { padding: 100px 0; }
.section-light { background: var(--light); }
.section-dark { background: linear-gradient(135deg, var(--navy), #063b82); color: white; }
.section-heading { max-width: 760px; margin: 0 auto 48px; text-align: center; }
.section h2 { font-size: clamp(34px, 5vw, 54px); color: var(--navy); }
.section-dark h2, .purchase h2 { color: white; }
.section-heading p, .lead { color: var(--muted); font-size: 19px; }
.section-dark p { color: #d4e8ff; }
.eyebrow-yellow { color: var(--yellow); }

.cards { display: grid; gap: 22px; }
.cards.four { grid-template-columns: repeat(4,1fr); }
.cards.three { grid-template-columns: repeat(3,1fr); }
.card {
  padding: 30px;
  background: white;
  border: 1px solid var(--border);
  border-radius: 22px;
  box-shadow: 0 10px 30px rgba(3,27,61,.06);
}
.card .icon { font-size: 42px; }
.card h3, .module h3 { margin: 14px 0 8px; font-family: "Montserrat", sans-serif; color: var(--navy); }
.card p { margin: 0; color: var(--muted); }

.modules { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.module {
  position: relative;
  overflow: hidden;
  padding: 38px;
  border-radius: 26px;
  color: white;
  box-shadow: var(--shadow);
}
.module::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  right: -70px;
  top: -70px;
  background: rgba(255,255,255,.12);
}
.module-green { background: linear-gradient(145deg, #087b4d, #13ae6f); }
.module-blue { background: linear-gradient(145deg, #0351b5, #0b8cff); }
.module-purple { background: linear-gradient(145deg, #5a25a8, #9a42df); }
.module-number { font-family: "Montserrat", sans-serif; font-size: 46px; font-weight: 900; opacity: .28; }
.module h3 { color: white; font-size: 26px; }
.module ul { padding-left: 20px; margin-bottom: 0; color: rgba(255,255,255,.92); }

.split { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 50px; }
.number-line { margin-top: 35px; padding: 34px 24px 20px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); border-radius: 20px; }
.walk { margin-left: 38%; font-size: 30px; }
.ticks { display: grid; grid-template-columns: repeat(9,1fr); position: relative; margin-top: 10px; padding-top: 15px; }
.ticks::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: white; border-radius: 4px; }
.ticks span { position: relative; text-align: center; font-weight: 800; }
.ticks span::before { content: ""; position: absolute; width: 3px; height: 12px; background: white; top: -15px; left: 50%; }
.quote-card { padding: 38px; background: white; color: var(--navy); border-radius: 28px; box-shadow: 0 25px 70px rgba(0,0,0,.22); }
.quote-card p { color: var(--navy); font-size: 28px; font-weight: 800; line-height: 1.35; }
.quote-card strong { color: var(--blue); }

.professor-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: 65px; }
.professor-photo { position: relative; }
.professor-photo::before { content: none; }
.professor-photo img { position: relative; border-radius: 30px; box-shadow: var(--shadow); }
.signature { margin-top: 24px; color: var(--blue); font-size: 28px; font-weight: 800; font-style: italic; }
.testimonial .stars { color: #ffad00; letter-spacing: 4px; }

.purchase { background: linear-gradient(135deg, #041b3b, #073f89); color: white; }
.purchase-box { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 55px; }
.purchase p { color: #d4e8ff; font-size: 18px; }
.lead-form { display: grid; gap: 15px; padding: 30px; background: white; color: var(--text); border-radius: 26px; box-shadow: 0 28px 70px rgba(0,0,0,.25); }
.lead-form label { display: grid; gap: 6px; font-weight: 800; }
.lead-form input, .lead-form select { width: 100%; padding: 14px 15px; border: 1px solid var(--border); border-radius: 12px; background: #fbfdff; outline: none; }
.lead-form input:focus, .lead-form select:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(8,105,232,.12); }
.lead-form small { color: var(--muted); text-align: center; }

.footer { padding: 60px 0 25px; background: #02142e; color: #c9dcf5; }
.footer-grid { display: grid; grid-template-columns: 1.3fr .7fr 1fr; gap: 50px; }
.footer-grid > div { display: flex; flex-direction: column; align-items: flex-start; gap: 9px; }
.footer-grid strong { color: white; font-family: "Montserrat", sans-serif; }
.footer-brand .brand-math { color: white; }
.copyright { display: flex; justify-content: space-between; gap: 20px; margin-top: 45px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.12); font-size: 14px; }

.toast {
  position: fixed;
  z-index: 100;
  left: 50%;
  bottom: 28px;
  transform: translate(-50%, 140%);
  padding: 15px 22px;
  border-radius: 12px;
  background: var(--navy);
  color: white;
  font-weight: 800;
  box-shadow: var(--shadow);
  opacity: 0;
  transition: .35s ease;
}
.toast.show { transform: translate(-50%, 0); opacity: 1; }

@media (max-width: 980px) {
  .menu-button { display: block; }
  .nav-links {
    display: none;
    position: absolute;
    top: 76px;
    left: 20px;
    right: 20px;
    flex-direction: column;
    align-items: stretch;
    padding: 24px;
    background: white;
    border-radius: 18px;
    box-shadow: var(--shadow);
  }
  .nav-links.open { display: flex; }
  .hero-grid, .purchase-box, .professor-grid, .split { grid-template-columns: 1fr; }
  .hero-grid { padding: 55px 0; }
  .hero-copy { text-align: center; }
  .hero-actions, .trust-row { justify-content: center; }
  .cards.four { grid-template-columns: repeat(2,1fr); }
  .modules { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: repeat(2,1fr); }
  .stats article:nth-child(2) { border-right: 0; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 650px) {
  .container { width: min(100% - 26px, 1180px); }
  .section { padding: 70px 0; }
  .hero-grid { min-height: auto; gap: 30px; }
  .hero h1 { letter-spacing: -1.5px; }
  .hero-lead { font-size: 18px; }
  .cards.four, .cards.three, .stats-grid, .footer-grid { grid-template-columns: 1fr; }
  .stats article { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.12); }
  .stats article:last-child { border-bottom: 0; }
  .copyright { flex-direction: column; }
  .walk { margin-left: 15%; }
  .ticks { font-size: 12px; }
}

/* V3: Louzinho oficial, sem imagens antigas de robô */
.hero-mascot-card { max-width: 510px; margin: auto; border: 2px solid #e1eaf8; border-radius: 30px; background: #fff; padding: 18px 24px 14px; box-shadow: var(--shadow); text-align: center; }
.hero-mascot-title { font-family: "Montserrat", sans-serif; font-size: 20px; font-weight: 900; color: var(--navy); letter-spacing: .6px; }
.hero-mascot-card img { width: 100%; max-height: 460px; object-fit: contain; box-shadow: none; border-radius: 0; }
.hero-mascot-card p { color: var(--navy-2); font-weight: 800; margin: 4px 0 0; }
.mascot-icon { height: 58px; width: 58px; object-fit: contain; margin: 0 auto; }

/* V4 — transparência sobre desenvolvimento e identidade */
.hero-subtitle { font-size: 20px; font-weight: 700; margin: 14px 0; }
.development-notice { background: #fff7df; border-left: 5px solid #e8a000; border-radius: 12px; padding: 17px 19px; margin: 22px 0; color: #352b12; text-align: left; }
.development-notice strong { color: #6b4700; font-size: 14px; letter-spacing: .7px; }
.development-notice p { margin: 6px 0 0; color: #352b12; font-size: 15px; line-height: 1.6; }
.walk { font-size: clamp(12px, 1.8vw, 18px); font-weight: 800; text-align: center; margin-left: 0; white-space: normal; }
@media (max-width:650px) { .walk { margin-left: 0; font-size: 12px; } }

/* V6: destaque dos cinco conteúdos já apresentados no eBook demonstrativo */
.stats-ebook small { display: block; margin-top: 9px; color: var(--yellow); font-family: "Montserrat", sans-serif; font-size: 11px; line-height: 1.45; font-weight: 800; letter-spacing: .45px; }


/* V7 — ajustes localizados da abertura aprovados pelo professor */
.hero .welcome-title { font-size: clamp(32px, 4.6vw, 57px); line-height: 1.13; letter-spacing: -1.8px; }
.hero .welcome-title span { color: #0869e8; }
.hero-subtitle { font-size: clamp(16px, 2vw, 20px); color: var(--navy-2); font-weight: 800; margin: 18px 0 12px; }
.hero-slogan { display: inline-block; margin: 8px 0 12px; padding: 12px 18px; border-left: 5px solid #d71920; border-radius: 8px 16px 16px 8px; background: #ffcf18; color: #031b3d; font-family: "Montserrat", sans-serif; font-size: clamp(18px, 2.2vw, 25px); font-weight: 900; }
.hero-support { margin: 6px 0 12px; color: var(--navy-2); font-size: 17px; font-weight: 700; }
@media (max-width: 600px) { .hero .welcome-title { font-size: 34px; } .hero-slogan { padding: 10px 12px; } }

/* Cartões de conteúdo escaláveis para módulos futuros. */
.module-orange { background: linear-gradient(145deg, #d65711, #f59028); }
.module-gold { background: linear-gradient(145deg, #b67b05, #e6ad16); }
.modules { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1000px) and (min-width: 681px) {
  .modules { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .modules { grid-template-columns: 1fr; }
}


/* V9: apresentação oficial do Louzinho, preservando a imagem original. */
.mascot-intro-title { color: #031b3d; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.4; margin: 12px 0; }
.mascot-intro-copy { text-align: left; color: #10213d; font-size: 14px; line-height: 1.55; }
.mascot-intro-copy p { margin: 8px 0; }
.mascot-intro-copy .mascot-intro-slogan { color: #052b61; font-weight: 900; background: #ffcf18; padding: 9px 12px; border-radius: 10px; text-align: center; }

/* V10 — seção de autonomia de estudo, sem referências a preços. */
.learning-anytime { background: linear-gradient(135deg,#f5f9ff,#fff9df); }
.learning-anytime-inner { max-width: 940px; }
.learning-anytime h2 { color: #031b3d; font-size: clamp(28px,3.7vw,46px); line-height:1.18; margin: 12px 0 22px; }
.learning-anytime p { color:#10213d; font-size: clamp(16px,1.55vw,19px); line-height:1.65; margin: 12px 0; }
.learning-anytime .learning-anytime-lead { font-weight: 500; }
.learning-anytime .learning-anytime-callout { background:#031b3d; color:#fff; border-left:6px solid #ffcf18; padding:18px 22px; border-radius:12px; font-weight:800; margin:25px 0; }
.learning-anytime .learning-anytime-signoff { font-weight:700; color:#052b61; }
.learning-anytime .learning-anytime-signoff em { color:#b3460c; font-style:normal; }

/* V11: identificação única e discreta abaixo da fotografia oficial. */
.professor-photo-caption { position: relative; margin-top: 18px; padding: 8px 6px 0; text-align: center; color: #07549b; font-size: 18px; font-weight: 650; line-height: 1.45; letter-spacing: .1px; }

/* V13: identificação discreta, diretamente sobre o fundo claro, sem faixa azul. */
.professor-photo { background: transparent; }
.professor-photo-caption { background: transparent; color: #07549b; }

/* V14: biografia aprovada — intervenção restrita à seção do professor. */
.professor-experience { color: #052b61; font-size: clamp(18px, 2vw, 23px); line-height: 1.4; }
.professor-quote { margin-top: 20px; padding: 14px 18px; border-left: 4px solid #ffcf18; background: #f4f8ff; border-radius: 0 10px 10px 0; color: #031b3d; font-weight: 650; font-style: italic; }

/* V15 — Página independente da futura plataforma A Lousa */
.lousa-teaser { background: #eef5ff; }
.lousa-teaser-inner { display:flex; align-items:center; justify-content:space-between; gap:28px; }
.lousa-teaser h2 { color:#031b3d; margin:12px 0; font-size:clamp(24px,3vw,36px); }
.lousa-teaser p { color:#10213d; max-width:690px; }
.lousa-status { display:inline-block; padding:9px 14px; border-radius:999px; background:#ffcf18; color:#031b3d; font-weight:900; font-size:12px; letter-spacing:.06em; }
.lousa-hero { background:linear-gradient(135deg,#031b3d,#052b61); color:white; padding:80px 0 70px; }
.lousa-content { max-width:900px; }
.lousa-kicker { color:#ffcf18; font-weight:800; margin-top:26px; }
.lousa-hero h1 { color:#ffcf18; font-size:clamp(46px,8vw,84px); margin:8px 0; }
.lousa-hero h2 { color:white; font-size:clamp(21px,3vw,33px); margin-bottom:25px; }
.lousa-hero p { line-height:1.8; max-width:850px; }
.lousa-content > h2 { color:#031b3d; margin-bottom:20px; }
.lousa-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; padding:0; list-style:none; margin:25px 0; }
.lousa-features li { background:#f4f8ff; border-left:4px solid #0869e8; border-radius:8px; padding:16px; line-height:1.5; }
.lousa-commitment { line-height:1.7; padding:20px 0; }
.lousa-disclaimer { border:2px solid #ffcf18; border-radius:16px; padding:25px; background:#fff9df; margin:20px 0; }
.lousa-disclaimer h2 { color:#031b3d; margin:0 0 12px; }
.lousa-disclaimer p { color:#10213d; line-height:1.7; }
.lousa-tagline { font-weight:900; color:#031b3d; font-size:19px; }
.lousa-slogan { color:#0869e8; font-weight:900; font-size:20px; margin-bottom:24px; }
@media(max-width:700px) { .lousa-teaser-inner { flex-direction:column; align-items:flex-start; } .lousa-features { grid-template-columns:1fr; } .lousa-hero { padding:55px 0; } }

/* V16: navegação por páginas */
.mt-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:25px}
.mt-page-card{display:flex;flex-direction:column;gap:12px;text-decoration:none;background:#f0f5fc;border:1px solid #d4e1f2;border-radius:15px;padding:25px;color:#031b3d;transition:transform .15s}
.mt-page-card:hover{transform:translateY(-3px)}.mt-page-card strong{font-size:19px}.mt-page-card span{color:#145ba5}
.mt-louzinho{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:32px}.mt-louzinho img{width:100%;max-width:410px;justify-self:center}
.mt-topic{max-width:850px}.mt-topic-note{padding:22px;border:2px solid #ffcf18;border-radius:14px;background:#fff9e6;margin:25px 0}
.mt-topic-link{display:inline-block;margin:8px 0 18px;color:#085cb5;font-weight:800;text-decoration:underline}
@media(max-width:760px){.mt-louzinho{grid-template-columns:1fr}.nav-links.open{max-height:90vh;overflow-y:auto}}

/* V17 — home institucional, acolhedora e com acessos por conteúdo */
.mt-home-intro,.mt-home-modules,.mt-home-lousa,.mt-home-people {padding:70px 0}
.mt-home-two{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:45px;align-items:center}
.mt-home-intro h2,.mt-home-modules h2,.mt-home-lousa h2,.mt-home-people h2{color:#031b3d;font-size:clamp(25px,3.2vw,38px);margin:12px 0 20px}
.mt-home-intro p,.mt-home-modules p,.mt-home-lousa p,.mt-home-people p{line-height:1.75}
.mt-eyebrow{font-size:12px;letter-spacing:.08em;font-weight:900;color:#b20d21}
.mt-home-points{display:grid;gap:14px}.mt-home-points div{border-radius:14px;padding:22px;background:#edf4ff;border-left:5px solid #ffcf18;display:grid;gap:7px}.mt-home-points strong{color:#031b3d}.mt-home-points span{color:#34445a}
.mt-home-modules{background:#f3f7fd}.mt-topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:30px 0 18px}.mt-topic{color:#fff;text-decoration:none;min-height:180px;border-radius:16px;padding:19px 15px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,box-shadow .2s}.mt-topic:hover{transform:translateY(-4px);box-shadow:0 12px 25px #031b3d22}.mt-topic span{font-size:29px;font-weight:900;opacity:.8}.mt-topic strong{font-size:16px;line-height:1.3}.mt-topic small{font-weight:800}.mt-topic-green{background:#188354}.mt-topic-blue{background:#1763bd}.mt-topic-purple{background:#7340ad}.mt-topic-orange{background:#d96516}.mt-topic-gold{background:#ad7905}.mt-modules-note{font-size:13px}
.mt-home-lousa{background:#eaf2fc}.mt-status{display:inline-block;background:#ffcf18;color:#031b3d;padding:9px 15px;border-radius:99px;font-size:12px;font-weight:900;letter-spacing:.05em}.mt-lousa-art{min-height:260px;border:12px solid #8d5c2c;border-radius:17px;background:#176a4d;box-shadow:0 18px 28px #031b3d22;display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;text-align:center;gap:12px;padding:20px}.mt-lousa-art span{font-size:30px;color:#f7e2a0}.mt-lousa-art strong{font-size:clamp(32px,4vw,52px);letter-spacing:.06em}.mt-lousa-art small{font-size:14px}
.mt-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mt-person{border-radius:16px;background:#f4f8ff;display:flex;gap:22px;align-items:center;padding:22px}.mt-person img{width:140px;height:160px;object-fit:contain;flex-shrink:0;border-radius:12px}.mt-person h3{color:#031b3d;margin:0 0 8px}.mt-person a{color:#0757ac;font-weight:900}.mt-louzinho-greeting{background:#fff7d7;border-left:4px solid #ffcf18;border-radius:8px;padding:10px 12px;color:#031b3d;font-weight:800}
@media(max-width:1000px){.mt-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mt-people-grid{grid-template-columns:1fr}}
@media(max-width:700px){.mt-home-two{grid-template-columns:1fr}.mt-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mt-home-intro,.mt-home-modules,.mt-home-lousa,.mt-home-people{padding:45px 0}.mt-person{flex-direction:column;align-items:flex-start}.mt-person img{height:140px;width:100%}}
@media(max-width:400px){.mt-topic-grid{grid-template-columns:1fr}.mt-topic{min-height:140px}}

/* V18 — ampliação pontual da página inicial, sem alterar páginas internas */
.mt-hero-support-detail{font-weight:600;margin-top:8px}
.mt-home-levels{background:#f5f8fd}
.mt-home-levels h2,.mt-home-enem h2{color:#031b3d}
.mt-home-levels .container>p{max-width:850px;line-height:1.75}
.mt-levels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.mt-levels-grid article{padding:25px;border-radius:16px;background:white;border-top:5px solid #0a5dc8;box-shadow:0 6px 22px rgba(3,27,61,.07);display:flex;flex-direction:column;gap:9px}
.mt-levels-grid article:nth-child(2){border-top-color:#7b41c5}
.mt-levels-grid article:nth-child(3){border-top-color:#e79d18}
.mt-levels-grid strong{font-size:22px;color:#031b3d}
.mt-home-enem{background:#fff}
.mt-home-enem p{line-height:1.75}
.mt-enem-panel{border-radius:22px;background:linear-gradient(140deg,#031b3d,#074f98);color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:17px;padding:35px;min-height:300px}
.mt-enem-panel span{color:#ffcf18;font-weight:800;font-size:12px;letter-spacing:.08em}
.mt-enem-panel strong{font-size:clamp(25px,3vw,40px);line-height:1.15;color:white}
.mt-enem-panel small{font-size:16px;line-height:1.5}
.mt-enem-panel em{font-style:normal;font-weight:900;color:#031b3d;background:#ffcf18;border-radius:999px;padding:8px 15px;font-size:12px}
@media(max-width:700px){.mt-levels-grid{grid-template-columns:1fr}}

/* Ajustes locais de legibilidade nas cinco páginas de conteúdos (V18). */
.mt-curriculum {color:#10213d;}
.mt-curriculum h1 {color:#031b3d;}
.mt-curriculum .mt-topic-intro {color:#344660;font-size:1.15rem;max-width:900px;}
.mt-curriculum .mt-topic-overview {color:#10213d;background:#fff;border:1px solid #dce7f5;border-radius:18px;padding:24px 30px;margin:24px 0;box-shadow:0 8px 24px rgba(3,27,61,.05);}
.mt-curriculum .mt-topic-overview h2 {color:#031b3d;font-size:clamp(1.3rem,2.5vw,1.75rem);letter-spacing:normal;line-height:1.3;margin:0 0 12px;}
.mt-curriculum .mt-topic-overview p,.mt-curriculum .mt-topic-overview li {color:#263b59;}
.mt-curriculum .mt-topic-overview li {margin-bottom:8px;}
.mt-curriculum .mt-topic-overview ul {padding-left:23px;}
.mt-curriculum .mt-curriculum-disclaimer {font-size:.92rem;color:#53657c;}
.mt-curriculum .mt-topic-back {margin-top:30px;}

/* Navegação acessível: cada quadro de conteúdo é um link completo. */
a.mt-module-clickable { display: block; text-decoration: none; color: white; cursor: pointer; }
a.mt-module-clickable:visited { color: white; }
a.mt-module-clickable:focus-visible { outline: 3px solid #102d68; outline-offset: 4px; }
