/* Minicurso grátis (14/11/2026). The site's tokens and components come from landing.css (header, buttons, light
   sections, platform cards, footer); this file adds the course: the WhatsApp pop-up, the group card as the main
   call, the "Fique até o fim" seal, the lesson cards and the player. Every text passes WCAG AA
   (tests/test_minicurso.py measures it in the browser at 390 and 1440 px). */
body{min-height:100vh}
.mc-nav{display:flex;align-items:center;gap:4px}
.mc-nav a{display:inline-flex;align-items:center;justify-content:center;gap:.28em;min-width:44px;min-height:44px;padding:0 14px;border-radius:999px;font-size:13px;font-weight:650;color:#d3d8dc}
.mc-nav a:hover{color:var(--text);background:#ffffff10}
.mc-nav a[aria-current=page]{color:var(--lime-ink);background:linear-gradient(180deg,var(--lime-top),var(--lime-bottom))}
.mc-nav .mc-nav-home{margin-right:6px;color:var(--accent)}
.eyebrow{color:var(--accent)}

/* Opening of the course and of each lesson: dark, with the colour glows of the site's entrance. */
.mc-hero,.mc-lesson{position:relative;isolation:isolate;background:radial-gradient(52% 62% at 90% 8%,#7b6cff38,transparent 70%),radial-gradient(42% 52% at -4% 96%,#ff7a5a2b,transparent 72%),radial-gradient(38% 42% at 52% 110%,#3fc5ff24,transparent 70%)}
.mc-hero{padding:clamp(44px,6vw,96px) 0 clamp(48px,6vw,96px)}
.mc-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(28px,4vw,64px);align-items:center}
.mc-hero h1{font-size:clamp(40px,4.3vw,60px);line-height:1.06}
.mc-lead{margin-top:22px;max-width:40ch;font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:#c3c9d2}
.mc-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.mc-hero-actions .button,.mc-next{min-height:60px;padding:14px 30px;font-size:17px}
.mc-poster{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;border:1px solid #c5d4ce33;border-radius:var(--radius-panel);background:#10151c;box-shadow:0 28px 100px #02050a80}
.mc-poster img{width:100%;height:100%;object-fit:cover}
.mc-poster-play,.mc-thumb-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,var(--lime-top),var(--lime-bottom));box-shadow:0 14px 40px -10px #000c,0 0 0 8px #c4f28e2e;transform:translate(-50%,-50%);transition:transform var(--motion-feedback) var(--ease)}
.mc-poster-play{width:84px;height:84px}.mc-thumb-play{width:58px;height:58px}
.mc-poster-play svg{width:34px;height:34px;margin-left:4px;fill:var(--lime-ink)}.mc-thumb-play svg{width:24px;height:24px;margin-left:3px;fill:var(--lime-ink)}
.mc-poster:hover .mc-poster-play,.mc-thumb:hover .mc-thumb-play{transform:translate(-50%,-50%) scale(1.06)}
.mc-poster:focus-visible{outline:3px solid var(--focus);outline-offset:4px}

/* "Fique até o fim": a seal with the gold edge of the Fundador card, never called an offer before lesson 3. */
.mc-seal{display:flex;align-items:center;gap:16px;width:fit-content;max-width:100%;margin:0;padding:16px 22px 16px 18px;border:1.5px solid transparent;border-radius:20px;color:#f3f2ef;background:radial-gradient(60% 80% at 100% 0%,#ffc8612e,transparent 70%) padding-box,linear-gradient(165deg,#221d12,#12141a 70%) padding-box,linear-gradient(135deg,#fff1c4 0%,#b8893a 22%,#ffe6a3 44%,#8a6526 66%,#f3d48a 86%,#a77b34 100%) border-box;box-shadow:0 18px 50px -24px #0009}
.mc-seal svg{flex:none;width:40px;height:40px;padding:8px;border-radius:12px;background:#ffd77a1f;fill:none;stroke:#ffd77a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mc-seal span{font-size:16px;line-height:1.45}
.mc-seal strong{display:block;margin-bottom:2px;color:#ffd77a;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.tone-light .mc-seal{margin:28px 0 0}

/* Sections. */
.mc-section{padding:clamp(56px,7vw,104px) 0}
.mc-section-title{margin-top:clamp(48px,6vw,72px);font-size:clamp(30px,3.2vw,44px)}
.mc-apps h2{font-size:clamp(28px,3vw,40px)}
.mc-apps-text{margin-top:14px;max-width:60ch;color:var(--muted);font-size:16px;line-height:1.7}

/* The WhatsApp group: the main call of every page, in the bright gradient of the site's closing call. */
.mc-group{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px 28px;align-items:center;padding:clamp(24px,3.4vw,44px);border-radius:32px;color:#141413;background:radial-gradient(70% 90% at 100% 100%,#8fbfff,transparent 70%),linear-gradient(125deg,#c6f681 0%,#93e6bd 58%,#8fc4ff 100%);box-shadow:0 40px 100px -40px #4f8f2a80}
.mc-group-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;background:#141413}
.mc-group-icon svg{width:38px;height:38px;fill:none;stroke:#c4f28e;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mc-kicker{margin-bottom:8px;color:#173a0a;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.mc-group h2{color:#141413;font-size:clamp(26px,2.8vw,38px);line-height:1.12}
.mc-group-copy>p:not(.mc-kicker),.mc-group h2 .mc-group-rest{margin-top:10px;max-width:58ch;color:#1d2a21;font-size:17px;line-height:1.6}
/* "Passo 1" is one sentence (COPY-CAMPANHA section 4): the call as the title, the rest of it in body text. */
.mc-group h2 .mc-group-rest{display:block;font-weight:400;letter-spacing:0;text-wrap:pretty}
.mc-group-button{min-height:62px;padding:14px 30px;font-size:17px;font-weight:750;color:#f8fdf1;background:#141413;box-shadow:0 14px 32px -14px #141413cc}
.mc-group-button:hover{background:#262624}
.mc-group-button:focus-visible{outline:3px solid #141413;outline-offset:4px}
.mc-group-soon{margin:0;padding:14px 20px;border:1.5px dashed #14141380;border-radius:16px;color:#141413;font-size:15px;font-weight:650}
.mc-group-surprise .mc-group-icon{align-self:start}

/* Lesson cards: three on the course page, compact under each lesson. */
.mc-lessons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 0;padding:0;list-style:none}
.mc-lesson-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid #1414131a;border-radius:24px;background:#ffffff;box-shadow:inset 0 1px 0 #ffffff,0 1px 2px #1414130d,0 18px 40px -24px #14141340}
.mc-lesson-card.is-current{border-color:#2f6a14;box-shadow:0 0 0 2px #2f6a1433,0 18px 40px -24px #14141340}
.mc-thumb{position:relative;display:block;aspect-ratio:16/9;background:#10151c}
.mc-thumb img{width:100%;height:100%;object-fit:cover}
.mc-lesson-body{display:grid;align-content:start;gap:10px;padding:20px 22px 24px}
.mc-lesson-meta{color:#2f6a14;font-size:12px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.mc-lesson-card h3{font-size:23px;line-height:1.2}
.mc-lesson-body>p:not(.mc-lesson-meta){color:#5e5d59;font-size:15px;line-height:1.65}
.mc-lesson-body .button{justify-self:start;margin-top:8px;min-height:48px;padding:10px 20px;font-size:14px}
.mc-lesson-here{margin-top:8px;color:#2f6a14;font-size:14px;font-weight:700}
.mc-lessons-compact .mc-lesson-body{padding:16px 18px 20px}
.mc-lessons-compact h3{font-size:19px}

/* The lesson: title, player and, right under it, the seal and the next lesson. */
.mc-lesson{padding:clamp(32px,4.5vw,64px) 0 clamp(40px,5vw,72px)}
.mc-lesson h1{margin-top:-10px;font-size:clamp(34px,3.6vw,52px);line-height:1.08}
.mc-lesson h1:focus{outline:none}
.mc-player{margin-top:clamp(20px,2.6vw,32px);overflow:hidden;border:1px solid #c5d4ce33;border-radius:var(--radius-panel);background:#000;box-shadow:0 30px 100px #02050a99}
.mc-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000}
.mc-player video p{padding:24px;color:#f3f2ef}
.mc-player video a{color:var(--accent);text-decoration:underline}
.mc-lesson-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:24px}
.mc-lesson-bar>.mc-next:only-child{margin-left:auto}
.mc-lesson-group{margin-top:24px}
/* The mark with the Santa hat (Natal) is drawn on a larger canvas, like on the site (tema.css). */
.brand .mc-mark[src$="-gorro.svg"]{margin:-3px -2px -1px}

/* The pop-up of the first visit: only the WhatsApp number, with the consent and the privacy policy. */
.mc-locked{overflow:hidden}
.mc-page[inert]{filter:blur(3px);opacity:.55}
.mc-gate{position:fixed;inset:0;z-index:50;display:grid;place-items:center;overflow-y:auto;padding:24px 16px;background:#05070bc4}
.mc-gate-card{width:min(520px,100%);padding:clamp(24px,4vw,40px);border:1px solid #c5d4ce3d;border-radius:28px;background:radial-gradient(70% 60% at 100% 0%,#7b6cff33,transparent 70%),#11161d;box-shadow:0 40px 120px #000c}
.mc-gate-card .eyebrow{margin-bottom:14px}
.mc-gate-card h2{font-size:clamp(26px,3vw,34px);line-height:1.12}
.mc-gate-card>p:not(.eyebrow){margin-top:12px;color:#c3c9d2;font-size:15px;line-height:1.6}
.mc-field{display:grid;gap:8px;margin-top:24px;font-size:14px;font-weight:650;color:#f3f2ef}
.mc-field input{width:100%;min-height:56px;padding:12px 16px;border:1.5px solid #ffffff59;border-radius:14px;background:#080c12;color:#f3f2ef;font-size:20px;letter-spacing:.01em}
.mc-field input::placeholder{color:#8d949e}
.mc-field input:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-color:#ffffffa0}
.mc-consent{display:flex;align-items:flex-start;gap:12px;margin-top:18px;color:#dfe3e7;font-size:14px;line-height:1.55;cursor:pointer}
.mc-consent input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:#b6f36a}
.mc-gate-card .mc-privacy{margin-top:12px!important;font-size:13px!important}
.mc-privacy a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.mc-gate-error{min-height:22px;margin-top:12px;color:#ffb4ab;font-size:14px;font-weight:650}
.mc-gate-error:empty{min-height:0;margin-top:0}
.mc-gate-card .button{width:100%;min-height:58px;margin-top:20px;font-size:17px}

@media(max-width:1023px){
  .mc-hero-grid{grid-template-columns:minmax(0,1fr)}
  .mc-poster{max-width:720px}
  .mc-lessons{grid-template-columns:minmax(0,1fr)}
  .mc-lesson-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:none}
  .mc-thumb{aspect-ratio:auto;min-height:100%}
}
@media(max-width:767px){
  .mc-group{grid-template-columns:minmax(0,1fr);gap:16px;border-radius:26px}
  .mc-group-icon{width:56px;height:56px;border-radius:18px}.mc-group-icon svg{width:30px;height:30px}
  .mc-group-button{width:100%}
  .mc-lesson-card{grid-template-columns:minmax(0,1fr)}
  .mc-thumb{aspect-ratio:16/9}
  .mc-lessons-compact .mc-lesson-card{grid-template-columns:120px minmax(0,1fr)}
  .mc-lessons-compact .mc-thumb{aspect-ratio:auto}
  .mc-lessons-compact .mc-thumb-play{width:40px;height:40px}.mc-lessons-compact .mc-thumb-play svg{width:18px;height:18px}
  .mc-lessons-compact .mc-lesson-body{padding:14px 14px 16px;gap:6px}
  .mc-lessons-compact .mc-lesson-body .button{min-height:44px;padding:8px 14px;font-size:13px}
  .mc-lesson-bar{flex-direction:column;align-items:stretch}
  .mc-lesson-bar .mc-next{width:100%}
  .mc-seal{width:auto}
  .mc-player{border-radius:18px}
}
@media(max-width:479px){
  .mc-nav .mc-nav-home{display:none}
  .mc-nav .mc-word{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .mc-nav a{padding:0 12px}
  .mc-hero h1{font-size:38px}
  .mc-hero-actions .button{width:100%}
  .mc-seal{padding:14px 16px;gap:12px}.mc-seal span{font-size:15px}
  .mc-lessons-compact .mc-lesson-card{grid-template-columns:96px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.mc-poster-play,.mc-thumb-play{transition:none}}
@media(forced-colors:active){.mc-group,.mc-seal,.mc-gate-card,.mc-lesson-card{border:1px solid CanvasText;background:Canvas}.mc-group-button{border:1px solid ButtonText}}