/* EMÉRITO · /presenca (landing de conversão, tema claro fixo) Carrega depois de home-v2.css e theme.css. O tema claro vem do data-tema="claro" fixo no ; aqui ficam só os componentes próprios da página (prefixo .pres-) e a faixa escura de contraste. */ /* ===== hero ===== */ .pres-hero{position:relative;padding:clamp(36px,4.5vw,68px) 0 clamp(44px,6vw,76px);overflow:hidden} .pres-hero::before{content:"";position:absolute;inset:-24% -10% auto;height:82%;background:radial-gradient(ellipse at 50% 0%,var(--brilho-ouro-forte),transparent 58%);pointer-events:none} .pres-hero .wrap{position:relative;max-width:960px;text-align:center} .pres-hero .hero-selo{max-width:100%;flex-wrap:wrap;justify-content:center} .pres-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(2.6rem,6.2vw,4.8rem);line-height:1.03;letter-spacing:-.035em;color:var(--marfim);text-wrap:balance;margin:20px auto 0;max-width:15ch} .pres-hero h1 em{font-style:italic;color:var(--ouro)} .pres-hero-sub{margin:22px auto 0;max-width:44ch;color:var(--grafite);font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.55;text-wrap:balance} .pres-hero-acoes{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:13px} .pres-hero-micro{font-size:.85rem;color:var(--apagado)} /* números do hero */ .pres-numeros{margin-top:clamp(36px,5vh,52px);display:flex;justify-content:center;align-items:flex-start;gap:clamp(20px,4vw,48px);flex-wrap:wrap} .pres-numero{text-align:center} .pres-numero strong{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,3.2vw,2.5rem);letter-spacing:-.02em;color:var(--ouro)} .pres-numero span{display:block;margin-top:4px;font-size:.82rem;letter-spacing:.04em;color:var(--apagado)} /* vitrine de cases (prova de autoridade no hero) */ .pres-vitrine{position:relative;margin-top:clamp(48px,7vh,72px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)} .pres-vitrine-trilho{display:flex;gap:clamp(14px,1.6vw,22px);width:max-content;animation:pres-vitrine 48s linear infinite;will-change:transform} .pres-vitrine:hover .pres-vitrine-trilho{animation-play-state:paused} @keyframes pres-vitrine{to{transform:translateX(-50%)}} .pres-vitrine-card{position:relative;flex:none;width:min(380px,74vw);margin:0;padding:7px;border-radius:18px;background:var(--carvao-2);border:1px solid var(--linha-suave);transition:border-color .3s ease} .pres-vitrine-card:hover{border-color:var(--linha)} .pres-vitrine-card img{display:block;width:100%;height:clamp(200px,17vw,250px);object-fit:cover;object-position:center top;border-radius:11px} .pres-vitrine-card figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 11px 7px} .pres-vitrine-card figcaption b{font-family:var(--serif);font-weight:500;font-size:.98rem;color:var(--marfim);letter-spacing:-.01em} .pres-vitrine-card figcaption span{flex:none;font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro)} @media (prefers-reduced-motion:reduce){ .pres-vitrine{-webkit-mask-image:none;mask-image:none;overflow-x:auto} .pres-vitrine-trilho{animation:none;width:auto;padding-bottom:8px} .pres-vitrine-clone{display:none} } /* ===== seções genéricas da página ===== */ .pres-secao{padding:clamp(64px,10vh,110px) 0} .pres-secao-alt{background:var(--secao-alt)} .pres-secao .cabeca{max-width:760px;margin:0 auto clamp(36px,6vh,56px);text-align:center} /* cards do problema / benefícios / para quem é */ .pres-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .pres-grid-4{grid-template-columns:repeat(4,1fr)} .pres-card{background:var(--carvao);border:1px solid var(--linha-suave);border-radius:18px;padding:28px 26px;transition:border-color .3s ease,transform .3s ease} .pres-card:hover{border-color:var(--linha);transform:translateY(-3px)} .pres-card-num{font-family:var(--serif);font-size:2rem;line-height:1;color:transparent;-webkit-text-stroke:1px var(--contorno-num)} .pres-card h3{margin-top:14px;font-family:var(--serif);font-weight:500;font-size:1.25rem;letter-spacing:-.01em;color:var(--marfim)} .pres-card p{margin-top:10px;font-size:.95rem;line-height:1.6;color:var(--grafite)} /* ===== faixa escura: você está aqui ===== */ .pres-escuro{background:#181410;padding:clamp(72px,11vh,120px) 0;position:relative;overflow:hidden} .pres-escuro::before{content:"";position:absolute;inset:auto -10% -40%;height:90%;background:radial-gradient(ellipse at 50% 100%,rgba(201,162,83,.1),transparent 62%);pointer-events:none} .pres-escuro .cabeca{position:relative} .pres-escuro .rotulo{color:#C9A253} .pres-escuro .cabeca h2{color:#F4EFE3} .pres-escuro .cabeca h2 em{color:#C9A253} .pres-escuro .secao-sub{color:#B9AE97} .pres-linha{position:relative;max-width:820px;margin:clamp(40px,6vh,60px) auto 0;display:grid;grid-template-columns:1fr 1fr;gap:22px} .pres-linha::before{content:"";position:absolute;top:11px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,rgba(201,162,83,.15),rgba(201,162,83,.6));pointer-events:none} .pres-etapa{position:relative;text-align:center;padding:0 18px} .pres-etapa-ponto{position:relative;z-index:1;display:inline-block;width:22px;height:22px;border-radius:50%;border:1px solid rgba(201,162,83,.5);background:#181410} .pres-etapa-ponto::after{content:"";position:absolute;inset:6px;border-radius:50%;background:rgba(201,162,83,.35)} .pres-etapa-atual .pres-etapa-ponto::after{background:#C9A253;box-shadow:0 0 0 6px rgba(201,162,83,.14)} .pres-etapa-rotulo{display:block;margin-top:16px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#8A7F68} .pres-etapa-atual .pres-etapa-rotulo{color:#C9A253} .pres-etapa h3{margin-top:8px;font-family:var(--serif);font-weight:500;font-size:clamp(1.25rem,2.4vw,1.7rem);letter-spacing:-.01em;color:#F4EFE3} .pres-etapa p{margin:10px auto 0;max-width:34ch;font-size:.93rem;line-height:1.6;color:#B9AE97} .pres-escuro-frase{position:relative;margin:clamp(44px,7vh,60px) auto 0;max-width:44ch;text-align:center;font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.45;color:#EAE2D0;text-wrap:balance} /* ===== como funciona ===== */ .pres-passos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:passo} .pres-passo{position:relative;background:var(--carvao);border:1px solid var(--linha-suave);border-radius:18px;padding:30px 26px} .pres-passo::before{counter-increment:passo;content:"0" counter(passo);font-family:var(--serif);font-size:2.6rem;line-height:1;color:transparent;-webkit-text-stroke:1px var(--contorno-num)} .pres-passo h3{margin-top:16px;font-family:var(--serif);font-weight:500;font-size:1.3rem;color:var(--marfim)} .pres-passo p{margin-top:10px;font-size:.95rem;line-height:1.6;color:var(--grafite)} .pres-passo-meta{display:inline-block;margin-top:14px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro)} /* ===== o que inclui ===== */ .pres-inclui{max-width:760px;margin:0 auto;border-top:1px solid var(--linha-suave)} .pres-inclui-item{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:baseline;padding:22px 6px;border-bottom:1px solid var(--linha-suave)} .pres-inclui-num{font-family:var(--serif);font-size:1.5rem;color:transparent;-webkit-text-stroke:1px var(--contorno-num)} .pres-inclui-item h3{font-family:var(--serif);font-weight:500;font-size:1.25rem;letter-spacing:-.01em;color:var(--marfim)} .pres-inclui-item p{margin-top:6px;font-size:.95rem;line-height:1.6;color:var(--grafite)} .pres-inclui-nota{margin:26px auto 0;max-width:56ch;text-align:center;font-size:.9rem;color:var(--apagado)} /* ===== depoimentos (marquee) ===== */ .pres-marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)} .pres-marquee-trilho{display:flex;gap:18px;width:max-content;animation:pres-rolar 55s linear infinite} .pres-marquee:hover .pres-marquee-trilho{animation-play-state:paused} @keyframes pres-rolar{to{transform:translateX(-50%)}} .pres-depo{width:min(340px,78vw);flex:none;background:var(--carvao);border:1px solid var(--linha-suave);border-radius:18px;padding:26px 24px;display:flex;flex-direction:column} .pres-depo-estrelas{color:var(--ouro);letter-spacing:3px;font-size:.85rem} .pres-depo p{margin-top:14px;font-size:.93rem;line-height:1.6;color:var(--grafite);flex:1} .pres-depo-quem{margin-top:18px;display:flex;align-items:center;gap:12px} .pres-depo-quem img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid var(--linha)} .pres-depo-quem b{display:block;font-size:.9rem;color:var(--marfim)} .pres-depo-quem span{display:block;font-size:.78rem;color:var(--apagado)} @media (prefers-reduced-motion:reduce){ .pres-marquee{-webkit-mask-image:none;mask-image:none;overflow-x:auto} .pres-marquee-trilho{animation:none;width:auto;padding-bottom:8px} .pres-marquee-clone{display:none} } /* ===== objeções + faq (details) ===== */ .pres-perguntas{max-width:760px;margin:0 auto;border-top:1px solid var(--linha-suave)} .pres-perguntas details{border-bottom:1px solid var(--linha-suave)} .pres-perguntas summary{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:20px 6px;cursor:pointer;list-style:none;font-family:var(--serif);font-weight:500;font-size:clamp(1.05rem,1.8vw,1.25rem);letter-spacing:-.01em;color:var(--marfim);transition:color .25s ease} .pres-perguntas summary::-webkit-details-marker{display:none} .pres-perguntas summary::after{content:"+";flex:none;font-family:var(--serif);font-size:1.4rem;line-height:1;color:var(--ouro);transition:transform .3s ease} .pres-perguntas details[open] summary{color:var(--ouro)} .pres-perguntas details[open] summary::after{transform:rotate(45deg)} .pres-perguntas details p{padding:0 6px 22px;max-width:60ch;font-size:.95rem;line-height:1.66;color:var(--grafite)} .pres-objecao-tag{flex:none;order:-1;font-family:var(--sans);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--apagado)} /* ===== cta final ===== */ .pres-final{position:relative;padding:clamp(80px,12vh,130px) 0;text-align:center;overflow:hidden} .pres-final::before{content:"";position:absolute;inset:auto -10% -50%;height:100%;background:radial-gradient(ellipse at 50% 100%,var(--brilho-ouro-forte),transparent 60%);pointer-events:none} .pres-final .wrap{position:relative;max-width:720px} .pres-final h2{font-family:var(--serif);font-weight:500;font-size:clamp(2rem,4.6vw,3.4rem);line-height:1.08;letter-spacing:-.03em;color:var(--marfim);text-wrap:balance} .pres-final h2 em{font-style:italic;color:var(--ouro)} .pres-final p{margin:20px auto 0;max-width:50ch;color:var(--grafite);line-height:1.66} .pres-final-acoes{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:16px} .pres-final-zap{font-size:.9rem;color:var(--apagado)} .pres-final-zap a{color:var(--ouro);text-decoration:underline;text-underline-offset:3px} /* ===== responsivo ===== */ @media (max-width:960px){ .pres-grid,.pres-passos{grid-template-columns:repeat(2,1fr)} .pres-grid-4{grid-template-columns:repeat(2,1fr)} } @media (max-width:620px){ .pres-grid,.pres-grid-4,.pres-passos{grid-template-columns:1fr} .pres-linha{grid-template-columns:1fr;gap:40px} .pres-linha::before{left:50%;right:auto;top:8%;bottom:8%;width:1px;height:auto;background:linear-gradient(180deg,rgba(201,162,83,.15),rgba(201,162,83,.6))} .pres-inclui-item{grid-template-columns:44px 1fr} .pres-numero{flex:1 1 26%;min-width:0} .pres-numero span{font-size:.72rem} .pres-hero .hero-selo{letter-spacing:.13em;font-size:.6rem} }