/* Pagina inicial (13/11/2026, Higor): Hero com altura do conteudo, atalhos da Loja, vitrine da Loja
 * em 3 carrosseis (mesmo card da Loja) e Areas de expertise compacta. Cores normais do site;
 * cores de campanha ficam na camada propria da campanha. */
:root{--hl-navy:#011072;--hl-ink:#0e1a3a;--hl-muted:#52627a;--hl-line:#e8ebf5;--hl-ease:cubic-bezier(.22,.8,.24,1)}

/* Hero: altura do conteudo, 150px em cima e embaixo (desktop) */
.home-slider .home-slider__viewport{height:auto;min-height:0}
.home-slider .home-slider__slide.is-active{position:relative;inset:auto;height:auto}
.home-slider .home-slider__inner{height:auto;padding:150px 32px}
@media (max-width:900px){.home-slider .home-slider__inner{padding:88px 24px}}
@media (max-width:600px){.home-slider .home-slider__inner{padding:64px 20px}}

/* Container comum */
.hl-wrap{box-sizing:border-box;width:calc(100% - 96px);max-width:1320px;margin:0 auto}
@media (max-width:1000px){.hl-wrap{width:calc(100% - 64px)}}
@media (max-width:600px){.hl-wrap{width:calc(100% - 40px)}}
.hl-eyebrow{display:inline-flex;align-items:center;padding:7px 14px;border:1px solid rgba(74,108,247,.32);border-radius:999px;background:rgba(74,108,247,.08);color:var(--hl-navy);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}

/* ---------- Vitrine da Loja (fundo branco) ---------- */
.home-vitrine{background:#f4f5f8;padding:96px 0 104px}
.home-vitrine__bloco+.home-vitrine__bloco{margin-top:80px}
.home-vitrine__head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}
.home-vitrine__texto{max-width:640px}
.home-vitrine__titulo{margin:14px 0 10px;color:var(--hl-navy);font-size:clamp(26px,2.6vw,36px);font-weight:600;line-height:1.15;letter-spacing:-.02em}
.home-vitrine__desc{margin:0;color:var(--hl-muted);font-size:16px;line-height:1.6}
.home-vitrine__acoes{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.home-vitrine__todos{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:10px;background:var(--hl-navy);color:#fff;font-size:15px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background .25s var(--hl-ease),gap .3s var(--hl-ease)}
.home-vitrine__todos:hover{background:#02148a;gap:12px}
.home-vitrine__todos:focus-visible{outline:2px solid var(--hl-navy);outline-offset:3px}
.home-vitrine__todos svg{width:16px;height:16px}
.home-vitrine__seta{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:1px solid #d5dbef;border-radius:10px;background:#fff;color:var(--hl-navy);cursor:pointer;transition:background .25s var(--hl-ease),border-color .25s var(--hl-ease),opacity .25s var(--hl-ease)}
.home-vitrine__seta:hover:not(:disabled){background:#f4f6fd;border-color:#b9c3f2}
.home-vitrine__seta:disabled{opacity:.35;cursor:default}
.home-vitrine__seta:focus-visible{outline:2px solid var(--hl-navy);outline-offset:2px}
.home-vitrine__seta svg{width:18px;height:18px}
@media (max-width:760px){
 .home-vitrine{padding:64px 0 72px}
 .home-vitrine__bloco+.home-vitrine__bloco{margin-top:56px}
 .home-vitrine__head{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:24px}
}
/* Carrossel por passos (13/11, Higor): mostra so cards inteiros, sem rolagem e sem corte; a sombra fica livre. */
.home-vitrine__trilho{position:relative}
.home-vitrine__lista{--hl-k:4;display:grid;grid-template-columns:repeat(var(--hl-k),minmax(0,1fr));gap:24px;margin:0;padding:8px 0 0;list-style:none}
.home-vitrine__lista>[hidden]{display:none}
.home-vitrine__lista:focus-visible{outline:2px solid var(--hl-navy);outline-offset:8px;border-radius:20px}
@media (max-width:1200px){.home-vitrine__lista{--hl-k:3}}
@media (max-width:900px){.home-vitrine__lista{--hl-k:2}}
@media (max-width:600px){.home-vitrine__lista{--hl-k:1;gap:16px}}
@media (max-width:1200px){.home-vitrine__esqueleto:nth-child(n+4){display:none}}
@media (max-width:900px){.home-vitrine__esqueleto:nth-child(n+3){display:none}}
@media (max-width:600px){.home-vitrine__esqueleto:nth-child(n+2){display:none}}
.home-vitrine__vazio{margin:0;padding:28px;border:1px dashed #d5dbef;border-radius:16px;color:var(--hl-muted);font-size:15px}
.home-vitrine__esqueleto{height:462px;border-radius:20px;background:linear-gradient(90deg,#f1f3fa 0%,#f8f9fd 50%,#f1f3fa 100%);background-size:200% 100%;animation:hl-pulse 1.4s ease-in-out infinite}
@keyframes hl-pulse{to{background-position:-200% 0}}

/* Card: igual ao da Loja (CoursesPresentation / CourseFilters.module.css) */
.hl-card{position:relative;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;color:var(--hl-ink);font-size:15px;line-height:1.55;filter:drop-shadow(0 4px 16px rgba(0,0,0,.06));transition:filter .45s cubic-bezier(.2,.8,.2,1);user-select:none}
.hl-card:hover{filter:drop-shadow(0 20px 30px rgba(0,0,0,.12))}
.hl-card.is-pending{opacity:.5}
.hl-card__media{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#011072 0%,#050d3d 100%);
 mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'><path d='M0 0 H43.7 A14 14 0 0 1 57.2 17.6 A37 37 0 0 0 102.4 62.8 A14 14 0 0 1 120 76.3 V120 H0 Z' fill='black'/></svg>") right top/120px 120px no-repeat,linear-gradient(#000,#000) left top/calc(100% - 119px) 120px no-repeat,linear-gradient(#000,#000) left bottom/100% calc(100% - 119px) no-repeat}
.hl-card__img{display:block;width:100%;height:auto;aspect-ratio:16/10;margin:-5px 0;object-fit:cover;object-position:center top;transition:transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.hl-card:hover .hl-card__img{transform:scale(1.05)}
.hl-card__nocover{display:block;aspect-ratio:16/10}
.hl-card__badges{position:absolute;top:14px;left:14px;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100% - 150px)}
.hl-card__horas,.hl-card__breve{display:inline-flex;align-items:center;padding:6px 12px;border-radius:10px;background:rgba(14,26,58,.78);color:#fff;font-size:11.5px;font-weight:600;letter-spacing:.02em;line-height:1.55;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.hl-card__breve{background:rgba(8,16,50,.82);font-size:11px;font-weight:700;letter-spacing:.04em}
.hl-card__mdsap{flex:0 0 auto;display:block;width:38px;height:38px}
.hl-card__mdsap img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(8,16,50,.5))}
.hl-card__vagas{position:absolute;left:14px;bottom:14px;z-index:1;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 76px);margin:0;padding:4px 8px;border-radius:7px;background:rgba(20,210,133,.34);backdrop-filter:blur(7px) saturate(1.6);color:#fff;font-size:11px;font-weight:500;line-height:1.4;text-shadow:0 1px 3px rgba(0,59,43,.6);box-shadow:0 2px 6px rgba(7,27,40,.07)}
.hl-card__off{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;margin:0;padding:7px 12px 6px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#ff5a36 0%,#ff2d55 100%);color:#fff;text-align:center;line-height:1;box-shadow:0 6px 16px rgba(255,45,85,.333),inset 0 1px 0 rgba(255,255,255,.25)}
.hl-card__off::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.333) 50%,transparent 70%);transform:translateX(-120%);animation:hl-reflexo 3.6s ease-in-out infinite}
@keyframes hl-reflexo{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.hl-card__off b{font-size:24px;font-weight:800;letter-spacing:-.03em}
.hl-card__off span{margin-top:2px;font-size:10px;font-weight:700;letter-spacing:.14em}
.hl-card__selo{position:absolute;top:0;right:0;z-index:3;display:flex;align-items:center;justify-content:center;width:54px;height:54px}
.hl-card__selo img{display:block;width:100%;height:100%;object-fit:contain}
.hl-card__body{flex:1 1 0%;display:flex;flex-direction:column;padding:26px 22px 28px;background:#fff}
.hl-card__titulo{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:41.6px;margin:0 0 8px;color:var(--hl-navy);font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.018em}
.hl-card__link{color:inherit;text-decoration:none}
.hl-card__link::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.hl-card__link:focus-visible{outline:0}
.hl-card__link:focus-visible::after{outline:2px solid var(--hl-navy);outline-offset:3px}
.hl-card__resumo{height:36px;margin:0 0 14px;overflow:hidden;color:#4b5563;font-size:11.5px;line-height:18px;mask-image:linear-gradient(#000 calc(100% - 9px),transparent)}
.hl-card__rodape{display:flex;flex-direction:column;gap:16px;margin-top:auto}
.hl-card__agenda{display:inline-flex;align-items:center;gap:7px;margin:0;color:var(--hl-muted);font-size:13px;line-height:1.4}
.hl-card__agenda svg{flex:0 0 auto;color:#8792a6}
.hl-card__compra{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:6px;min-height:44px;padding-top:16px;border-top:1px solid var(--hl-line)}
.hl-card__precos{display:flex;flex-direction:column;gap:2px;min-width:0}
.hl-card__preco{display:flex;flex-direction:column;align-items:flex-start;row-gap:2px;margin:0;color:var(--hl-navy);font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.hl-card__preco s{color:var(--hl-muted);font-size:12px;font-weight:500;text-decoration-thickness:1px}
.hl-card__preco--sob{color:#25334c;font-size:15px;font-weight:600}
.hl-card__preco--gratis{color:#087443}
.hl-card__parcelas{display:flex;align-items:center;gap:2px;color:#65738a;font-size:10px;line-height:1.4}
.hl-card__info{position:relative;z-index:3;display:inline-flex}
.hl-card__info i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:20px;color:#65738a;cursor:help;transition:color .2s}
.hl-card__info:hover i{color:var(--hl-navy)}
.hl-card__dica{position:absolute;left:-100px;bottom:calc(100% + 7px);z-index:5;width:180px;padding:9px 11px;border:1px solid #e1e5ef;border-radius:8px;background:#fff;color:var(--hl-muted);font-size:11px;line-height:1.5;box-shadow:0 6px 20px rgba(1,16,114,.094);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s,transform .22s var(--hl-ease),visibility 0s linear .22s;pointer-events:none}
.hl-card__info:hover .hl-card__dica{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.hl-card__cta{flex:0 0 auto;box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 8px;border:1px solid var(--hl-navy);border-radius:12px;color:var(--hl-navy);font-size:11px;font-weight:500;line-height:1;white-space:nowrap;transition:background .25s var(--hl-ease),gap .3s var(--hl-ease)}
.hl-card__cta svg{transition:transform .3s var(--hl-ease)}
.hl-card:hover .hl-card__cta{background:#f4f6fd;gap:6px}
.hl-card:hover .hl-card__cta svg{transform:translateX(2px)}
@media (max-width:1100px){.hl-card__cta{gap:6px;padding:0 12px;font-size:13px}.hl-card__preco{font-size:19px}}

/* ---------- Areas de expertise compacta (mesmo texto) ---------- */
.home-expertise.home-expertise{padding:56px 0}
@media (max-width:760px){.home-expertise.home-expertise{padding:44px 0}}

@media (prefers-reduced-motion:reduce){
 .atalho,.atalho__bg,.hl-card,.hl-card__img,.hl-card__cta,.hl-card__cta svg,.home-vitrine__todos{transition:none!important}
 .hl-card__off::after,.home-vitrine__esqueleto{animation:none}
}

/* 13/11/2026 (Higor): no celular a linha das setas com o botao Ver todos passava da largura da tela e empurrava a pagina para o lado. Setas em cima, botao na largura total embaixo. */
@media (max-width:600px){.home-vitrine__acoes{flex-wrap:wrap;flex:1 1 100%;max-width:100%;min-width:0}.home-vitrine__todos{order:3;flex:1 1 100%;justify-content:center;min-width:0}}