/* Páginas de serviço do bloco Inteligência (Planejamento de RP, CI e Marketing Digital).
   Complementa o CSS da página padrão de serviço (assessoria-de-imprensa.html). */

/* Metodologia N.A.V.E.: dois boxes empilhados no lugar do box único do bloco "SEO + GEO" */
.svc-geo-stack { display: grid; gap: 16px; }
.service-geo-card li b { color: #fff; font-weight: 600; }

.svc-geo-note { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.13); color: rgba(255, 255, 255, 0.7); font-size: 14px; line-height: 1.55; }

/* Chamada do pré-diagnóstico (página do Diagnóstico de CI) */
.svc-pre-section { padding-block: clamp(36px, 5vw, 64px) !important; }
.svc-pre {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: clamp(20px, 4vw, 48px);
  align-items: center;
  padding: clamp(26px, 4vw, 44px);
  border-radius: 28px;
  background: radial-gradient(circle at 92% 10%, rgba(242, 180, 28, 0.3), transparent 32%), linear-gradient(130deg, #792b8a 0%, #a2427a 55%, #e86e25 100%);
  color: #fff;
}
.svc-pre .service-kicker { color: #ffe0b8; }
.svc-pre h2 { max-width: 720px; margin: 10px 0 12px; color: #fff; font-size: clamp(1.6rem, 2.8vw, 2.4rem); line-height: 1.1; letter-spacing: -0.03em; }
.svc-pre p:not(.service-kicker) { max-width: 680px; margin: 0; color: rgba(255, 255, 255, 0.9); font-size: 17px; }
.svc-pre .btn { background: #fff; color: #792b8a; white-space: nowrap; }
.svc-pre .btn:hover { background: #f2b41c; color: #2b1835; }
@media (max-width: 900px) { .svc-pre { grid-template-columns: 1fr; } .svc-pre .btn { justify-self: start; } }

/* Carrossel de cases */
.svc-cases { position: relative; }
.svc-cases-track { position: relative; }
.svc-case { display: none; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 20px; }
.svc-case.is-active { display: grid; animation: svc-case-in 0.45s ease; }
@keyframes svc-case-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.svc-case-lead {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: clamp(26px, 3vw, 36px);
  border-radius: 28px;
  background: linear-gradient(140deg, var(--case-a), var(--case-b));
  color: #fff;
}
.svc-case-logo { display: grid; width: fit-content; min-width: 132px; height: 76px; padding: 10px 18px; place-items: center; border-radius: 16px; background: #fff; }
.svc-case-logo img { width: auto; max-width: 190px; height: auto; max-height: 56px; object-fit: contain; }
.svc-case-lead p { margin: 0; font-size: 16px; line-height: 1.6; color: rgba(255, 255, 255, 0.94); }
.svc-case-award {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  margin-top: auto !important;
  padding: 14px 16px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.14);
  font-size: 14px !important;
  font-weight: 600;
  line-height: 1.45 !important;
}
.svc-case-award span { color: #f2b41c; font-size: 18px; line-height: 1.1; }

.svc-case-data {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: clamp(24px, 3vw, 34px);
  border: 1px solid rgba(121, 43, 138, 0.16);
  border-radius: 28px;
  background: #fff;
}
.svc-case-data h3 { margin: 0; font-size: clamp(1.25rem, 1.8vw, 1.6rem); font-weight: 600; line-height: 1.2; letter-spacing: -0.03em; }
.svc-case-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.svc-case-stats div { padding: 18px; border: 1px solid rgba(121, 43, 138, 0.14); border-radius: 18px; background: #fffdf9; }
.svc-case-stats strong { display: block; margin-bottom: 6px; color: #792b8a; font-size: clamp(1.5rem, 2.2vw, 2rem); font-weight: 700; line-height: 1; letter-spacing: -0.03em; }
.svc-case-stats p { margin: 0; color: var(--muted, #68615c); font-size: 14px; line-height: 1.45; }
.svc-case-cta { align-self: flex-start; margin-top: auto; padding-inline: 28px; font-size: 16px; box-shadow: 0 14px 30px rgba(232, 110, 37, 0.28); }

.svc-cases-nav { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 22px; }
.svc-cases-arrow {
  display: grid;
  width: 46px;
  height: 46px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(121, 43, 138, 0.28);
  border-radius: 50%;
  background: #fff;
  color: #792b8a;
  cursor: pointer;
  transition: 0.2s ease;
}
.svc-cases-arrow:hover { border-color: #e86e25; background: #e86e25; color: #fff; }
.svc-cases-arrow svg { width: 20px; height: 20px; }
.svc-cases-dots { display: flex; gap: 10px; }
.svc-cases-dots button { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: rgba(121, 43, 138, 0.25); cursor: pointer; transition: 0.2s ease; }
.svc-cases-dots button.is-active { width: 28px; border-radius: 6px; background: #e86e25; }

@media (max-width: 900px) {
  .svc-case { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .svc-case-stats { grid-template-columns: 1fr; }
  .svc-case-cta { align-self: stretch; text-align: center; }
}