/*
 * SuperCursos.online | Tema Claro Profissional — 2026
 * Carregue este arquivo DEPOIS de css/style.css.
 * Contém apenas a identidade visual: mantém funcionalidades e responsividade originais.
 */
:root {
  color-scheme: light;
  --bg: #ffffff;
  --panel: #ffffff;
  --text: #16243e;
  --muted: #647187;
  --dim: #77849a;
  --line: #e2e9f3;
  --violet: #5751d9;
  --cyan: #087d9e;
  --accent: #365ce9;
  --accent-dark: #2743ba;
  --soft: #f5f7fc;
  --shadow: 0 18px 50px rgba(37, 62, 111, .075);
}
body { background:#fff; color:var(--text); }
::selection { background:#dae5ff; color:#1f3b80; }
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible { outline-color:#3166de; }
.gradient-text,.hero-title-gradient {
  background:linear-gradient(112deg,#2549ac 2%,#4960e9 48%,#136b9d 100%);
  background-clip:text;-webkit-background-clip:text;color:transparent;
}
.page-noise { opacity:.012; }
.ambient { filter:blur(105px);opacity:.08; }
.ambient--one { background:#769bff; }
.ambient--two { background:#5dc1ee;opacity:.055; }
.reading-progress { background:linear-gradient(90deg,#3464ea,#27a9bd);box-shadow:none; }

/* Cabeçalho branco, navegação nítida, chamadas claras */
.announcement { background:#ecf3ff;border-bottom:1px solid #dfeafb;color:#365d9a;letter-spacing:.025em; }
.announcement-dot,.eyebrow-pulse { background:#168d9d;box-shadow:0 0 0 4px rgba(22,141,157,.1); }
.announcement svg { color:#5067d7; }
.site-header { background:rgba(255,255,255,.97);border-bottom:1px solid #e9edf5; }
.site-header.is-scrolled,.site-header.is-menu-open { border-bottom-color:#dce4f1;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);box-shadow:0 10px 27px rgba(30,47,86,.05); }
.brand-mark { background:linear-gradient(140deg,#376aec,#4c48c9);box-shadow:0 8px 20px rgba(50,90,215,.16);color:#fff; }
.brand-mark-spark { color:#1daab8;text-shadow:0 1px 0 white; }
.brand-copy { color:#15233d; }
.brand-copy>span { color:#365dec; }
.brand-copy small { color:#586881; }
.nav-link { color:#66748a; }
.nav-link:hover,.nav-link.is-active { color:#2047bb; }
.nav-link.is-active:after { background:#365dec; }
.header-explore { border:1px solid #c8d7f5;background:#edf3ff;color:#2b4fc1; }
.header-explore:hover { background:#e0eaff;border-color:#83a2ed; }
.mobile-menu-toggle { background:#f2f5fb;color:#233956;border-color:#dfe7f2; }
.mobile-nav { background:#fff; }
.mobile-nav a { color:#334663;border-bottom-color:#ebf0f7; }
.mobile-nav a:hover { color:#315bdd; }
.eyebrow,.hero-eyebrow { color:#4661a4; }
.eyebrow-line { background:linear-gradient(90deg,#6883ea,transparent); }
.eyebrow-icon { color:#258aa1; }

/* Botões */
.btn { color:#fff; }
.btn-primary { background:linear-gradient(110deg,#3767ea,#4356d8);box-shadow:0 11px 28px rgba(50,93,219,.19); }
.btn-primary:hover { background:linear-gradient(110deg,#285adc,#3648c9);box-shadow:0 16px 31px rgba(50,93,219,.25); }
.btn-ghost { color:#30446a; }
.btn-ghost:hover { background:#f0f4fb; }
.play-circle { border:1px solid #ccdaf0;background:#f4f7ff;color:#3b60c9; }

/* Hero limpo com simulação tecnológica sobre painel branco */
.hero { background:radial-gradient(ellipse at 79% 38%,#f0f5ff 0%,#fff 53%); }
.hero-grid { background-image:linear-gradient(rgba(72,105,184,.037) 1px,transparent 1px),linear-gradient(90deg,rgba(72,105,184,.037) 1px,transparent 1px); }
.hero::before { background:radial-gradient(ellipse,rgba(83,125,242,.075),transparent 72%); }
.hero h1 { color:#15243e; }
.hero-description { color:#5b6a83; }
.hero-benefits { color:#5b6880; }
.hero-benefits svg { color:#138a98; }
.hero-quick-metrics { border-top-color:#e2e9f3; }
.quick-metric strong { color:#172843; }
.quick-metric span { color:#7b8698; }
.metric-divider { background:#e2e9f3; }
.hero-art-glow { background:radial-gradient(circle,rgba(77,111,221,.12),rgba(58,176,195,.048) 49%,transparent 73%); }
.orbit { border-color:rgba(78,108,193,.17); }
.orbit--middle { border-color:rgba(37,148,173,.16); }
.orbit--inner { border-color:rgba(67,96,219,.2);border-top-color:transparent; }
.orbit--middle::before,.orbit--middle::after { background:#2e9db0;box-shadow:0 0 0 5px rgba(46,157,176,.09); }
.orbit--middle::after { background:#7369d8;box-shadow:0 0 0 5px rgba(115,105,216,.08); }
.orbit-point { background:#6978e0;box-shadow:0 0 0 5px rgba(105,120,224,.09); }
.holo-main { background:linear-gradient(144deg,#fff 0%,#f8faff 64%,#eef7ff 100%);border:1px solid #d6e0f1;box-shadow:0 34px 75px rgba(49,73,128,.16),inset 0 1px #fff,0 0 45px rgba(103,137,237,.06); }
.holo-main::before { background:#7896fb;opacity:.055; }
.holo-top { color:#63728d;border-bottom-color:#e7edf7; }
.holo-signal { color:#167e90; }
.holo-signal i,.online-dot,.journey-live>span { background:#1d9d98;box-shadow:0 0 0 3px rgba(29,157,152,.12); }
.holo-badge { border-color:#d8e3fc;background:#f0f4ff;color:#3c5dba; }
.holo-symbol::before { background:radial-gradient(circle,rgba(105,131,247,.14),transparent 73%); }
.holo-symbol-back { border-color:rgba(77,108,211,.28); }
.holo-symbol-back::before { background:#2494ad;box-shadow:none; }
.holo-symbol-icon { filter:drop-shadow(0 6px 12px rgba(69,99,175,.18)); }
.symbol-spark { color:#318eb3; }
.symbol-spark--b { color:#7673dd; }
.holo-code { color:#445879; }
.holo-code-green { color:#167f96; }
.type-cursor { background:#5667d8; }
.holo-progress-head { color:#697994; }
.holo-progress-head span:last-child { color:#168d9f; }
.holo-progress-track { background:#e5eafb; }
.holo-progress-fill { background:linear-gradient(90deg,#416deb,#6f79e5,#26abb5); }
.holo-bottom-row { color:#77859a; }
.holo-bottom-row span:first-child { color:#167f88; }
.float-card { background:rgba(255,255,255,.97);border:1px solid #dbe4f1;box-shadow:0 17px 41px rgba(37,59,102,.13); }
.float-card-icon.pink { background:#f1edff;color:#6261d3; }
.float-card-icon.blue { background:#e8f7fb;color:#167f9e; }
.float-card small { color:#77859b; }
.float-card strong { color:#22365b; }
.spark-mark { color:#6d6bd7; }
.status-check { color:#198d94; }
.art-caption { color:#7b89a0; }
.art-caption span { color:#6d7fdb; }
.hero-scroll-cue { color:#818da3; }
.scroll-mouse { border-color:#adbbd3; }
.scroll-mouse span { background:#5671d9; }
.ticker { background:#f5f8fd;border-block:1px solid #e6edf7; }
.ticker-track>span { color:#6c7c96; }
.ticker-track b { color:#4881c3; }

/* Catálogo: cards brancos com capas editoriais e hierarquia clara */
.courses-section { background:#fff; }
.section-heading h2,.journey-left h2,.feature-heading h2,.faq-intro h2 { color:#16243e; }
.section-heading p,.journey-left>p,.faq-intro>p { color:#65738a; }
.section-aside-icon { border-color:#d8e1f3;background:#f0f5ff;color:#4a68da; }
.section-aside strong { color:#20375e; }
.section-aside small { color:#7d89a0; }
.filter-chip { border-color:#e1e8f2;background:#fff;color:#5c6b83; }
.filter-chip:hover { color:#294fc4;border-color:#b7c9ef;background:#f7faff; }
.filter-chip.is-selected { color:#284ec6;border-color:#bfd1fc;background:#edf3ff; }
.filter-chip span { background:#eaf0fa;color:#53647e; }
.filter-chip.is-selected span { background:#dbe7ff;color:#3255bb; }
.search-field { background:#fff;border-color:#dce5f0;color:#7b8aa0; }
.search-field:focus-within { border-color:#6388dc;box-shadow:0 0 0 3px rgba(71,111,221,.09); }
.search-field input { color:#203550; }
.search-field input::placeholder { color:#8995a8; }
.search-field kbd { color:#8b97a9; }
.catalog-result-line { color:#8390a3; }
.catalog-result-line>span:first-child { color:#4e5e79; }
.catalog-result-dot { background:#9aa8bf; }
.course-card { background:#fff;border-color:#e2e8f1;box-shadow:0 5px 17px rgba(30,57,109,.035); }
.course-card:hover { border-color:#b5c9f1;box-shadow:0 20px 47px rgba(42,76,139,.12); }
.course-cover { background:#f0f5ff; }
.course-cover::after { background:linear-gradient(transparent,rgba(51,74,128,.03)); }
.course-cover-tag { background:rgba(255,255,255,.91);border:1px solid rgba(65,104,184,.15);color:#395789;box-shadow:0 3px 13px rgba(27,50,96,.07); }
.course-featured-label { background:#dfeaff;color:#2954a8; }
.course-category { color:#4768be; }
.course-card h3 { color:#1b2e4c; }
.course-description { color:#65748a; }
.course-card-footer { border-top-color:#e9edf4; }
.course-level { color:#78869b; }
.course-level svg { color:#637cc0; }
.course-open { color:#315aca; }
.course-open:hover { color:#153ead; }
.empty-state { background:#f9fbff;border-color:#d2ddf0; }
.empty-icon { background:#e8efff;color:#426ad4; }
.catalog-footnote { color:#8792a5; }
.catalog-footnote svg { color:#6686df; }

/* Jornada com simulação em interface de app branco */
.journey-section { background:linear-gradient(180deg,#f4f7fc 0%,#f7f9fd 100%);border-block:1px solid #e4eaf3; }
.journey-step { background:rgba(255,255,255,.57);color:#77869d;border-color:transparent; }
.journey-step:hover { background:#fff;border-color:#d0ddf7; }
.journey-step.is-active { background:#fff;border-color:#bfcff0;box-shadow:0 10px 28px rgba(43,78,147,.07); }
.journey-step-number { background:#e8edf7;color:#687b99; }
.journey-step.is-active .journey-step-number { background:#365fe0;color:#fff; }
.journey-step strong { color:#425474; }
.journey-step.is-active strong { color:#183154; }
.journey-step small { color:#8190a6; }
.journey-step>.icon { color:#4266cf; }
.journey-window { background:linear-gradient(135deg,#fff,#f5f9ff);border-color:#d8e2f1;box-shadow:0 28px 62px rgba(43,70,125,.11); }
.journey-window-header { color:#667890;border-bottom-color:#e7edf6; }
.journey-live { color:#188c87; }
.journey-window-body { background:radial-gradient(ellipse at center,rgba(93,125,237,.075),transparent 66%); }
.journey-window-grid { background-image:linear-gradient(rgba(86,121,206,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(86,121,206,.07) 1px,transparent 1px); }
.simulation-top,.sim-bottom { color:#8794a8; }
.simulation-pill { border-color:#d7e1f5;background:#eef3ff;color:#405eb2; }
.sim-orbit { border-color:rgba(78,107,210,.3); }
.sim-orbit-two { border-color:rgba(27,158,175,.25); }
.sim-center-icon { border-color:#cfdbf5;background:linear-gradient(135deg,#e4edff,#f5f7ff);box-shadow:0 13px 35px rgba(58,92,163,.09);color:#4965cf; }
.sim-mini-dot { color:#218baf; }
.sim-mini-dot--2 { color:#7a75db; }
.sim-label { color:#4d69be; }
.simulation-content h3 { color:#21375a; }
.simulation-content p { color:#738197; }
.sim-progress-dots span { background:#dce4f2; }
.sim-progress-dots span.is-active { background:linear-gradient(90deg,#4a66d8,#2ba8b4); }
.journey-under { color:#77859a; }
.journey-under svg { color:#2f94a2; }

/* Três motivos em cards claros */
.feature-section { background:#fff; }
.feature-card,.feature-card--main { background:linear-gradient(155deg,#fff,#f7faff);border-color:#e2e9f4;box-shadow:0 6px 20px rgba(31,62,127,.035); }
.feature-card--main { background:linear-gradient(145deg,#edf4ff,#fafcff 75%);border-color:#d7e4fb; }
.feature-card:hover { border-color:#b9cbf3;box-shadow:0 20px 40px rgba(46,80,148,.08); }
.feature-number { color:#7f90a9; }
.feature-art::before { background:rgba(82,123,223,.08); }
.feature-globe { border-color:#afc2ee;background:repeating-radial-gradient(ellipse,transparent 0 19px,rgba(94,126,204,.2) 20px 21px,transparent 22px 27px);box-shadow:0 7px 25px rgba(64,90,170,.1); }
.feature-globe::before,.feature-globe::after { border-color:rgba(95,120,201,.35); }
.feature-globe span,.feature-globe i { background:#2798a4;box-shadow:0 0 0 5px rgba(39,152,164,.1); }
.feature-globe i { background:#7668d4;box-shadow:0 0 0 5px rgba(118,104,212,.08); }
.feature-globe-star { color:#4c7dd4; }
.stack-panel { border-color:#b8cafa;background:linear-gradient(130deg,#e6edff,#f4f7ff);box-shadow:0 14px 27px rgba(33,72,146,.08); }
.stack-panel--b { border-color:#a1d6e5; }
.stack-panel--c { background:linear-gradient(135deg,#dce5ff,#e9f5ff); }
.stack-panel--c::after { background:#6381d0;box-shadow:0 17px 0 rgba(95,124,200,.3),0 34px 0 rgba(95,124,200,.15); }
.path-line { border-bottom-color:rgba(91,123,188,.47); }
.path-line::before { border-color:rgba(96,128,201,.4); }
.path-line i { background:#597add;box-shadow:0 0 0 5px rgba(89,122,221,.11); }
.path-line i:nth-child(2) { background:#299ba9; }
.path-icon { border-color:#c4e1e9;background:#eaf8fb;color:#298aa2; }
.feature-card-icon { background:#edf2ff;color:#5271cc; }
.feature-card h3 { color:#203657; }
.feature-card p { color:#6b7b91; }

/* Dúvidas frequentes */
.faq-section { background:linear-gradient(180deg,#f7f9fd,#fff);border-top:1px solid #e9eef7; }
.faq-orb { border-color:#d0ddf6;background:radial-gradient(circle at 25% 20%,#e4edff,#f4f7fd);color:#5372da;text-shadow:none;box-shadow:0 16px 30px rgba(44,87,170,.08); }
.faq-item summary { color:#243956; }
.faq-item summary:hover { color:#365fcf; }
.faq-item summary>span { color:#5774ab;border-color:#dbe5f1; }
.faq-item[open] summary>span { background:#eaf1ff;color:#365bc6; }
.faq-item p { color:#6a7990; }

/* CTA permanece clara: superfície azul muito suave, sem bloco escuro */
.final-section { background:#fff; }
.final-cta { background:linear-gradient(112deg,#eff5ff 0%,#e9f0ff 50%,#e3f7fb 120%);border-color:#d3e2f8;box-shadow:0 22px 54px rgba(35,76,155,.1); }
.final-grid { background-image:linear-gradient(rgba(92,117,193,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(92,117,193,.065) 1px,transparent 1px); }
.final-cta::after { background:radial-gradient(ellipse at center,rgba(132,158,249,.09),transparent 70%); }
.final-orb,.final-orb::after { border-color:rgba(82,116,200,.15); }
.final-stars { color:#5c83ce; }
.final-content .eyebrow { color:#4766b9; }
.final-content h2 { color:#192d52; }
.final-content h2 em { color:#3760d1; }
.final-content p { color:#65758e; }
.btn-light { color:#fff;background:#365ddd;box-shadow:0 12px 27px rgba(48,86,198,.22); }
.btn-light:hover { background:#274fc7; }

/* Rodapé, pop-up, feedback */
.site-footer { background:#f7f9fc;border-top:1px solid #e3eaf4; }
.footer-brand-block p { color:#77869a; }
.footer-nav-group strong { color:#334a6c; }
.footer-nav-group a { color:#6d7d91; }
.footer-nav-group a:hover { color:#355bc7; }
.footer-bottom { color:#8a95a6; }
.footer-heart { color:#5b6fdb; }
.back-to-top { background:#fff;color:#4262bc;border:1px solid #d6e0f2;box-shadow:0 10px 25px rgba(31,66,136,.12); }
.toast { background:#fff;border:1px solid #c7d8f3;color:#294268;box-shadow:0 16px 35px rgba(25,53,110,.16); }
.modal-backdrop { background:rgba(20,36,62,.54); }
.course-modal { background:#fff;border-color:#dce5f1;box-shadow:0 34px 100px rgba(19,44,85,.25);scrollbar-color:#b7c7df transparent; }
.modal-close { background:rgba(255,255,255,.95);border:1px solid #d3e0ee;color:#294e84; }
.modal-close:hover { background:#eaf2ff; }
.modal-cover { background:#f0f5ff; }
.modal-meta span { border-color:#d6e3f8;background:#eff4ff;color:#3b5eb1; }
.modal-content h2,.modal-content h3 { color:#1e3353; }
.modal-description,.modal-learn-list li { color:#64738a; }
.modal-learn-list svg { color:#198a99; }
.modal-actions .btn-primary.is-disabled { background:#e6eaf2;color:#7b879a; }
.btn-outline { border-color:#cbdaf3;background:#fff;color:#355bc0; }
.btn-outline:hover { background:#f0f5ff; }
.modal-notice { color:#78869b; }

@media(max-width:980px) {
  .mobile-nav { background:rgba(255,255,255,.99);box-shadow:0 16px 30px rgba(35,61,112,.08); }
  .mobile-nav a { color:#334b69;border-bottom-color:#e9eef6; }
}
@media(max-width:680px) {
  .hero { background:radial-gradient(ellipse at 50% 74%,#f1f6ff,#fff 72%); }
  .course-card { box-shadow:0 6px 17px rgba(34,68,128,.05); }
}


/* ===============================
   CRYPTOACADEMY • MINIAPP EM DESTAQUE
   Mantém o tema claro do catálogo, com identidade dourada do miniapp.
   =============================== */
.course-card--crypto {
  border-color:#ebd9bd;
  background:linear-gradient(180deg,#fff 0%,#fffcf7 100%);
  box-shadow:0 8px 24px rgba(124,91,38,.08);
}
.course-card--crypto:hover {
  border-color:#d3a558;
  box-shadow:0 22px 48px rgba(102,78,37,.17);
}
.course-card--crypto .course-cover {background:#101a2c;}
.course-card--crypto .course-cover::after {background:linear-gradient(transparent,rgba(12,20,34,.20));}
.course-card--crypto .course-cover-tag {
  color:#ffe3b3;
  border-color:rgba(241,194,112,.35);
  background:rgba(10,18,32,.83);
  box-shadow:0 4px 15px rgba(0,0,0,.2);
}
.course-card--crypto .course-featured-label {background:#ebbd75;color:#33250f;}
.course-card--crypto .course-category {color:#ad752c;}
.course-card--crypto .course-card-footer {border-top-color:#eee4d6;}
.crypto-card-footer {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.crypto-direct-link {
  display:inline-flex;justify-content:center;align-items:center;gap:8px;
  min-height:40px;padding:9px 15px;border-radius:10px;
  background:linear-gradient(110deg,#eec783,#d8a658);
  border:1px solid #d4a35d;color:#2b2112;
  font:800 12px var(--display);letter-spacing:.01em;
  box-shadow:0 5px 13px rgba(175,128,53,.18);
  transition:transform .2s,box-shadow .2s,background .2s;
}
.crypto-direct-link:hover {color:#251807;transform:translateY(-2px);box-shadow:0 9px 18px rgba(175,128,53,.3);}
.crypto-direct-link:focus-visible {outline:3px solid #315aca;outline-offset:3px;}
.crypto-direct-link .icon {width:15px;height:15px;flex:none;}
.course-card--crypto .course-open {color:#805723;font-weight:750;}
.course-card--crypto .course-open:hover {color:#59330b;}
@media(max-width:375px){
  .crypto-card-footer {align-items:stretch;}
  .crypto-direct-link {flex:1;}
  .crypto-card-footer .course-open {margin-left:auto;}
}
@media(prefers-reduced-motion:reduce){.crypto-direct-link{transition:none}.crypto-direct-link:hover{transform:none}}


/* Miniapps personalizados */
.course-card--miniapp{position:relative;background:#fff}
.course-card--miniapp .course-card-footer{border-top-width:1px;border-top-style:solid}
.course-card--miniapp .course-description{min-height:72px}
.miniapp-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.miniapp-direct-link{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 15px;border-radius:10px;font:800 12px var(--display);letter-spacing:.01em;box-shadow:0 5px 13px rgba(24,80,128,.12);transition:transform .2s,box-shadow .2s,background .2s,color .2s;border:1px solid transparent;}
.miniapp-direct-link:hover{transform:translateY(-2px)}
.miniapp-direct-link:focus-visible{outline:3px solid #315aca;outline-offset:3px;}
.miniapp-direct-link .icon{width:15px;height:15px;flex:none;}
.course-card--miniapp .course-open{font-weight:750;}
.course-card--crypto{background:linear-gradient(180deg,#fff 0%,#fffcf7 100%);box-shadow:0 8px 24px rgba(124,91,38,.08);}
.course-card--crypto:hover{border-color:#d3a558;box-shadow:0 22px 48px rgba(102,78,37,.17);}
.course-card--crypto .course-cover{background:#101a2c;}
.course-card--crypto .course-cover::after{background:linear-gradient(transparent,rgba(12,20,34,.20));}
.course-card--crypto .course-featured-label{background:#ebbd75;color:#33250f;}
.course-card--crypto .course-category{color:#ad752c;}
.course-card--crypto .course-card-footer{border-top-color:#eee4d6;}
.miniapp-direct-link--crypto{background:linear-gradient(110deg,#eec783,#d8a658);border-color:#d4a35d;color:#2b2112;box-shadow:0 5px 13px rgba(175,128,53,.18);}
.miniapp-direct-link--crypto:hover{color:#251807;box-shadow:0 9px 18px rgba(175,128,53,.3);}
.course-card--crypto .course-open{color:#805723;}
.course-card--crypto .course-open:hover{color:#59330b;}
.course-card--ozonio{background:linear-gradient(180deg,#ffffff 0%,#f6fbff 100%);box-shadow:0 10px 28px rgba(33,91,136,.09);}
.course-card--ozonio:hover{border-color:#62b7f1;box-shadow:0 22px 48px rgba(30,103,160,.18);}
.course-card--ozonio .course-cover{background:#0c2643;}
.course-card--ozonio .course-cover::after{background:linear-gradient(transparent,rgba(4,28,52,.18));}
.course-card--ozonio .course-featured-label{background:#9edcff;color:#083150;}
.course-card--ozonio .course-category{color:#1d7bc2;}
.course-card--ozonio .course-card-footer{border-top-color:#deedf8;}
.miniapp-direct-link--ozonio{background:linear-gradient(110deg,#6dd3ff,#2aa8ef);border-color:#3baee9;color:#08324e;box-shadow:0 6px 16px rgba(42,132,200,.20);}
.miniapp-direct-link--ozonio:hover{color:#06273d;box-shadow:0 10px 20px rgba(39,128,194,.28);}
.course-card--ozonio .course-open{color:#0d639e;}
.course-card--ozonio .course-open:hover{color:#08476f;}
@media(max-width:375px){.miniapp-card-footer{align-items:stretch;}.miniapp-direct-link{flex:1;}.miniapp-card-footer .course-open{margin-left:auto;}}
@media(prefers-reduced-motion:reduce){.miniapp-direct-link{transition:none}.miniapp-direct-link:hover{transform:none}}


.course-card--metais{background:linear-gradient(180deg,#ffffff 0%,#fffdf7 100%);box-shadow:0 10px 28px rgba(117,90,31,.09);}
.course-card--metais:hover{border-color:#d2b055;box-shadow:0 22px 48px rgba(118,92,28,.17);}
.course-card--metais .course-cover{background:#0c1f33;}
.course-card--metais .course-cover::after{background:linear-gradient(transparent,rgba(7,19,33,.18));}
.course-card--metais .course-featured-label{background:#efd171;color:#4a350a;}
.course-card--metais .course-category{color:#a77a12;}
.course-card--metais .course-card-footer{border-top-color:#efe4c6;}
.miniapp-direct-link--metais{background:linear-gradient(110deg,#f2da83,#d6b04e);border-color:#d4b25b;color:#33270d;box-shadow:0 6px 16px rgba(167,123,23,.18);}
.miniapp-direct-link--metais:hover{color:#241a08;box-shadow:0 10px 20px rgba(156,116,25,.26);}
.course-card--metais .course-open{color:#846116;}
.course-card--metais .course-open:hover{color:#5d430a;}


/* Redação Nota 1000 — visual acadêmico premium, azul profundo + dourado */
.course-card--redacao {
  border-color:#e9d9ac;
  background:linear-gradient(157deg,#fff 0%,#fffdf7 100%);
  box-shadow:0 11px 30px rgba(29,54,89,.09);
  isolation:isolate;
}
.course-card--redacao::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  z-index:2;
  background:linear-gradient(90deg,#a27624,#f4d987,#0c4679);
}
.course-card--redacao:hover {
  border-color:#c9a456;
  box-shadow:0 23px 48px rgba(27,69,115,.17);
}
.course-card--redacao .course-cover {background:#081c36;}
.course-card--redacao .course-cover::after {background:linear-gradient(transparent,rgba(5,21,43,.16));}
.course-card--redacao .course-featured-label {
  color:#132b4a;
  background:linear-gradient(120deg,#ffe49a,#ebbe5d);
  box-shadow:0 4px 13px rgba(0,0,0,.15);
}
.course-card--redacao .course-category {color:#9b7225;}
.course-card--redacao .course-card-footer {border-top-color:#e9e0cc;}
.miniapp-direct-link--redacao {
  background:linear-gradient(120deg,#f5df9e,#ddba63);
  border-color:#d2a64b;
  color:#18283a;
  box-shadow:0 6px 16px rgba(173,126,32,.17);
}
.miniapp-direct-link--redacao:hover {
  color:#10213a;
  box-shadow:0 10px 22px rgba(173,126,32,.27);
}
.course-card--redacao .course-open {color:#775918;}
.course-card--redacao .course-open:hover {color:#493606;}


/* =======================================================
   Modal de curso: manter o TOPO da capa visível.
   O recorte é feito apenas na parte inferior da imagem.
   ======================================================= */
.modal-cover { height: 305px; }
.modal-cover img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}
@media(max-width:680px) {
  .modal-cover { height:clamp(175px,50vw,220px); }
}


/* Biohacking Lab — card premium menta/esmeralda com fundo claro coerente com a vitrine */
.course-card--biohacking {
  border-color: #c4eadf;
  background: linear-gradient(160deg, #ffffff 5%, #f4fffa 100%);
  box-shadow: 0 10px 30px rgba(19, 98, 80, .09);
  isolation: isolate;
}
.course-card--biohacking::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, #12594d, #42d9b2, #2183b9);
  z-index: 2;
}
.course-card--biohacking:hover {
  border-color: #4abfa0;
  box-shadow: 0 22px 46px rgba(16, 109, 94, .17);
}
.course-card--biohacking .course-cover {
  background: #071923;
}
.course-card--biohacking .course-cover::after {
  background: linear-gradient(transparent, rgba(0, 17, 22, .2));
}
.course-card--biohacking .course-featured-label {
  background: linear-gradient(120deg, #8af9cf, #42d5ac);
  color: #05382d;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .16);
}
.course-card--biohacking .course-category { color: #138167; }
.course-card--biohacking .course-card-footer { border-top-color: #dbece6; }
.miniapp-direct-link--biohacking {
  background: linear-gradient(120deg, #75efc2, #30ce9e);
  border-color: #34be95;
  color: #053c31;
  box-shadow: 0 6px 18px rgba(30, 147, 116, .2);
}
.miniapp-direct-link--biohacking:hover {
  color: #042e25;
  box-shadow: 0 9px 22px rgba(21, 135, 103, .3);
}
.course-card--biohacking .course-open { color: #117c64; }
.course-card--biohacking .course-open:hover { color: #075441; }


/* DIETA DOS SHAKES — card exclusivo verde botânico / premium */
.course-card--dietashake {
  border-color: #c9e9d8;
  background: linear-gradient(160deg, #ffffff 6%, #f4fff8 100%);
  box-shadow: 0 10px 30px rgba(10, 97, 64, .09);
  isolation: isolate;
}
.course-card--dietashake::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, #056548, #27be83, #c1eb8b);
  z-index: 2;
}
.course-card--dietashake:hover {
  border-color: #4cb68b;
  box-shadow: 0 22px 47px rgba(11, 104, 73, .18);
}
.course-card--dietashake .course-cover { background: #056043; }
.course-card--dietashake .course-cover::after {
  background: linear-gradient(transparent, rgba(3, 53, 31, .16));
}
.course-card--dietashake .course-featured-label {
  background: linear-gradient(115deg, #a6f5bd, #52d9a1);
  color: #064c31;
  box-shadow: 0 4px 12px rgba(0, 35, 15, .15);
}
.course-card--dietashake .course-category { color: #0c845b; }
.course-card--dietashake .course-card-footer { border-top-color: #d4eddf; }
.miniapp-direct-link--dietashake {
  color: #063d2b;
  background: linear-gradient(110deg, #a6f4c1, #49d69b);
  border-color: #40bd84;
  box-shadow: 0 6px 18px rgba(30, 141, 95, .20);
}
.miniapp-direct-link--dietashake:hover {
  color: #052d1f;
  box-shadow: 0 9px 22px rgba(24, 133, 87, .30);
}
.course-card--dietashake .course-open { color: #0b7650; }
.course-card--dietashake .course-open:hover { color: #064f34; }


/* NEGÓCIO DIGITAL — card premium azul/violeta focado em empreendedorismo */
.course-card--negociodigital {
  border-color: #d8dff8;
  background: linear-gradient(160deg, #ffffff 5%, #f6f8ff 100%);
  box-shadow: 0 10px 30px rgba(49, 73, 161, .10);
  isolation: isolate;
}
.course-card--negociodigital::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, #3259d8, #7c63ff, #1f8fff);
  z-index: 2;
}
.course-card--negociodigital:hover {
  border-color: #7d92ee;
  box-shadow: 0 22px 46px rgba(62, 84, 182, .18);
}
.course-card--negociodigital .course-cover { background: #081b45; }
.course-card--negociodigital .course-cover::after {
  background: linear-gradient(transparent, rgba(6, 18, 45, .18));
}
.course-card--negociodigital .course-featured-label {
  background: linear-gradient(120deg, #aab8ff, #7d8fff);
  color: #132a67;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}
.course-card--negociodigital .course-category { color: #3f62de; }
.course-card--negociodigital .course-card-footer { border-top-color: #dde3f8; }
.miniapp-direct-link--negociodigital {
  color: #11285f;
  background: linear-gradient(110deg, #aebaff, #7a8bff);
  border-color: #7485eb;
  box-shadow: 0 6px 18px rgba(73, 95, 201, .22);
}
.miniapp-direct-link--negociodigital:hover {
  color: #0b1f4d;
  box-shadow: 0 10px 22px rgba(67, 89, 191, .30);
}
.course-card--negociodigital .course-open { color: #3658c7; }
.course-card--negociodigital .course-open:hover { color: #243e95; }


/* CERCO — concursos / rota da aprovação */
.course-card--cerco {
  border-color: #ead8b1;
  background: linear-gradient(165deg, #ffffff 0%, #fff9ef 100%);
  box-shadow: 0 10px 30px rgba(157, 112, 20, .10);
  isolation: isolate;
}
.course-card--cerco::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 3px;
  background: linear-gradient(90deg, #ffba37, #f59e0b, #e3a42d);
  z-index: 2;
}
.course-card--cerco:hover {
  border-color: #e0af47;
  box-shadow: 0 22px 46px rgba(158, 113, 22, .18);
}
.course-card--cerco .course-cover { background: #071b45; }
.course-card--cerco .course-cover::after {
  background: linear-gradient(transparent, rgba(8, 24, 55, .18));
}
.course-card--cerco .course-featured-label {
  background: linear-gradient(120deg, #ffd98b, #ffba42);
  color: #5a3806;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}
.course-card--cerco .course-category { color: #b87909; }
.course-card--cerco .course-card-footer { border-top-color: #f2e5c6; }
.miniapp-direct-link--cerco {
  color: #4f3306;
  background: linear-gradient(110deg, #ffd27a, #ffb431);
  border-color: #eda937;
  box-shadow: 0 6px 18px rgba(177, 122, 20, .22);
}
.miniapp-direct-link--cerco:hover {
  color: #3a2505;
  box-shadow: 0 10px 22px rgba(177, 122, 20, .30);
}
.course-card--cerco .course-open { color: #aa6f08; }
.course-card--cerco .course-open:hover { color: #7f5304; }


/* A FÓRMULA DA RIQUEZA — identidade grafite/verde-luminoso */
.course-card--riqueza {
  border-color: #b9ead3;
  background: linear-gradient(158deg, #ffffff, #f3fcf8);
  box-shadow: 0 10px 29px rgba(21, 104, 72, .10);
  isolation: isolate;
}
.course-card--riqueza::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 2;
  height: 3px;
  background: linear-gradient(90deg, #153b30, #00de8c, #69f8c7);
}
.course-card--riqueza:hover {
  border-color: #4dc99c;
  box-shadow: 0 22px 46px rgba(12, 99, 64, .18);
}
.course-card--riqueza .course-cover { background: #0a1713; }
.course-card--riqueza .course-cover img { object-fit: cover; object-position: center center; }
.course-card--riqueza .course-featured-label {
  background: linear-gradient(115deg,#90f7cd,#10dc90);
  color: #06492f;
}
.course-card--riqueza .course-category { color: #087b53; }
.course-card--riqueza .course-card-footer { border-top-color: #d5eee3; }
.miniapp-direct-link--riqueza {
  background: linear-gradient(110deg,#80f4bf,#18db8d);
  border-color: #2bc88d;
  color: #053d2b;
  box-shadow: 0 7px 17px rgba(24, 149, 93, .16);
}
.miniapp-direct-link--riqueza:hover {
  color: #043021;
  box-shadow: 0 10px 22px rgba(24, 149, 93, .25);
}
.course-card--riqueza .course-open { color: #076e4a; }
.course-card--riqueza .course-open:hover { color: #034a32; }
/* Only for this card, don't zoom on hover: title remains fully framed. */
.course-card--riqueza:hover .course-cover img { transform: none; }


/* CURSINHO DE PORTUGUÊS PARA ENEM — azul petróleo / ouro / turquesa */
.course-card--portugues {
  border-color:#bfdce0;
  background:linear-gradient(155deg,#fff 2%,#f0faf9 100%);
  box-shadow:0 10px 30px rgba(10,90,106,.11);
  isolation:isolate;
}
.course-card--portugues::before {
  content:""; position:absolute; inset:0 0 auto; height:3px; z-index:2;
  background:linear-gradient(90deg,#0b3047,#06a6af,#e6b94e);
}
.course-card--portugues:hover {
  border-color:#55b9b7;
  box-shadow:0 23px 46px rgba(12,90,105,.17);
}
.course-card--portugues .course-cover {background:#0a3044;}
.course-card--portugues .course-cover img {object-fit:cover;object-position:center center;}
.course-card--portugues:hover .course-cover img {transform:none;}
.course-card--portugues .course-cover::after {
  background:linear-gradient(transparent,rgba(3,27,42,.12));
}
.course-card--portugues .course-featured-label {
  background:linear-gradient(110deg,#f8d977,#dfb044);
  color:#283b44;
  box-shadow:0 5px 14px rgba(2,27,43,.16);
}
.course-card--portugues .course-category {color:#067d87;}
.course-card--portugues .course-card-footer {border-top-color:#d9eeef;}
.miniapp-direct-link--portugues {
  background:linear-gradient(110deg,#0fa4ae,#087c98);
  border-color:#087e95;
  color:#ffffff;
  box-shadow:0 6px 18px rgba(3,121,148,.19);
}
.miniapp-direct-link--portugues:hover {
  color:#fff;
  box-shadow:0 10px 23px rgba(3,121,148,.29);
}
.course-card--portugues .course-open {color:#08758b;}
.course-card--portugues .course-open:hover {color:#064e66;}


/* Cursinho de Matemática ENEM — cyan/teal com acentos dourados */
.course-card--matematica {
  border-color: #b6dcdf;
  background: linear-gradient(155deg, #ffffff 0%, #effbfd 100%);
  box-shadow: 0 10px 30px rgba(8, 100, 130, .11);
  isolation: isolate;
}
.course-card--matematica::before {
  content: ""; position: absolute; top: 0; right: 0; left: 0;
  height: 3px; z-index: 2;
  background: linear-gradient(90deg, #0a314b, #09c9c8, #f0bb5b);
}
.course-card--matematica:hover {
  border-color: #45bfc0;
  box-shadow: 0 22px 46px rgba(10, 103, 128, .18);
}
.course-card--matematica .course-cover { background: #092a42; }
.course-card--matematica .course-cover img {object-fit: cover;object-position: center center;}
.course-card--matematica:hover .course-cover img {transform: none;}
.course-card--matematica .course-cover::after {
  background:linear-gradient(transparent,rgba(3,27,42,.14));
}
.course-card--matematica .course-featured-label {
  background: linear-gradient(110deg, #ffe19f, #e2b24f);
  color: #27394b;
  box-shadow: 0 4px 13px rgba(0,0,0,.19);
}
.course-card--matematica .course-category {color:#087d8b;}
.course-card--matematica .course-card-footer {border-top-color:#d5edf0;}
.miniapp-direct-link--matematica {
  color:#fff; background:linear-gradient(110deg,#03b9bd,#067f9c);
  border-color:#078a9a;box-shadow:0 6px 18px rgba(5,116,157,.21);
}
.miniapp-direct-link--matematica:hover {
  color:#fff;box-shadow:0 10px 23px rgba(5,116,157,.31);
}
.course-card--matematica .course-open {color:#087489;}
.course-card--matematica .course-open:hover {color:#064b60;}