/* ══════════════════════════════════════════════════════════════
   INTERPARQUES — Estilos específicos da proposta de parceria
   Complementa: loader.css · styles.css · visual-fx.css · mobile.css
══════════════════════════════════════════════════════════════ */

/* ── HERO: badge de parceiro ─────────────────────────────────── */
.ip-partner-badge {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  background: rgba(0, 244, 255, .08);
  border: 1px solid var(--cyan);
  color: var(--cyan);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: .35em 1em;
  margin-bottom: 1.2rem;
}

.ip-partner-badge::before {
  content: '';
  width: 6px;
  height: 6px;
  background: var(--cyan);
  border-radius: 50%;
  flex-shrink: 0;
  animation: blink 1.1s ease-in-out infinite;
}

/* ── INTERLÚDIO INTERPARQUES ─────────────────────────────────── */
/* Reaproveita .ci-interlude do base — apenas cor de detalhe */
.ci-interlude.ci-ip-green .ci-interlude-box {
  border-color: var(--green);
}
.ci-interlude.ci-ip-green .eyebrow { color: var(--green); }

/* ── SEÇÃO: POR QUE ESTA CONVERSA ───────────────────────────── */
.ip-echo-section {
  padding: 7rem 2rem;
}

.ip-echo-inner {
  max-width: 72rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 5rem;
  align-items: start;
}

.ip-echo-main h2 {
  font-size: clamp(1.6rem, 2.8vw, 2.6rem);
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

.ip-echo-main p {
  color: var(--muted);
  line-height: 1.85;
  font-size: 1rem;
  margin-bottom: 1rem;
}

.ip-echo-main p:last-child { margin-bottom: 0; }

.ip-echo-main p strong { color: var(--text); }

.ip-precedent-box {
  background: rgba(57, 255, 20, .05);
  border: 1px solid rgba(57, 255, 20, .18);
  border-left: 3px solid var(--green);
  padding: 1.8rem;
  margin-bottom: 1.5rem;
}

.ip-precedent-box .eyebrow { color: var(--green); margin-bottom: .6rem; }

.ip-precedent-box p {
  font-size: .88rem;
  color: var(--muted);
  line-height: 1.7;
  margin-bottom: .8rem;
}

.ip-precedent-box p:last-child { margin-bottom: 0; }
.ip-precedent-box p strong { color: var(--text); }

.ip-zero-cost-box {
  background: rgba(255, 42, 191, .05);
  border: 1px solid rgba(255, 42, 191, .18);
  border-left: 3px solid var(--magenta);
  padding: 1.5rem;
}

.ip-zero-cost-box p {
  font-size: .9rem;
  color: var(--muted);
  line-height: 1.75;
  margin: 0;
}

.ip-zero-cost-box strong { color: var(--cyan); }

/* ── SEÇÃO: ECOSSISTEMA DE PARQUES ───────────────────────────── */
.ip-parks-section {
  background: var(--bg-soft);
  padding: 6rem 2rem;
}

.ip-parks-section .section-heading {
  max-width: 72rem;
  margin: 0 auto 3rem;
}

.ip-parks-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14.5rem, 1fr));
  gap: 1.2rem;
  max-width: 72rem;
  margin: 0 auto;
}

.ip-park-card {
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(0, 244, 255, .1);
  border-top: 2px solid var(--cyan);
  padding: 1.5rem;
  transition: background .2s, border-color .2s;
}

.ip-park-card:hover {
  background: rgba(0, 244, 255, .04);
  border-color: rgba(0, 244, 255, .3);
}

.ip-park-card-name {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text);
  margin: 0 0 .2rem;
}

.ip-park-card-city {
  font-size: .68rem;
  color: var(--cyan);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: .9rem;
}

.ip-park-card-stat {
  font-size: .8rem;
  color: var(--muted);
  line-height: 1.5;
  margin-bottom: .3rem;
}

.ip-park-card-stat strong { color: var(--text); display: block; }

.ip-parks-total-bar {
  max-width: 72rem;
  margin: 2.5rem auto 0;
  background: rgba(0, 244, 255, .05);
  border: 1px solid rgba(0, 244, 255, .2);
  border-left: 4px solid var(--cyan);
  padding: 1.5rem 2rem;
  display: flex;
  align-items: center;
  gap: 3.5rem;
  flex-wrap: wrap;
}

.ip-parks-total-stat .num {
  font-size: 2rem;
  font-weight: 900;
  color: var(--cyan);
  line-height: 1;
  letter-spacing: -.02em;
}

.ip-parks-total-stat .lbl {
  font-size: .68rem;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-top: .2rem;
}

/* ── CAPÍTULOS DE ATIVAÇÃO POR PARQUE ────────────────────────── */
.ip-park-chapter {
  position: relative;
  min-height: 88vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
}

.ip-park-chapter-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.ip-park-chapter-scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(3, 4, 8, .97) 0%,
    rgba(3, 4, 8, .72) 45%,
    rgba(3, 4, 8, .15) 100%
  );
}

.ip-park-chapter-content {
  position: relative;
  z-index: 2;
  padding: 5rem 3rem 4rem;
  max-width: 80rem;
  margin: 0 auto;
  width: 100%;
}

.ip-park-chapter-content .eyebrow { color: var(--cyan); }

.ip-park-chapter-content h2 {
  font-size: clamp(1.5rem, 2.5vw, 2.6rem);
  line-height: 1.2;
  margin-bottom: .7rem;
}

.ip-park-chapter-content > p {
  color: var(--muted);
  font-size: .95rem;
  line-height: 1.7;
  max-width: 40rem;
  margin-bottom: 2rem;
}

.ip-activation-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  gap: 1rem;
}

.ip-activation-item {
  background: rgba(3, 4, 8, .74);
  border: 1px solid rgba(255, 255, 255, .1);
  border-left: 3px solid var(--magenta);
  padding: 1.2rem 1.4rem;
  backdrop-filter: blur(8px);
}

.ip-activation-item h4 {
  font-size: .88rem;
  font-weight: 700;
  color: var(--text);
  margin: 0 0 .4rem;
}

.ip-activation-item p {
  font-size: .79rem;
  color: var(--muted);
  line-height: 1.6;
  margin: 0 0 .5rem;
}

.ip-activation-ref {
  font-size: .68rem;
  color: var(--cyan);
  opacity: .75;
  font-style: italic;
  display: block;
}

.ip-park-chapter-code {
  position: absolute;
  bottom: 1.5rem;
  right: 2rem;
  font-size: .58rem;
  color: var(--cyan);
  opacity: .35;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: monospace;
  z-index: 2;
}

/* ── SEÇÃO: ATIVAÇÕES DIGITAIS ───────────────────────────────── */
.ip-digital-section {
  background: var(--bg-soft);
  padding: 6rem 2rem;
}

.ip-digital-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  gap: 1.5rem;
  max-width: 72rem;
  margin: 3rem auto 0;
}

.ip-digital-card {
  background: rgba(0, 0, 0, .35);
  border: 1px solid rgba(255, 255, 255, .08);
  border-top: 3px solid var(--magenta);
  padding: 2rem;
}

.ip-digital-card .eyebrow { color: var(--magenta); margin-bottom: .6rem; }

.ip-digital-card h4 {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text);
  margin: 0 0 .8rem;
}

.ip-digital-card p {
  font-size: .86rem;
  color: var(--muted);
  line-height: 1.7;
  margin: 0;
}

/* ── SEÇÃO: PROPOSTA COTA MASTER ─────────────────────────────── */
.ip-proposal-section {
  padding: 8rem 2rem;
}

.ip-proposal-inner {
  max-width: 72rem;
  margin: 0 auto;
}

.ip-proposal-head {
  text-align: center;
  margin-bottom: 4rem;
}

.ip-proposal-label {
  font-size: .7rem;
  color: var(--magenta);
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: .5rem;
}

.ip-proposal-price {
  font-size: clamp(3.5rem, 9vw, 8rem);
  font-weight: 900;
  color: var(--cyan);
  line-height: 1;
  letter-spacing: -.03em;
  font-variant-numeric: tabular-nums;
}

.ip-proposal-price-sub {
  font-size: .88rem;
  color: var(--muted);
  margin-top: .6rem;
}

.ip-proposal-blocks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr));
  gap: 1.5rem;
}

.ip-proposal-block {
  background: rgba(255, 255, 255, .03);
  border: 1px solid rgba(255, 255, 255, .08);
  padding: 2rem;
}

.ip-proposal-block-title {
  font-size: .68rem;
  color: var(--cyan);
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  padding-bottom: .6rem;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.ip-proposal-block ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: .55rem;
}

.ip-proposal-block ul li {
  font-size: .84rem;
  color: var(--muted);
  padding-left: 1.2rem;
  position: relative;
  line-height: 1.55;
}

.ip-proposal-block ul li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--magenta);
}

.ip-exclusivity-callout {
  background: linear-gradient(135deg, rgba(0,244,255,.05), rgba(255,42,191,.05));
  border: 1px solid rgba(0,244,255,.22);
  border-left: 4px solid var(--cyan);
  padding: 2rem 2.5rem;
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.ip-exclusivity-callout .ip-xc-icon {
  font-size: 2.5rem;
  flex-shrink: 0;
  line-height: 1;
}

.ip-exclusivity-callout p {
  font-size: .95rem;
  color: var(--text);
  line-height: 1.65;
  margin: 0;
}

.ip-exclusivity-callout strong { color: var(--cyan); }

/* ── SUBSIDIÁRIAS FISCAIS INTERPARQUES ───────────────────────── */
.ip-fiscal-subs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  gap: 1rem;
  max-width: 72rem;
  margin: 2.5rem auto 0;
}

.ip-fiscal-sub {
  background: rgba(255,255,255,.025);
  border: 1px solid rgba(255,255,255,.07);
  padding: 1.2rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

.ip-fiscal-sub-name {
  font-size: .85rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: .2rem;
}

.ip-fiscal-sub-atraction {
  font-size: .7rem;
  color: var(--muted);
}

.ip-fiscal-sub-mechanism {
  font-size: .7rem;
  color: var(--cyan);
  letter-spacing: .04em;
  text-align: right;
  white-space: nowrap;
}

/* ── COMPARATIVO IP ──────────────────────────────────────────── */
.ip-compare-note {
  max-width: 72rem;
  margin: 2rem auto 0;
  background: rgba(57, 255, 20, .04);
  border: 1px solid rgba(57, 255, 20, .14);
  padding: 1.2rem 1.8rem;
  font-size: .87rem;
  color: var(--muted);
  line-height: 1.65;
}

.ip-compare-note strong { color: var(--green); }

/* ── GALERIA DE ATIVAÇÕES ────────────────────────────────────── */
.ip-gallery-section {
  padding: 5rem 0;
}

.ip-gallery-section .section-heading {
  padding: 0 2rem;
  max-width: 72rem;
  margin: 0 auto 3rem;
}

.ip-gallery-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: 210px;
  gap: 3px;
}

.ip-gallery-item {
  overflow: hidden;
  position: relative;
  cursor: pointer;
}

.ip-gallery-item:nth-child(1)  { grid-column: span 2; grid-row: span 2; }
.ip-gallery-item:nth-child(6)  { grid-column: span 2; }
.ip-gallery-item:nth-child(10) { grid-column: span 2; }

.ip-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .6s ease;
}

.ip-gallery-item:hover img { transform: scale(1.06); }

.ip-gallery-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.78) 0%, transparent 55%);
  display: flex;
  align-items: flex-end;
  padding: .8rem 1rem;
  opacity: 0;
  transition: opacity .3s;
}

.ip-gallery-item:hover .ip-gallery-overlay { opacity: 1; }

.ip-gallery-overlay span {
  font-size: .72rem;
  color: rgba(255,255,255,.85);
  line-height: 1.4;
}

/* ── SEÇÃO: MARCAS EM NEGOCIAÇÃO ─────────────────────────────── */
.ip-traction-section {
  background: var(--bg-soft);
  padding: 7rem 2rem;
}

.ip-traction-headline {
  text-align: center;
  max-width: 54rem;
  margin: 0 auto 4rem;
}

.ip-traction-headline h2 {
  font-size: clamp(1.9rem, 3.5vw, 3.2rem);
  line-height: 1.15;
  margin-bottom: 1.2rem;
}

.ip-traction-headline p {
  font-size: 1rem;
  color: var(--muted);
  line-height: 1.8;
}

.ip-brand-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
  gap: 1px;
  max-width: 72rem;
  margin: 0 auto 2.5rem;
  background: rgba(255, 255, 255, .06);
}

.ip-brand-card {
  background: var(--bg);
  padding: 1.8rem 1.8rem 1.6rem;
  display: flex;
  flex-direction: column;
  gap: .35rem;
  position: relative;
  overflow: hidden;
  transition: background .25s;
}

.ip-brand-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--magenta), var(--cyan));
  opacity: 0;
  transition: opacity .3s;
}

.ip-brand-card:hover { background: rgba(0, 244, 255, .025); }
.ip-brand-card:hover::before { opacity: 1; }

.ip-brand-name {
  font-size: 1.05rem;
  font-weight: 800;
  color: var(--text);
  letter-spacing: -.01em;
  line-height: 1.2;
}

.ip-brand-category {
  font-size: .68rem;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .09em;
}

.ip-brand-status {
  margin-top: .5rem;
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-size: .63rem;
  color: var(--cyan);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 700;
}

.ip-brand-status::before {
  content: '';
  width: 5px;
  height: 5px;
  background: var(--cyan);
  border-radius: 50%;
  flex-shrink: 0;
  animation: blink 1.4s ease-in-out infinite;
}

.ip-brand-status.is-signed {
  color: var(--green);
}

.ip-brand-status.is-signed::before {
  background: var(--green);
  animation: none;
}

.ip-traction-callout {
  max-width: 72rem;
  margin: 0 auto;
  background: linear-gradient(135deg, rgba(255, 42, 191, .05), rgba(0, 244, 255, .05));
  border: 1px solid rgba(0, 244, 255, .22);
  border-left: 4px solid var(--magenta);
  padding: 2.5rem 3rem;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2.5rem;
  align-items: center;
}

.ip-traction-callout-text h3 {
  font-size: clamp(1.2rem, 2vw, 1.65rem);
  line-height: 1.25;
  margin: 0 0 .8rem;
  color: var(--text);
}

.ip-traction-callout-text p {
  font-size: .9rem;
  color: var(--muted);
  line-height: 1.75;
  margin: 0;
}

.ip-traction-callout-text p strong { color: var(--cyan); }

.ip-traction-callout-badge {
  background: rgba(0, 244, 255, .08);
  border: 1px solid var(--cyan);
  color: var(--cyan);
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 1em 1.4em;
  white-space: nowrap;
  text-align: center;
  line-height: 1.6;
  flex-shrink: 0;
}

/* ── RESPONSIVE ──────────────────────────────────────────────── */
@media (max-width: 960px) {
  .ip-traction-callout {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .ip-traction-callout-badge {
    justify-self: start;
  }

  .ip-brand-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .ip-echo-inner {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  .ip-park-chapter-content {
    padding: 4rem 1.5rem 2.5rem;
  }

  .ip-activation-list {
    grid-template-columns: 1fr;
  }

  .ip-parks-total-bar {
    gap: 2rem;
  }

  .ip-gallery-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 180px;
  }

  .ip-gallery-item:nth-child(1)  { grid-column: span 2; grid-row: span 1; }
  .ip-gallery-item:nth-child(6)  { grid-column: span 1; }
  .ip-gallery-item:nth-child(10) { grid-column: span 1; }
}

@media (max-width: 640px) {
  .ip-brand-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .ip-park-chapter { min-height: 70vh; }

  .ip-proposal-blocks,
  .ip-proposal-block { grid-template-columns: 1fr; }

  .ip-exclusivity-callout {
    flex-direction: column;
    gap: 1rem;
  }

  .ip-fiscal-sub {
    flex-direction: column;
    align-items: flex-start;
  }

  .ip-fiscal-sub-mechanism { text-align: left; white-space: normal; }

  .ip-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 150px;
  }

  .ip-gallery-item:nth-child(1)  { grid-column: span 2; }
  .ip-gallery-item:nth-child(6)  { grid-column: span 1; }
  .ip-gallery-item:nth-child(10) { grid-column: span 1; }
}