/* O cartaz do curso e a ficha de treino usam o vermelho da faixa. */
:root {--poster:#ae1224;--paper:#f2eee4;--ink:#161618}
header {background:var(--ink);border-bottom:0}
.cover {background:var(--poster);color:var(--paper);overflow:hidden}
.cover-grid {position:relative;padding-block:clamp(38px,5vw,76px);gap:26px 7%;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}
.cover-grid::before {content:"";position:absolute;inset:0 -3vw 0 53%;z-index:-1;background:#960e20;transform:skewX(-13deg)}
.cover h1 {font-size:clamp(5rem,8.6vw,9rem);line-height:.88;letter-spacing:-.048em;margin:0 0 24px}
.cover h1 small {display:block;font:700 clamp(.82rem,1.15vw,1.12rem)/1.15 var(--body);letter-spacing:.12em;margin-bottom:12px}
.cover h1 em {color:var(--paper);text-decoration:none}
.cover .intro {color:#fff;max-width:38ch}
.sales-film {border:5px solid var(--ink);background:var(--ink);transform:rotate(1deg);box-shadow:9px 9px 0 #700e19}
.sales-film.in-view {animation:none}
.replay-title {display:flex;align-items:center;justify-content:space-between;padding:9px 13px;background:var(--ink);color:#fff}
.replay-title strong {text-transform:uppercase;font:700 1.05rem/1.1 var(--display);letter-spacing:.025em}
.replay-title span {font-size:.79rem}
.cover .hero-order .buy {background:var(--paper);color:var(--ink);border-radius:2px;font-weight:750}
.cover .hero-order .buy:hover {background:white}
.hero-order .fine {color:#fff}
.facts {background:var(--ink);color:var(--paper)}
.facts .wrap {justify-content:flex-start;gap:clamp(20px,7vw,120px);min-height:80px}
.facts b {color:var(--bright);font-size:2.2rem}
.program {background:var(--paper);color:var(--ink)}
.program .section-intro,.program .drill-preview p {color:#413c39}
.program h2 em {color:var(--poster)}
.program .drill-preview {border-color:#aca69e;padding-block:0}
.program .training {display:grid;grid-template-columns:minmax(200px,.36fr) minmax(0,1fr);gap:24px;border:0;padding:0;margin-top:32px}
.training-options {display:flex;flex-direction:column;gap:0;align-self:start;margin:0}
.training-options button {display:flex;align-items:center;gap:15px;text-align:left;min-height:66px;padding:12px 14px;border:0;border-top:1px solid #aaa69d;color:var(--ink);font:700 clamp(1.25rem,2vw,2rem)/1.05 var(--display);text-transform:uppercase}
.training-options button small {font:700 .75rem var(--body)}
.training-options button[aria-selected=true] {background:var(--ink);color:white;box-shadow:inset 5px 0 var(--bright)}
.training-panel {margin:0;border:0;background:var(--ink);color:var(--paper);grid-template-columns:minmax(0,1fr)}
.training-photo img,.training-photo video {aspect-ratio:2.3;object-position:50% 42%}
.training-copy {padding:22px clamp(20px,2.5vw,40px)}
.student-story {background:var(--ink);color:var(--paper);border-bottom:1px solid var(--rule)}
.student-story .relato {grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
.student-story .student-photo::before {background:var(--poster);inset:0 auto 0 -8px;width:8px}
.student-quote h2 em {color:var(--bright)}
.student-story figcaption span {color:#ccc7bd}
.bio figure {border:0}
.offer {background:var(--poster);color:white}
.offer h2 em {color:var(--paper)}
.offer .price {background:var(--paper);color:var(--ink);padding:clamp(22px,3vw,45px);border:0}
.offer .price strong {font-size:clamp(4rem,7vw,7rem)}
.offer .price p,.offer .price>small {color:#48413e}
@media(max-width:740px){
 .cover-grid {grid-template-columns:minmax(0,1fr);gap:14px;padding-block:20px 22px}
 .cover h1 {font-size:clamp(3.35rem,13vw,5.7rem);margin-bottom:10px;line-height:.98}
 .cover h1 br {display:none}
 .cover h1 em::before {content:" "}
 .cover h1 small {font-size:.77rem;margin-bottom:6px}
 .cover .intro {line-height:1.45}
 .cover-grid::before {left:82%}
 .sales-film {transform:none;box-shadow:4px 4px 0 #790f1e;border-width:3px}
 .replay-title {padding:6px 9px}
 .replay-title strong {font-size:.95rem}
 .facts .wrap {gap:8px;justify-content:space-between;min-height:60px}
 .facts b {font-size:1.5rem}
 .program .training {grid-template-columns:1fr;gap:14px}
 .training-options {display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
 .training-options button {min-height:52px;font-size:1.15rem}
 .student-story .relato {grid-template-columns:102px 1fr}
 .hero-order .fine {margin-top:6px}
}
@media(max-width:355px){.cover h1 {font-size:13vw}}
@media(prefers-reduced-motion:no-preference){
 @keyframes print-in {from {opacity:.55;transform:translateY(.15em)}to {opacity:1;transform:none}}
 .cover h1 {animation:print-in .4s ease-out both}
 .training-options button {transition:color .16s,background-color .16s}
}