/* =========================================================
   B SPRINT — MARKETING DIGITAL & DESCOBERTA
   V5.24 · auditoria integral de layout
   Base: linguagem visual da Home + páginas Estratégia/Ativação
   ========================================================= */

/* Ritmo geral da página */
.ds-page--marketing-digital-descoberta .digital-editorial{
  min-height:82vh!important;
  padding-top:clamp(106px,8vw,132px)!important;
  padding-bottom:clamp(72px,6vw,96px)!important;
}
.ds-page--marketing-digital-descoberta .digital-editorial .home-panel-inner{
  display:grid!important;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)!important;
  gap:clamp(48px,6vw,94px)!important;
  align-items:start!important;
  width:100%!important;
}

/* Títulos editoriais: mesma regra oficial da Home */
.ds-page--marketing-digital-descoberta .digital-title{
  grid-column:1!important;
  grid-row:1!important;
  margin:0!important;
  width:min(100%,590px)!important;
  max-width:12.5ch!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  font-size:clamp(40px,3.75vw,60px)!important;
  line-height:.92!important;
  letter-spacing:-.026em!important;
  text-transform:uppercase!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.ds-page--marketing-digital-descoberta .digital-title--long{
  font-size:clamp(36px,3.25vw,52px)!important;
  max-width:14ch!important;
}
.ds-page--marketing-digital-descoberta .digital-title__line{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.ds-page--marketing-digital-descoberta .digital-title__line--sm{font-size:.57em!important;line-height:1.06!important}
.ds-page--marketing-digital-descoberta .digital-title__line--md{font-size:.66em!important;line-height:1.01!important}
.ds-page--marketing-digital-descoberta .digital-title__line--lg{font-size:.82em!important;line-height:.96!important}
.ds-page--marketing-digital-descoberta .digital-title__line--xl{font-size:1em!important;line-height:.91!important}
.ds-page--marketing-digital-descoberta .digital-title__line--accent{color:var(--accent,#E0A526)!important}
.ds-page--marketing-digital-descoberta .digital-title--long .digital-title__line--lg{font-size:.72em!important}
.ds-page--marketing-digital-descoberta .digital-title--long .digital-title__line--md{font-size:.58em!important}
.ds-page--marketing-digital-descoberta .digital-title--long .digital-title__line--sm{font-size:.54em!important}

/* Coluna de conteúdo */
.ds-page--marketing-digital-descoberta .digital-body{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:clamp(22px,2.3vw,34px)!important;
  align-self:start!important;
}
.ds-page--marketing-digital-descoberta .digital-body .internal-copy{
  margin:0!important;
  max-width:64ch!important;
  font-size:clamp(16px,1.02vw,18px)!important;
  line-height:1.58!important;
}
.ds-page--marketing-digital-descoberta .digital-body .internal-copy p{margin:0 0 14px!important}
.ds-page--marketing-digital-descoberta .digital-body .internal-copy p:last-child{margin-bottom:0!important}

/* HERO — auditoria completa: título controlado + card proporcional */
.ds-page--marketing-digital-descoberta .digital-hero{
  min-height:85vh!important;
  padding-top:clamp(126px,9vw,148px)!important;
  padding-bottom:clamp(72px,6vw,92px)!important;
}
.ds-page--marketing-digital-descoberta .digital-hero .panel-grid{
  grid-template-columns:minmax(0,1.34fr) minmax(330px,.66fr)!important;
  gap:clamp(58px,6vw,96px)!important;
  align-items:center!important;
}
.ds-page--marketing-digital-descoberta .digital-hero .panel-grid>div:first-child{min-width:0!important}
.ds-page--marketing-digital-descoberta .digital-hero .hero-editorial{
  width:min(100%,850px)!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:column!important;
  gap:.055em!important;
  font-size:clamp(56px,5.75vw,92px)!important;
  line-height:.88!important;
  letter-spacing:-.03em!important;
}
.ds-page--marketing-digital-descoberta .digital-hero .hero-line{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.ds-page--marketing-digital-descoberta .digital-hero .hero-line-main{font-size:.90em!important}
.ds-page--marketing-digital-descoberta .digital-hero .hero-word-small{font-size:.48em!important;font-weight:700!important}
.ds-page--marketing-digital-descoberta .digital-hero .hero-word-mid{font-size:.71em!important;font-weight:900!important}
.ds-page--marketing-digital-descoberta .digital-hero .hero-word-accent{font-size:.73em!important;font-weight:900!important;color:#E0A526!important}
.ds-page--marketing-digital-descoberta .digital-hero .home-lead{
  max-width:58ch!important;
  margin:14px 0 0!important;
  font-size:clamp(16px,1.05vw,18px)!important;
  line-height:1.52!important;
}
.ds-page--marketing-digital-descoberta .digital-hero .digital-hero-lead{
  margin-top:24px!important;
  font-size:clamp(18px,1.28vw,21px)!important;
  font-weight:600!important;
  max-width:42ch!important;
}
.ds-page--marketing-digital-descoberta .digital-hero .digital-hero-explain{max-width:56ch!important}
.ds-page--marketing-digital-descoberta .digital-hero .digital-hero-support{max-width:58ch!important;color:rgba(245,241,234,.84)!important}
.ds-page--marketing-digital-descoberta .digital-hero .actions{margin-top:22px!important}
.ds-page--marketing-digital-descoberta .digital-hero .official-hero-card{
  width:100%!important;
  max-width:430px!important;
  min-height:0!important;
  height:auto!important;
  align-self:center!important;
  justify-self:end!important;
  padding:28px 30px!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
.ds-page--marketing-digital-descoberta .digital-hero .digital-card-kicker{
  margin:0 0 18px!important;
  font-size:clamp(17px,1.15vw,20px)!important;
  line-height:1.18!important;
  font-weight:800!important;
}
.ds-page--marketing-digital-descoberta .digital-hero .official-hero-card .steps{display:flex!important;flex-direction:column!important;margin:0!important}
.ds-page--marketing-digital-descoberta .digital-hero .official-hero-card .steps>div{
  padding:13px 0!important;
  border-top:1px solid rgba(245,241,234,.15)!important;
  font-size:14px!important;
  line-height:1.42!important;
}
.ds-page--marketing-digital-descoberta .digital-hero .official-hero-card .steps>div:first-child{border-top:0!important}

/* Presença digital: evita lista vertical de palavras soltas */
.ds-page--marketing-digital-descoberta .digital-presence-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin:0 0 24px!important;
}
.ds-page--marketing-digital-descoberta .digital-presence-list span{
  display:inline-flex!important;
  min-height:42px!important;
  align-items:center!important;
  padding:0 16px!important;
  border:1px solid rgba(43,27,90,.16)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.46)!important;
  color:#2B1B5A!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
}

/* Cards gerais */
.ds-page--marketing-digital-descoberta .digital-four-grid,
.ds-page--marketing-digital-descoberta .digital-five-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
}
.ds-page--marketing-digital-descoberta .digital-four-grid .product-card,
.ds-page--marketing-digital-descoberta .digital-five-grid .product-card{
  min-width:0!important;
  min-height:168px!important;
  padding:24px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  justify-content:flex-start!important;
}
.ds-page--marketing-digital-descoberta .digital-five-grid .product-card:last-child{
  grid-column:1/-1!important;
  min-height:142px!important;
}
.ds-page--marketing-digital-descoberta .digital-four-grid h3,
.ds-page--marketing-digital-descoberta .digital-five-grid h3{
  margin:0!important;
  max-width:100%!important;
  font-size:clamp(18px,1.27vw,23px)!important;
  line-height:1.03!important;
  letter-spacing:-.018em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  text-wrap:balance!important;
}
.ds-page--marketing-digital-descoberta .digital-five-grid h3 span,
.ds-page--marketing-digital-descoberta .digital-four-grid h3 span{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
.ds-page--marketing-digital-descoberta .digital-four-grid p,
.ds-page--marketing-digital-descoberta .digital-five-grid p{
  margin:15px 0 0!important;
  max-width:37ch!important;
  font-size:clamp(14px,.9vw,16px)!important;
  line-height:1.48!important;
}

/* Funções principais da descoberta: cards mais compactos */
.ds-page--marketing-digital-descoberta .digital-found .digital-four-grid .product-card{
  min-height:104px!important;
  justify-content:flex-end!important;
  padding:20px 22px!important;
}
.ds-page--marketing-digital-descoberta .digital-found .digital-four-grid h3{
  font-size:clamp(19px,1.35vw,24px)!important;
  max-width:18ch!important;
}

/* Jornada de descoberta */
.ds-page--marketing-digital-descoberta .digital-flow-band{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  padding:20px 22px!important;
  margin:0 0 18px!important;
  border:1px solid rgba(201,184,240,.28)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.055)!important;
}
.ds-page--marketing-digital-descoberta .digital-flow-label{font-size:14px!important;color:rgba(245,241,234,.72)!important}
.ds-page--marketing-digital-descoberta .digital-flow-path{font-size:clamp(17px,1.25vw,21px)!important;line-height:1.35!important;color:#F5F1EA!important}
.ds-page--marketing-digital-descoberta .digital-question-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:18px 0 22px!important;
}
.ds-page--marketing-digital-descoberta .digital-question-card{
  display:flex!important;
  align-items:center!important;
  min-height:88px!important;
  padding:17px 18px!important;
  border:1px solid rgba(201,184,240,.28)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.06)!important;
  color:#F5F1EA!important;
  font-size:clamp(15px,1vw,17px)!important;
  font-weight:750!important;
  line-height:1.32!important;
}
.ds-page--marketing-digital-descoberta .digital-question-grid--five .digital-question-card:last-child{grid-column:1/-1!important;min-height:72px!important}

/* Ecossistema */
.ds-page--marketing-digital-descoberta .digital-ecosystem .digital-four-grid .product-card{min-height:182px!important}
.ds-page--marketing-digital-descoberta .digital-ecosystem .digital-body>.internal-copy:last-child{
  padding:18px 20px!important;
  border-left:4px solid #E0A526!important;
  background:rgba(224,165,38,.08)!important;
  border-radius:0 16px 16px 0!important;
}

/* Como podemos ajudar */
.ds-page--marketing-digital-descoberta .digital-help .digital-five-grid .product-card{min-height:194px!important}
.ds-page--marketing-digital-descoberta .digital-help .digital-five-grid .product-card:last-child{min-height:156px!important}

/* Quando faz sentido */
.ds-page--marketing-digital-descoberta .digital-fit .digital-title__line--accent{color:#2B1B5A!important}
.ds-page--marketing-digital-descoberta .digital-fit .digital-five-grid .product-card{
  min-height:196px!important;
  background:rgba(245,241,234,.34)!important;
  border-color:rgba(43,27,90,.20)!important;
  color:#2B1B5A!important;
}
.ds-page--marketing-digital-descoberta .digital-fit .digital-five-grid .product-card:last-child{min-height:160px!important}
.ds-page--marketing-digital-descoberta .digital-fit .digital-five-grid h3{font-size:clamp(17px,1.12vw,21px)!important}

/* Caminho de decisão */
.ds-page--marketing-digital-descoberta .digital-decision-path{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin-top:22px!important;
}
.ds-page--marketing-digital-descoberta .digital-decision-step{
  display:inline-flex!important;
  align-items:center!important;
  min-height:44px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid rgba(43,27,90,.16)!important;
  background:rgba(255,255,255,.48)!important;
  color:#2B1B5A!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}
.ds-page--marketing-digital-descoberta .digital-decision-arrow{font-style:normal!important;font-weight:900!important;color:#E0A526!important}

/* IA: contraste + canais como sinais */
.ds-page--marketing-digital-descoberta .digital-ai{background:#2B1B5A!important;color:#F5F1EA!important}
.ds-page--marketing-digital-descoberta .digital-ai .digital-title__line:not(.digital-title__line--accent),
.ds-page--marketing-digital-descoberta .digital-ai .internal-copy,
.ds-page--marketing-digital-descoberta .digital-ai .internal-copy p,
.ds-page--marketing-digital-descoberta .digital-ai .internal-copy strong{color:#F5F1EA!important}
.ds-page--marketing-digital-descoberta .digital-channel-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin:18px 0 22px!important;
}
.ds-page--marketing-digital-descoberta .digital-channel-grid span{
  display:flex!important;
  align-items:center!important;
  min-height:58px!important;
  padding:14px 16px!important;
  border:1px solid rgba(201,184,240,.24)!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.055)!important;
  color:#F5F1EA!important;
  font-size:14px!important;
  font-weight:750!important;
}
.ds-page--marketing-digital-descoberta .digital-channel-grid span:first-child{border-color:rgba(224,165,38,.42)!important;background:rgba(224,165,38,.08)!important}

/* CTA final: transforma SCAN / SPRINT / PACE em leitura operacional */
.ds-page--marketing-digital-descoberta .digital-final .digital-body{max-width:780px!important}
.ds-page--marketing-digital-descoberta .digital-method-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  margin:6px 0 4px!important;
}
.ds-page--marketing-digital-descoberta .digital-method-card{
  min-width:0!important;
  min-height:132px!important;
  padding:18px!important;
  border:1px solid rgba(201,184,240,.28)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.055)!important;
  color:#F5F1EA!important;
}
.ds-page--marketing-digital-descoberta .digital-method-card strong{
  display:block!important;
  margin-bottom:9px!important;
  color:#E0A526!important;
  font-size:20px!important;
  line-height:1!important;
}
.ds-page--marketing-digital-descoberta .digital-method-card span{display:block!important;font-size:14px!important;line-height:1.42!important}
.ds-page--marketing-digital-descoberta .digital-final .actions{margin-top:6px!important}

/* Tablet */
@media(max-width:1180px) and (min-width:901px){
  .ds-page--marketing-digital-descoberta .digital-editorial .home-panel-inner{grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr)!important;gap:38px!important}
  .ds-page--marketing-digital-descoberta .digital-title{font-size:clamp(38px,3.7vw,54px)!important}
  .ds-page--marketing-digital-descoberta .digital-title--long{font-size:clamp(34px,3.2vw,47px)!important}
  .ds-page--marketing-digital-descoberta .digital-hero .panel-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.72fr)!important;gap:44px!important}
  .ds-page--marketing-digital-descoberta .digital-hero .hero-editorial{font-size:clamp(52px,5.8vw,78px)!important}
}

/* Mobile / tablet vertical */
@media(max-width:900px){
  .ds-page--marketing-digital-descoberta .digital-editorial{min-height:auto!important;padding-top:96px!important;padding-bottom:72px!important}
  .ds-page--marketing-digital-descoberta .digital-editorial .home-panel-inner{grid-template-columns:1fr!important;gap:30px!important}
  .ds-page--marketing-digital-descoberta .digital-title,
  .ds-page--marketing-digital-descoberta .digital-body{grid-column:1!important;grid-row:auto!important}
  .ds-page--marketing-digital-descoberta .digital-title{width:min(100%,700px)!important;max-width:15ch!important;font-size:clamp(40px,7.5vw,62px)!important}
  .ds-page--marketing-digital-descoberta .digital-title--long{font-size:clamp(36px,6.6vw,54px)!important}
  .ds-page--marketing-digital-descoberta .digital-hero{min-height:auto!important;padding-top:126px!important}
  .ds-page--marketing-digital-descoberta .digital-hero .panel-grid{grid-template-columns:1fr!important;gap:38px!important}
  .ds-page--marketing-digital-descoberta .digital-hero .official-hero-card{justify-self:stretch!important;max-width:680px!important}
  .ds-page--marketing-digital-descoberta .digital-four-grid,
  .ds-page--marketing-digital-descoberta .digital-five-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:640px){
  .ds-page--marketing-digital-descoberta .digital-title,
  .ds-page--marketing-digital-descoberta .digital-title--long{font-size:clamp(34px,9.4vw,48px)!important;line-height:.94!important;width:100%!important;max-width:100%!important}
  .ds-page--marketing-digital-descoberta .digital-title__line{width:auto!important;max-width:100%!important;white-space:normal!important;text-wrap:balance!important}
  .ds-page--marketing-digital-descoberta .digital-title__line--sm,
  .ds-page--marketing-digital-descoberta .digital-title__line--md{font-size:.68em!important}
  .ds-page--marketing-digital-descoberta .digital-title__line--lg{font-size:.82em!important}
  .ds-page--marketing-digital-descoberta .digital-hero .hero-editorial{font-size:clamp(44px,11.4vw,64px)!important;gap:.08em!important}
  .ds-page--marketing-digital-descoberta .digital-hero .hero-line{white-space:normal!important;width:auto!important;text-wrap:balance!important}
  .ds-page--marketing-digital-descoberta .digital-hero .hero-word-small{font-size:.58em!important}
  .ds-page--marketing-digital-descoberta .digital-hero .hero-word-mid{font-size:.72em!important}
  .ds-page--marketing-digital-descoberta .digital-hero .hero-word-accent{font-size:.76em!important}
  .ds-page--marketing-digital-descoberta .digital-four-grid,
  .ds-page--marketing-digital-descoberta .digital-five-grid,
  .ds-page--marketing-digital-descoberta .digital-question-grid,
  .ds-page--marketing-digital-descoberta .digital-channel-grid,
  .ds-page--marketing-digital-descoberta .digital-method-grid{grid-template-columns:1fr!important}
  .ds-page--marketing-digital-descoberta .digital-five-grid .product-card:last-child,
  .ds-page--marketing-digital-descoberta .digital-question-grid--five .digital-question-card:last-child{grid-column:auto!important}
  .ds-page--marketing-digital-descoberta .digital-four-grid .product-card,
  .ds-page--marketing-digital-descoberta .digital-five-grid .product-card{min-height:auto!important}
  .ds-page--marketing-digital-descoberta .digital-decision-path{gap:7px!important}
  .ds-page--marketing-digital-descoberta .digital-decision-step{min-height:40px!important;padding:0 12px!important;font-size:11px!important}
}