/* =========================================================================
   EXPOCOMMERCE UBERABA 2026 — camada de tema
   Aplicada por cima do CSS original (já recolorido para a paleta da marca).
   Só contém ajustes que a troca de conteúdo/tipografia exigiu.
   ========================================================================= */

:root {
  --exc-blue: #22418b;        /* azul institucional do manual */
  --exc-electric: #1c5cdd;    /* azul elétrico da campanha */
  --exc-cyan: #00aeef;
  --exc-deep: #16284f;
  --exc-ink: #070c1c;
  --exc-gradient: linear-gradient(135deg, #27235c 0%, #0c3051 45%, #00aeef 100%);
}

/* ---------------------------------------------------------------- títulos */
/* o h1 passou de uma palavra ("CropTab™") para duas linhas ("EXPO/COMMERCE") */
.text-160-regular {
  font-size: 6.4em !important;
  line-height: 96% !important;
  font-weight: 700;
  letter-spacing: -.03em;
}
@media (max-width: 991px) { .text-160-regular { font-size: 4.4em !important; } }
@media (max-width: 767px) { .text-160-regular { font-size: 3.4em !important; } }
@media (max-width: 479px) { .text-160-regular { font-size: 2.4em !important; } }

/* português é mais longo que o inglês — evita estouro horizontal */
h1, h2, h3,
.h2-style, .h2-style-new, .text-60-medium, .text-45-regular,
.text-45-regular-new, .text-40-medium, .text-35-medium {
  overflow-wrap: break-word;
}

/* labels em caixa alta ficam em Nexa Bold, como no mídia kit */
.text-14-caps, .text-16-regular-caps { font-weight: 700; letter-spacing: .02em; }

/* ------------------------------------------- imagens que substituíram mídia */
/* vídeos viraram <img>: mantém o enquadramento original */
img.corn-video, img.farmer-video, img.scroll-video { object-fit: cover; }

/* blocos Lottie viraram <img> */
img.icon-menu { object-fit: contain; }
img.croptab-lottie-item,
img.product-img,
img.product-image-lottie { height: auto; object-fit: contain; }
img.logo-animated-into { object-fit: contain; }

/* o logo é horizontal e mais largo que a marca original */
.logo-inside { width: 9em; height: auto; }
.farm-logo-animated { width: 12em; height: auto; }

/* ---------------------------------------- faixa de marcas confirmadas (nova) */
.exc-marcas {
  background-color: var(--exc-ink);
  padding: 4.5em 0;
  position: relative;
  z-index: 2;
}
.exc-marcas-head {
  display: flex;
  flex-wrap: wrap;
  gap: .75em 2em;
  align-items: baseline;
  justify-content: space-between;
  padding-bottom: 2.5em;
  border-bottom: 1px solid #ffffff1a;
}
.exc-marcas-head .text-16-regular-caps { color: #fff; }
.exc-marcas-head .text-14-caps { color: #ffffff80; letter-spacing: .06em; }
.exc-marcas-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  align-items: center;
  gap: 2em;
  padding-top: 3em;
}
.exc-marca {
  width: 100%;
  height: auto;
  max-height: 3.2em;
  object-fit: contain;
  opacity: .85;
  transition: opacity .3s;
}
.exc-marca:hover { opacity: 1; }
@media (max-width: 767px) {
  .exc-marcas { padding: 3em 0; }
  .exc-marcas-grid { grid-template-columns: repeat(3, 1fr); gap: 1.5em; padding-top: 2em; }
}

/* ------------------------------------------------ palestrantes (nova seção) */
.exc-palestrantes {
  background-color: var(--exc-ink);
  color: #fff;
  padding: 7em 0 8em;
  position: relative;
  z-index: 2;
}
.exc-pal-head { max-width: 46em; padding-bottom: 3.5em; }
.exc-pal-kicker { color: var(--exc-electric); }
.exc-palestrantes .h2-style-new { color: #fff; margin: .35em 0 .5em; }
.exc-pal-sub { color: #ffffff80; letter-spacing: .06em; }
.exc-pal-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2em;
}
.exc-pal-card {
  background: linear-gradient(180deg, #0d1732 0%, #050a18 100%);
  border: 1px solid #ffffff12;
  border-radius: 1.4em;
  padding: 1.4em 1.4em 1.8em;
  display: flex;
  flex-direction: column;
  gap: .5em;
}
.exc-pal-foto-wrap {
  aspect-ratio: 1;
  border-radius: 1em;
  overflow: hidden;
  margin-bottom: 1em;
  background: var(--exc-deep);
}
.exc-pal-foto { width: 100%; height: 100%; object-fit: cover; display: block; }
.exc-pal-foto-wrap--soon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--exc-gradient);
}
.exc-pal-soon-icon { width: 38%; height: auto; opacity: .9; }
.exc-palestrantes .text-40-medium { color: #fff; }
.exc-pal-cargo { color: var(--exc-electric); letter-spacing: .04em; }
.exc-pal-bio { color: #ffffffb8; line-height: 145%; }
@media (max-width: 991px) { .exc-pal-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 479px) {
  .exc-palestrantes { padding: 4em 0 5em; }
  .exc-pal-grid { grid-template-columns: 1fr; }
}

/* --------------------------------------- logo do header via máscara (herda a cor) */
.logo-header {
  -webkit-mask: url(/expo/img/logo-original.png) center / contain no-repeat;
  mask: url(/expo/img/logo-original.png) center / contain no-repeat;
  background-color: currentColor;
  height: 2.7em;
}
.logo-header.web { height: 3.1em; }
.logo-header.mobile { height: 2em; }
.exc-credito { font-size: .8em; letter-spacing: .08em; text-transform: uppercase; }

/* respiro lateral da faixa de marcas */
.exc-marcas > .container,
.exc-palestrantes > .container {
  padding-left: var(--padding-web);
  padding-right: var(--padding-web);
}
@media (max-width: 767px) {
  .exc-marcas > .container,
  .exc-palestrantes > .container {
    padding-left: var(--padding-mobile);
    padding-right: var(--padding-mobile);
  }
}

/* evita quebra no meio da palavra nos blocos estreitos */
.text-45-regular, .text-45-regular-new, .text-40-medium { overflow-wrap: normal; }

/* A Nexa Trial/Demo entrega as ligaduras (fi, fl…) com marca d'água — desliga. */
html, body, h1, h2, h3, h4, p, div, span, a, li, input, textarea, select, button {
  font-variant-ligatures: none;
  -webkit-font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
  font-feature-settings: "liga" 0, "clig" 0, "dlig" 0;
}

/* título do fechamento agora vive sobre fundo escuro */
.h2-style.dark-green { color: #eef1f9; }