/* Gabriel Pedrozo — Warm Face · Deck Growy 09/05/2026 */

:root {
  --color-cream: #fffefb;
  --color-offwhite: #fffdf9;
  --color-warm-black: #201515;
  --color-signature-orange: #ff4f00;
  --color-charcoal: #36342e;
  --color-warm-gray: #939084;
  --color-sand: #c5c0b1;
  --color-light-sand: #eceae3;

  --font-display: 'Bricolage Grotesque', 'Inter', sans-serif;
  --font-body: 'Inter', 'Helvetica', 'Arial', sans-serif;
  --font-editorial: 'Instrument Serif', serif;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  background: var(--color-light-sand);
  font-family: var(--font-body);
  color: var(--color-warm-black);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Slide canvas — 16:9, screen preview = 1280x720 escalado */
.slide {
  width: 1920px;
  height: 1080px;
  background: var(--color-cream);
  position: relative;
  overflow: hidden;
  margin: 32px auto;
  padding: 96px 128px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  page-break-after: always;
  break-after: page;
  box-shadow: 0 4px 24px rgba(32, 21, 21, 0.08);
}

/* Print: each slide is its own page, no shadow, no margin */
@media print {
  html, body {
    background: var(--color-cream);
  }
  .slide {
    margin: 0;
    box-shadow: none;
    page-break-after: always;
  }
  @page {
    size: 1920px 1080px;
    margin: 0;
  }
}

/* Reusable: slide footer (number + brand) */
.slide__footer {
  position: absolute;
  bottom: 64px;
  left: 128px;
  right: 128px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  color: var(--color-warm-gray);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.slide__footer-brand {
  color: var(--color-warm-gray);
}

.slide__num {
  color: var(--color-signature-orange);
  font-weight: 600;
}

/* Reusable: section label (top-left tag) */
.slide__label {
  position: absolute;
  top: 80px;
  left: 128px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--color-signature-orange);
}

/* === SLIDE TYPES === */

/* Cover slide */
.slide--cover {
  padding: 128px;
  justify-content: space-between;
}

.cover__top {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.cover__eyebrow {
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--color-signature-orange);
}

.cover__title {
  font-family: var(--font-display);
  font-size: 280px;
  font-weight: 700;
  line-height: 0.85;
  letter-spacing: -0.04em;
  color: var(--color-warm-black);
  max-width: 1500px;
}

.cover__subtitle {
  font-family: var(--font-body);
  font-size: 40px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--color-charcoal);
  max-width: 1100px;
  margin-top: 32px;
}

.cover__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-top: 1px solid var(--color-sand);
  padding-top: 32px;
}

.cover__author {
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 600;
  color: var(--color-warm-black);
}

.cover__author-meta {
  font-size: 18px;
  font-weight: 400;
  color: var(--color-warm-gray);
  margin-top: 4px;
}

.cover__event {
  text-align: right;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 500;
  color: var(--color-warm-black);
}

.cover__event-meta {
  font-size: 16px;
  color: var(--color-warm-gray);
  margin-top: 4px;
}

/* Quote/frase só-frase slide */
.slide--quote {
  align-items: center;
  text-align: center;
  justify-content: center;
}

.quote__text {
  font-family: var(--font-display);
  font-size: 160px;
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.04em;
  color: var(--color-warm-black);
  max-width: 1500px;
}

.quote__text--editorial {
  font-family: var(--font-editorial);
  font-style: italic;
  font-size: 180px;
  letter-spacing: -0.03em;
  font-weight: 400;
}

.quote__attribution {
  font-family: var(--font-body);
  font-size: 28px;
  font-weight: 500;
  color: var(--color-warm-gray);
  margin-top: 64px;
  letter-spacing: 0.05em;
}

.quote__accent {
  color: var(--color-signature-orange);
}

/* Section header slide (intro de bloco) */
.slide--section {
  justify-content: center;
}

.section__num {
  font-family: var(--font-body);
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--color-signature-orange);
  margin-bottom: 32px;
}

.section__title {
  font-family: var(--font-display);
  font-size: 120px;
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.03em;
  color: var(--color-warm-black);
  max-width: 1500px;
}

.section__subtitle {
  font-family: var(--font-body);
  font-size: 36px;
  font-weight: 400;
  color: var(--color-charcoal);
  margin-top: 40px;
  line-height: 1.3;
  max-width: 1300px;
}

/* List slide (bullets clean) */
.slide--list {
  justify-content: center;
}

.list__title {
  font-family: var(--font-display);
  font-size: 96px;
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.03em;
  color: var(--color-warm-black);
  margin-bottom: 64px;
  max-width: 1500px;
}

.list__items {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.list__item {
  display: flex;
  gap: 32px;
  align-items: baseline;
  font-family: var(--font-body);
  font-size: 36px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-charcoal);
}

.list__num {
  font-family: var(--font-body);
  font-size: 32px;
  font-weight: 700;
  color: var(--color-signature-orange);
  min-width: 64px;
}

/* Two-column compare slide (antes / hoje) */
.slide--compare {
  justify-content: center;
}

.compare__title {
  font-family: var(--font-display);
  font-size: 96px;
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.03em;
  color: var(--color-warm-black);
  margin-bottom: 64px;
}

.compare__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
}

.compare__col {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 56px 48px;
  border: 1px solid var(--color-sand);
  border-radius: 5px;
  background: var(--color-cream);
}

.compare__col--accent {
  border-color: var(--color-signature-orange);
  background: var(--color-cream);
}

.compare__eyebrow {
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--color-warm-gray);
}

.compare__col--accent .compare__eyebrow {
  color: var(--color-signature-orange);
}

.compare__big {
  font-family: var(--font-display);
  font-size: 72px;
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.03em;
  color: var(--color-warm-black);
}

.compare__items {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}

.compare__items li {
  font-family: var(--font-body);
  font-size: 26px;
  font-weight: 400;
  color: var(--color-charcoal);
  line-height: 1.4;
  padding-left: 32px;
  position: relative;
}

.compare__items li::before {
  content: '—';
  position: absolute;
  left: 0;
  color: var(--color-warm-gray);
}

/* Question slide (dynamics) */
.slide--question {
  justify-content: center;
}

.question__num {
  font-family: var(--font-display);
  font-size: 200px;
  font-weight: 700;
  line-height: 0.85;
  letter-spacing: -0.04em;
  color: var(--color-signature-orange);
  margin-bottom: 16px;
}

.question__title {
  font-family: var(--font-display);
  font-size: 96px;
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.03em;
  color: var(--color-warm-black);
  max-width: 1600px;
}

.question__hint {
  font-family: var(--font-body);
  font-size: 28px;
  font-weight: 400;
  color: var(--color-warm-gray);
  margin-top: 48px;
  font-style: italic;
}

/* Image slide (case Monique) */
.slide--image {
  align-items: center;
  justify-content: center;
  padding: 80px 128px;
}

.image__title {
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--color-warm-gray);
  margin-bottom: 32px;
  align-self: flex-start;
}

.image__container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  width: 100%;
  border: 1px solid var(--color-sand);
  border-radius: 8px;
  overflow: hidden;
  background: var(--color-light-sand);
  position: relative;
  max-height: 800px;
}

.image__container img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}

.image__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  font-family: var(--font-body);
  color: var(--color-warm-gray);
  background: repeating-linear-gradient(
    45deg,
    var(--color-light-sand),
    var(--color-light-sand) 16px,
    var(--color-cream) 16px,
    var(--color-cream) 32px
  );
}

.image__placeholder-label {
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.image__placeholder-hint {
  font-size: 20px;
  font-weight: 400;
  color: var(--color-charcoal);
  max-width: 800px;
  text-align: center;
  line-height: 1.4;
}

.image__caption {
  font-family: var(--font-body);
  font-size: 22px;
  font-weight: 400;
  color: var(--color-charcoal);
  margin-top: 24px;
  align-self: flex-start;
  font-style: italic;
}

/* CTA slide — split horizontal: texto esquerda, QR direita */
.slide--cta {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 96px;
  padding: 112px 128px 160px;
  text-align: left;
}

.cta__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.cta__content .slide__label {
  position: static;
  margin-bottom: 24px;
}

.cta__eyebrow {
  font-family: var(--font-body);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--color-signature-orange);
  margin-bottom: 32px;
}

.cta__title {
  font-family: var(--font-display);
  font-size: 80px;
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.03em;
  color: var(--color-warm-black);
  max-width: 100%;
  margin-bottom: 48px;
}

.cta__qr-container {
  flex: 0 0 560px;
  width: 560px;
  height: 560px;
  border: 1px solid var(--color-sand);
  border-radius: 8px;
  background: var(--color-cream);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
}

.cta__qr-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cta__qr-placeholder {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 28px;
  color: var(--color-warm-gray);
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.cta__bullet {
  font-family: var(--font-body);
  font-size: 30px;
  font-weight: 500;
  color: var(--color-charcoal);
  line-height: 1.3;
  margin-bottom: 40px;
}

.cta__bullet--strong {
  color: var(--color-warm-black);
  font-weight: 600;
}

.cta__handle {
  font-family: var(--font-body);
  font-size: 28px;
  font-weight: 600;
  color: var(--color-signature-orange);
}

/* Three-by-three grid (erros + movimentos) */
.slide--two-list {
  justify-content: center;
}

.two-list__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  margin-top: 48px;
}

.two-list__title {
  font-family: var(--font-display);
  font-size: 80px;
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.03em;
  color: var(--color-warm-black);
  max-width: 1500px;
}

.two-list__col-title {
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin-bottom: 32px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--color-sand);
}

.two-list__col--errors .two-list__col-title {
  color: var(--color-warm-gray);
}

.two-list__col--moves .two-list__col-title {
  color: var(--color-signature-orange);
}

.two-list__col ol {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  counter-reset: itemnum;
}

.two-list__col li {
  font-family: var(--font-body);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-charcoal);
  counter-increment: itemnum;
  display: flex;
  gap: 20px;
  align-items: baseline;
}

.two-list__col li::before {
  content: counter(itemnum);
  font-weight: 700;
  font-size: 24px;
  color: var(--color-warm-gray);
  min-width: 36px;
}

.two-list__col--moves li::before {
  color: var(--color-signature-orange);
}

/* Mini progress dot indicator */
.dots {
  display: flex;
  gap: 8px;
  margin-top: 32px;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--color-sand);
}

.dot--active {
  background: var(--color-signature-orange);
}

/* Editorial italic accent (Instrument Serif) */
.editorial {
  font-family: var(--font-editorial);
  font-style: italic;
  letter-spacing: -0.03em;
}

/* ============================================================
   SPLIT LAYOUT — imagem à esquerda (ou direita) + conteúdo
============================================================ */
.slide--split {
  flex-direction: row;
  gap: 96px;
  align-items: stretch;
  justify-content: stretch;
  padding: 112px 128px 160px;
}

.slide--split.slide--split--right {
  flex-direction: row-reverse;
}

.split__image {
  flex: 0 0 720px;
  align-self: center;
  height: 760px;
  border: 1px solid var(--color-sand);
  border-radius: 8px;
  overflow: hidden;
  background: var(--color-light-sand);
  position: relative;
}

.split__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.split__image .image__placeholder {
  height: 100%;
}

.split__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.split__content .list__title,
.split__content .section__title {
  font-size: 88px;
  margin-bottom: 48px;
  max-width: 100%;
}

.split__content .list__items {
  gap: 24px;
}

.split__content .list__item {
  font-size: 28px;
  gap: 24px;
}

.split__content .list__num {
  font-size: 26px;
  min-width: 48px;
}

.split__content .section__subtitle {
  font-size: 32px;
  max-width: 100%;
}

/* ============================================================
   DARK VARIANT (slide vibe coding)
============================================================ */
.slide--dark {
  background: var(--color-warm-black);
  color: var(--color-cream);
}

.slide--dark .quote__text {
  color: var(--color-cream);
}

.slide--dark .quote__attribution {
  color: var(--color-sand);
}

.slide--dark .quote__accent {
  color: var(--color-signature-orange);
}

.slide--dark .slide__label {
  color: var(--color-signature-orange);
}

.slide--dark .slide__footer-brand {
  color: var(--color-warm-gray);
}

.slide--dark .slide__num {
  color: var(--color-signature-orange);
}

/* ============================================================
   COMPARE — aside callout
============================================================ */
.compare__aside {
  margin-top: 40px;
  padding: 24px 32px;
  border-left: 4px solid var(--color-signature-orange);
  background: var(--color-offwhite);
  font-family: var(--font-body);
  font-size: 24px;
  line-height: 1.4;
  color: var(--color-charcoal);
  max-width: 1500px;
}

.compare__aside strong {
  color: var(--color-warm-black);
}

/* ============================================================
   COMPARE — bullet sem travessão (substitui o "—")
============================================================ */
.compare__items li::before {
  content: '·';
  font-weight: 700;
  color: var(--color-warm-gray);
}

/* ============================================================
   EXAMPLES SLIDE — exemplos de tarefas repetitivas
============================================================ */
.slide--examples {
  justify-content: center;
}

.examples__hook {
  font-family: var(--font-display);
  font-size: 88px;
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.03em;
  color: var(--color-warm-black);
  margin-bottom: 56px;
  max-width: 1500px;
}

.examples__hook em {
  font-family: var(--font-editorial);
  font-style: italic;
  color: var(--color-signature-orange);
  letter-spacing: -0.02em;
}

.examples__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 28px;
  margin-bottom: 48px;
}

.examples__list li {
  font-family: var(--font-body);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-charcoal);
  display: flex;
  gap: 24px;
  align-items: baseline;
}

.examples__list li::before {
  content: '·';
  font-family: var(--font-display);
  font-size: 36px;
  font-weight: 700;
  color: var(--color-signature-orange);
  min-width: 36px;
}

.examples__caption {
  font-family: var(--font-body);
  font-size: 26px;
  font-weight: 400;
  font-style: italic;
  color: var(--color-warm-gray);
  max-width: 1400px;
  line-height: 1.4;
}

/* ============================================================
   HERO LAYOUT — foto landscape full-width em cima, texto embaixo
============================================================ */
.slide--hero {
  flex-direction: column;
  justify-content: stretch;
  padding: 0;
  gap: 0;
}

.hero__image {
  width: 100%;
  height: 540px;
  overflow: hidden;
  background: var(--color-light-sand);
  flex-shrink: 0;
}

.hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  display: block;
}

.hero__content {
  flex: 1;
  padding: 64px 128px 128px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.hero__content .slide__label {
  position: static;
  margin-bottom: 24px;
}

.hero__content .section__title {
  font-size: 88px;
  margin-bottom: 24px;
  max-width: 100%;
}

.hero__content .section__subtitle {
  font-size: 32px;
  max-width: 1400px;
  margin-top: 24px;
}

/* ============================================================
   MEDIA KIT 2026 — additions on top of palestra-growy base
============================================================ */

/* 3-column cards grid (produtos, cases, autoridade) */
.cards__grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 40px;
  margin-top: 32px;
}

.cards__grid--two {
  grid-template-columns: 1fr 1fr;
}

.card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 48px 40px;
  border: 1px solid var(--color-sand);
  border-radius: 8px;
  background: var(--color-cream);
  min-height: 480px;
}

.card--accent {
  border-color: var(--color-signature-orange);
  border-width: 2px;
}

.card__eyebrow {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--color-signature-orange);
}

.card__title {
  font-family: var(--font-display);
  font-size: 44px;
  font-weight: 700;
  line-height: 0.95;
  letter-spacing: -0.02em;
  color: var(--color-warm-black);
}

.card__desc {
  font-family: var(--font-body);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-charcoal);
}

.card__tag {
  margin-top: auto;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-warm-gray);
}

.card__metric {
  font-family: var(--font-display);
  font-size: 56px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--color-signature-orange);
  margin-top: 8px;
}

/* Hero full-bleed slide — foto landscape ocupa o slide inteiro,
   texto vem em overlay no canto inferior esquerdo */
.slide--hero-full {
  padding: 0;
  justify-content: stretch;
  position: relative;
  overflow: hidden;
}

.hero-full__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.hero-full__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
  display: block;
}

.hero-full__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(32, 21, 21, 0.85) 0%,
    rgba(32, 21, 21, 0.55) 35%,
    rgba(32, 21, 21, 0.15) 60%,
    rgba(32, 21, 21, 0) 100%
  );
  z-index: 2;
}

.hero-full__content {
  position: absolute;
  left: 128px;
  right: 128px;
  bottom: 128px;
  z-index: 3;
  color: var(--color-cream);
  max-width: 1500px;
}

.hero-full__label {
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: var(--color-signature-orange);
  margin-bottom: 24px;
}

.hero-full__title {
  font-family: var(--font-display);
  font-size: 112px;
  font-weight: 700;
  line-height: 0.92;
  letter-spacing: -0.03em;
  color: var(--color-cream);
  margin-bottom: 24px;
}

.hero-full__subtitle {
  font-family: var(--font-body);
  font-size: 32px;
  font-weight: 400;
  line-height: 1.3;
  color: var(--color-sand);
  max-width: 1200px;
}

.slide--hero-full .slide__footer {
  bottom: 48px;
  z-index: 3;
}

.slide--hero-full .slide__footer-brand,
.slide--hero-full .slide__footer .slide__num {
  color: var(--color-sand);
}

.slide--hero-full .slide__footer .slide__num {
  color: var(--color-signature-orange);
}

/* Contact list (slide ONDE ME ACHA) */
.contact__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px 96px;
  margin-top: 48px;
  max-width: 1500px;
}

.contact__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--color-sand);
}

.contact__label {
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--color-warm-gray);
}

.contact__value {
  font-family: var(--font-display);
  font-size: 42px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--color-warm-black);
  line-height: 1;
}

.contact__value--orange {
  color: var(--color-signature-orange);
}

/* Authority slide — timeline */
.timeline {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 48px;
}

.timeline__item {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 48px;
  align-items: baseline;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--color-sand);
}

.timeline__year {
  font-family: var(--font-display);
  font-size: 48px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--color-signature-orange);
}

.timeline__text {
  font-family: var(--font-body);
  font-size: 28px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--color-charcoal);
}

.timeline__text strong {
  color: var(--color-warm-black);
  font-weight: 700;
}

/* ============================================================
   COVER-SPLIT — capa com foto à esquerda + identidade à direita
============================================================ */
.slide--cover-split {
  flex-direction: row;
  align-items: stretch;
  justify-content: stretch;
  padding: 112px 128px 160px;
  gap: 96px;
}

.slide--cover-split .split__image {
  flex: 0 0 720px;
  height: 808px;
  align-self: center;
}

.cover-split__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.cover-split__content .cover__eyebrow {
  margin-bottom: 24px;
}

.cover-split__content .cover__title {
  font-size: 180px;
  max-width: 100%;
  margin-bottom: 32px;
}

.cover-split__content .cover__subtitle {
  font-size: 30px;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 56px;
  line-height: 1.35;
}

.cover-split__credits {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-top: 32px;
  border-top: 1px solid var(--color-sand);
}

.cover-split__credits .credit {
  font-family: var(--font-body);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-charcoal);
}

.cover-split__credits .credit strong {
  color: var(--color-warm-black);
  font-weight: 700;
}

.cover-split__credits .credit--accent {
  color: var(--color-signature-orange);
  font-weight: 600;
}

/* ============================================================
   SPLIT — destaque editorial gigante na lista (slide 02 hero claim)
============================================================ */
.split__claim {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid var(--color-sand);
  font-family: var(--font-body);
  font-size: 26px;
  font-weight: 500;
  line-height: 1.4;
  color: var(--color-warm-black);
}

.split__claim .editorial-xl {
  font-family: var(--font-editorial);
  font-style: italic;
  font-size: 72px;
  font-weight: 400;
  line-height: 0.95;
  letter-spacing: -0.02em;
  color: var(--color-signature-orange);
  display: block;
  margin: 8px 0 12px;
}

/* ============================================================
   CARD list — micro list dentro do card (marcas, sub-bullets)
============================================================ */
.card__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.card__list li {
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--color-charcoal);
  padding-left: 20px;
  position: relative;
}

.card__list li::before {
  content: '·';
  position: absolute;
  left: 0;
  font-weight: 700;
  color: var(--color-signature-orange);
}

.card__tag--badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  background: var(--color-signature-orange);
  color: var(--color-cream);
  border-radius: 4px;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  align-self: flex-start;
}

/* Compare — tighter spacing for media kit slide 4 */
.slide--compare .compare__title {
  margin-bottom: 32px;
}

.compare__col--accent .compare__big {
  color: var(--color-signature-orange);
}