/* Acréscimos ao site público (2026-10-08), fora do styles.min.css gerado.
 * CTA no meio da página, logo depois dos Cases: quem se convenceu com os
 * cases não precisa rolar até o fim para falar com a Comelato. */
.mid-cta{padding:clamp(40px,6vw,72px) 0;background:#071125;color:#fff}
.mid-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap}
.mid-cta__title{margin:0 0 6px;font-size:clamp(1.35rem,2.4vw,1.9rem);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:#fff}
.mid-cta__text{margin:0;max-width:40rem;color:rgba(255,255,255,.78);font-size:1rem;line-height:1.55}
.mid-cta .btn{flex:none}
@media (max-width:640px){.mid-cta .btn{width:100%;justify-content:center}}

/* ---- Ajustes da auditoria de UX (2026-10-09) ---------------------------- */

/* Formulário: Empresa e Contexto num bloco opcional, fechado por padrão. */
.form-more{border:1px dashed rgba(17,24,39,.18);border-radius:12px;padding:12px 14px}
.form-more>summary{cursor:pointer;font-size:.9rem;font-weight:600;color:#2857d9;list-style:none;display:flex;align-items:center;gap:8px}
.form-more>summary::-webkit-details-marker{display:none}
.form-more>summary::before{content:"+";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(40,87,217,.1);font-weight:700}
.form-more[open]>summary::before{content:"−"}
.form-more>summary:focus-visible{outline:2px solid #2857d9;outline-offset:4px;border-radius:6px}
.form-more__grid{display:grid;gap:14px;margin-top:14px}

/* Rótulos pequenos: mínimo de 12,5 px (estavam entre 10,9 e 11,8 px). */
#cases small,#cases .proof-tabs a,#certificacoes [data-credential-card] span,
#avaliacoes .review-card span,.insights-preview article span{font-size:max(12.5px,.78rem)}

/* "Continue" do topo não encosta mais nos selos em telas baixas. */
@media (max-height:860px){.hero-scroll{display:none}}

/* "O que fazemos": avisa que os cartões deslizam com a rolagem (só no desktop, onde a seção prende). */
@media (min-width:1024px){
  html[lang^="pt"] .services-intro .lead::after,html[lang^="en"] .services-intro .lead::after{display:block;margin-top:10px;font-size:.85rem;font-weight:600;color:#9fb6ff;letter-spacing:.02em}
  html[lang^="pt"] .services-intro .lead::after{content:"Continue rolando para ver as 4 frentes →"}
  html[lang^="en"] .services-intro .lead::after{content:"Keep scrolling to see all 4 workstreams →"}
}

/* WhatsApp no celular: só o ícone, para não cobrir o texto. O nome continua
 * disponível para leitores de tela. */
@media (max-width:767px){
  .whatsapp-float{width:56px;height:56px;min-width:0;padding:0;border-radius:50%;justify-content:center;gap:0}
  .whatsapp-float span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .whatsapp-float svg{width:28px;height:28px}
}

/* Vídeo de tela nos cases (ex.: landing page da Envoy, 2026-10-15): 16:9 inteiro, sem corte,
 * e a legenda abaixo do player para não cobrir os controles. Ativado por `landscape:!0` na mídia. */
.media-card.media-card--landscape{height:auto!important;min-height:0!important;display:flex;flex-direction:column;width:100%;justify-self:stretch;background:#08090c}
.media-card--landscape:has(video:not([hidden])) .media-fallback{display:none}
.media-card.media-card--landscape video{position:relative!important;inset:auto!important;display:block;width:100%;height:auto!important;aspect-ratio:16/9;object-fit:contain;background:#000}
.media-card.media-card--landscape figcaption{position:static!important;inset:auto!important;margin:0;padding:18px 22px 20px;background:none}