/* EDC Store: cartões das caixas com botão, itens dos packs e clipes lado a lado. */
.loja-grid{max-width:1100px}
.loja-grid.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.loja-grid.tres{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}}
.loja-card{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;cursor:pointer}
.loja-card:hover .loja-caixa img{transform:translateY(-10px)}
.loja-card:hover .btn{background:var(--rec-2)}
.loja-card .loja-caixa{display:block;width:100%;border-radius:0}
.loja-card .loja-caixa img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none;transition:transform .45s cubic-bezier(.22,1,.36,1);pointer-events:none}
.loja-card h3{margin-top:22px}.loja-card p{margin-bottom:18px;min-height:4.8em}
.loja-card .btn{margin-top:auto}
.loja-itens{grid-template-columns:repeat(2,minmax(0,1fr))}
.loja-clipes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1180px;margin:0 auto 26px}
.loja-clipe{margin:0}.loja-clipe .wide-video{max-width:none;box-shadow:6px 6px 0 #e88029}.loja-clipe .wide-video video{width:100%;aspect-ratio:16/9;display:block}
.loja-clipe figcaption{margin-top:12px;text-align:center;font-size:12px;letter-spacing:.14em;color:var(--grafite)}
.hero .hero-botoes{margin-top:26px}
@media(max-width:900px){.loja-clipes{grid-template-columns:1fr;max-width:560px}.loja-itens{grid-template-columns:1fr}.loja-card p{min-height:0}}
.vsl-loop{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000}
.vsl-loop video{display:block;width:100%;height:100%;object-fit:cover}
.chips-centro{justify-content:center}

/* Compra: a prévia do pack ao lado do plano, como na página dos Títulos, sem o encolhimento do carrossel de versões. */
#checkout .course-offer{max-width:940px;grid-template-columns:.85fr 1fr;gap:30px;align-items:stretch}
#checkout .offer-art{max-width:none}#checkout .offer-art video{width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
@media(max-width:700px){#checkout .course-offer{grid-template-columns:1fr}#checkout .offer-art{max-width:100%;max-height:none}#checkout .offer-art video{aspect-ratio:16/9;height:auto}}

/* Mini aula: quadro horizontal (o quadro da apresentação do treinamento é vertical). */
#aula .vsl-frame{max-width:980px}#aula .vsl-launch{aspect-ratio:16/9}
@media(max-width:700px){#aula .vsl-frame{max-width:100%}}

/* Quarto logo da hero da home (Premiere): mesmo tratamento dos outros três na física. */
.hero.fisica .hero-emblema-extra{opacity:.72}.hero-emblema-extra{position:absolute;right:20vw;top:60%;width:clamp(200px,20vw,380px);opacity:.5;filter:blur(3px);z-index:0;pointer-events:none}

/* Antes e depois (LUTs): duas imagens sobrepostas, a de cima recortada pelo controle deslizante. */
.cmp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,32px);max-width:1000px;margin:0 auto}
.cmp{position:relative;margin:0;border-radius:18px;overflow:hidden;background:#111;aspect-ratio:4/5;box-shadow:0 30px 60px #0008}
.cmp:first-child{grid-column:1/-1;aspect-ratio:16/10}
.cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.cmp .cmp-depois{clip-path:inset(0 0 0 var(--p))}
.cmp::before{content:"";position:absolute;top:0;bottom:0;left:var(--p);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none;z-index:2}
.cmp::after{content:"";position:absolute;top:50%;left:var(--p);width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 6px 18px #0009;transform:translate(-50%,-50%);pointer-events:none;z-index:2}
.cmp input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;-webkit-appearance:none;appearance:none}
.cmp .cmp-tag{position:absolute;left:14px;bottom:14px;padding:6px 10px;border-radius:999px;background:#0009;color:#fff;font-size:11px;letter-spacing:.14em;z-index:2}
.cmp .cmp-tag-b{left:auto;right:14px}
.cmp figcaption{position:absolute;top:14px;left:14px;padding:6px 10px;border-radius:999px;background:var(--rec);color:var(--ink);font-size:11px;letter-spacing:.14em;z-index:2}
@media(max-width:700px){.cmp-grid{grid-template-columns:1fr;max-width:480px}.cmp,.cmp:first-child{aspect-ratio:4/5}}