.elementor-375 .elementor-element.elementor-element-0dfc185{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0% 0%;--row-gap:0%;--column-gap:0%;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-375 .elementor-element.elementor-element-a217b84{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-375 .elementor-element.elementor-element-209276a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-375 .elementor-element.elementor-element-5df5228{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-375 .elementor-element.elementor-element-01e96d6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-375 .elementor-element.elementor-element-71caf54{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-375 .elementor-element.elementor-element-9e80830{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-375 .elementor-element.elementor-element-a5f9abb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-375 .elementor-element.elementor-element-9cb5b5f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-375 .elementor-element.elementor-element-a217b84{--width:100%;}.elementor-375 .elementor-element.elementor-element-209276a{--width:100%;}.elementor-375 .elementor-element.elementor-element-5df5228{--width:100%;}.elementor-375 .elementor-element.elementor-element-01e96d6{--width:100%;}.elementor-375 .elementor-element.elementor-element-71caf54{--width:100%;}.elementor-375 .elementor-element.elementor-element-9e80830{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-720ac99 *//* =========================================================
   ISBET — NOSSA HISTÓRIA
   HERO INTERNO
   PADRÃO OFICIAL 2026
========================================================= */


/* =========================================================
   SECTION
========================================================= */

.historia-hero-container .historia-hero {
  position: relative;

  width: 100%;
  margin: 0;

  overflow: hidden;

  padding-block:
    clamp(64px, 7vw, 88px);

  background:
    linear-gradient(
      135deg,
      #FAF8F8 0%,
      #F6F1F2 48%,
      #F1E7E9 100%
    );

  font-family:
    var(--font-primary);
}


/* =========================================================
   SHAPE PRINCIPAL
========================================================= */

.historia-hero-container .historia-hero::before {
  content: "";

  position: absolute;

  width: 620px;
  height: 620px;

  top: -350px;
  right: -230px;

  border-radius: 50%;

  background:
    rgba(188,12,36,.10);

  pointer-events: none;
}


/* =========================================================
   SHAPE SECUNDÁRIO
========================================================= */

.historia-hero-container .historia-hero::after {
  content: "";

  position: absolute;

  width: 340px;
  height: 340px;

  right: 8%;
  bottom: -230px;

  border-radius: 50%;

  background:
    rgba(255,102,0,.055);

  pointer-events: none;
}


/* =========================================================
   WRAP
========================================================= */

.historia-hero-container .historia-hero__wrap {
  position: relative;
  z-index: 2;

  width:
    min(1200px, calc(100% - 48px));

  margin-inline:
    auto;

  display:
    grid;

  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(420px, .78fr);

  gap:
    clamp(48px, 6vw, 76px);

  align-items:
    center;
}


/* =========================================================
   CONTENT
========================================================= */

.historia-hero-container .historia-hero__content {
  min-width: 0;
}


/* =========================================================
   EYEBROW
========================================================= */

.historia-hero-container .historia-hero__eyebrow {
  margin:
    0 0 10px;

  font-size:
    10px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .09em;

  text-transform:
    uppercase;

  color:
    var(--red-primary);
}


/* =========================================================
   H1
========================================================= */

.historia-hero-container .historia-hero__title {
  max-width:
    720px;

  margin:
    0;

  font-size:
    clamp(2.4rem, 4.5vw, 4rem);

  font-weight:
    700;

  line-height:
    1.04;

  letter-spacing:
    -0.045em;

  color:
    var(--night);
}

.historia-hero-container
.historia-hero__title span {
  display:
    block;

  color:
    var(--red-primary);
}


/* =========================================================
   TEXT
========================================================= */

.historia-hero-container .historia-hero__text {
  max-width:
    620px;

  margin:
    22px 0 0;

  font-size:
    clamp(1rem, 1.12vw, var(--text-body));

  font-weight:
    400;

  line-height:
    1.75;

  color:
    var(--ink-60);
}


/* =========================================================
   ACTIONS
========================================================= */

.historia-hero-container .historia-hero__actions {
  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    10px;

  margin-top:
    28px;
}


/* =========================================================
   BUTTON
========================================================= */

.historia-hero-container .historia-hero__button {
  min-height:
    44px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    7px;

  padding:
    11px 18px;

  border:
    1px solid transparent;

  border-radius:
    8px;

  font-size:
    var(--text-sm);

  font-weight:
    700;

  line-height:
    1;

  text-decoration:
    none;

  transition:
    background-color .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

.historia-hero-container
.historia-hero__button--primary {
  background:
    var(--red-primary);

  border-color:
    var(--red-primary);

  color:
    var(--white);
}

.historia-hero-container
.historia-hero__button svg {
  width:
    15px;

  height:
    15px;

  flex:
    0 0 15px;

  fill:
    none;

  stroke:
    currentColor;

  stroke-width:
    2;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}


/* =========================================================
   HOVER
========================================================= */

@media (hover:hover) and (pointer:fine) {

  .historia-hero-container
  .historia-hero__button--primary:hover {
    background:
      var(--red-wine);

    border-color:
      var(--red-wine);

    color:
      var(--white);

    transform:
      translateY(-1px);
  }

}


/* =========================================================
   VISUAL
========================================================= */

.historia-hero-container .historia-hero__visual {
  min-width:
    0;

  width:
    100%;

  padding:
    0;
}


/* =========================================================
   PANEL
========================================================= */

.historia-hero-container .historia-hero__panel {
  position:
    relative;

  overflow:
    hidden;

  padding:
    28px;

  border:
    1px solid rgba(255,255,255,.05);

  border-radius:
    14px;

  background:
    linear-gradient(
      145deg,
      #021627 0%,
      #071E31 100%
    );

  box-shadow:
    0 18px 42px rgba(2,22,39,.13);
}


/* =========================================================
   PANEL SHAPE
========================================================= */

.historia-hero-container
.historia-hero__panel::before {
  content:
    "";

  position:
    absolute;

  width:
    210px;

  height:
    210px;

  top:
    -95px;

  right:
    -90px;

  border-radius:
    50%;

  background:
    rgba(188,12,36,.28);

  pointer-events:
    none;
}


/* =========================================================
   PANEL EYEBROW
========================================================= */

.historia-hero-container
.historia-hero__panel-eyebrow {
  position:
    relative;

  z-index:
    1;

  margin:
    0 0 18px;

  font-size:
    10px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .09em;

  text-transform:
    uppercase;

  color:
    var(--orange);
}


/* =========================================================
   METRIC
========================================================= */

.historia-hero-container
.historia-hero__metric {
  position:
    relative;

  z-index:
    1;

  display:
    flex;

  flex-direction:
    column;

  gap:
    6px;
}

.historia-hero-container
.historia-hero__metric strong {
  font-size:
    clamp(2.65rem, 4vw, 3.6rem);

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    -0.05em;

  color:
    var(--white);
}

.historia-hero-container
.historia-hero__metric span {
  font-size:
    var(--text-sm);

  font-weight:
    600;

  line-height:
    1.45;

  color:
    rgba(255,255,255,.78);
}


/* =========================================================
   PANEL TEXT
========================================================= */

.historia-hero-container
.historia-hero__panel-text {
  position:
    relative;

  z-index:
    1;

  max-width:
    360px;

  margin:
    22px 0 0;

  padding-top:
    18px;

  border-top:
    1px solid rgba(255,255,255,.09);

  font-size:
    var(--text-card);

  font-weight:
    400;

  line-height:
    1.65;

  color:
    rgba(255,255,255,.68);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 960px) {

  .historia-hero-container
  .historia-hero__wrap {
    grid-template-columns:
      1fr;

    gap:
      36px;
  }

  .historia-hero-container
  .historia-hero__panel {
    max-width:
      620px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px) {

  .historia-hero-container .historia-hero {
    padding-block:
      48px;
  }

  .historia-hero-container
  .historia-hero__wrap {
    width:
      calc(100% - 32px);

    gap:
      30px;
  }

  .historia-hero-container
  .historia-hero__title {
    font-size:
      clamp(2.1rem, 10vw, 2.6rem);
  }

  .historia-hero-container
  .historia-hero__text {
    font-size:
      var(--text-base);

    line-height:
      1.7;
  }

  .historia-hero-container
  .historia-hero__button {
    width:
      100%;
  }

  .historia-hero-container
  .historia-hero__panel {
    padding:
      22px;

    border-radius:
      12px;
  }

  .historia-hero-container
  .historia-hero::before {
    width:
      420px;

    height:
      420px;

    top:
      -250px;

    right:
      -230px;
  }

  .historia-hero-container
  .historia-hero::after {
    display:
      none;
  }

}


/* =========================================================
   FOCUS
========================================================= */

.historia-hero-container
.historia-hero a:focus-visible {
  outline:
    3px solid rgba(188,12,36,.20);

  outline-offset:
    3px;
}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .historia-hero-container
  .historia-hero__button {
    transition:
      none !important;
  }

  .historia-hero-container
  .historia-hero__button:hover {
    transform:
      none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-543efe2 *//* =========================================================
   NOSSA HISTÓRIA | BLOCO 02 | QUEM SOMOS
   PADRÃO OFICIAL DA PÁGINA
========================================================= */

.historia-quem-container .historia-quem {
  width: 100%;

  padding-block:
    clamp(68px, 7vw, 92px);

  background:
    var(--white);
}


/* =========================================================
   WRAP
========================================================= */

.historia-quem-container .historia-quem__wrap {
  width:
    min(1200px, calc(100% - 48px));

  margin-inline:
    auto;

  display:
    grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(360px, .72fr);

  gap:
    clamp(52px, 7vw, 90px);

  align-items:
    center;
}


/* =========================================================
   CONTEÚDO
========================================================= */

.historia-quem-container .historia-quem__content {
  min-width:
    0;
}


/* =========================================================
   EYEBROW
========================================================= */

.historia-quem-container .historia-quem__eyebrow {
  margin:
    0 0 10px;

  font-family:
    var(--font-primary);

  font-size:
    10px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .09em;

  text-transform:
    uppercase;

  color:
    var(--red-primary);
}


/* =========================================================
   H2
========================================================= */

.historia-quem-container .historia-quem__title {
  max-width:
    700px;

  margin:
    0;

  font-family:
    var(--font-primary);

  font-size:
    clamp(1.9rem, 3vw, 2.4rem);

  font-weight:
    700;

  line-height:
    1.1;

  letter-spacing:
    -0.04em;

  color:
    var(--night);
}

.historia-quem-container .historia-quem__title span {
  display:
    block;

  color:
    var(--red-primary);
}


/* =========================================================
   TEXTO PRINCIPAL
   16–17px PELO PADRÃO GLOBAL
========================================================= */

.historia-quem-container .historia-quem__text {
  max-width:
    650px;

  margin:
    18px 0 0;

  font-family:
    var(--font-primary);

  font-size:
    clamp(1rem, 1.12vw, var(--text-body));

  font-weight:
    400;

  line-height:
    1.75;

  color:
    var(--ink-60);
}

.historia-quem-container
.historia-quem__text + .historia-quem__text {
  margin-top:
    12px;
}

.historia-quem-container .historia-quem__text strong {
  font-weight:
    700;

  color:
    var(--night);
}


/* =========================================================
   CITAÇÃO
========================================================= */

.historia-quem-container .historia-quem__quote {
  position:
    relative;

  margin:
    28px 0 0;

  padding:
    20px 22px 20px 25px;

  border-left:
    3px solid var(--orange);

  border-radius:
    0 10px 10px 0;

  background:
    var(--ink-02);
}

.historia-quem-container .historia-quem__quote p {
  max-width:
    610px;

  margin:
    0;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-card);

  font-weight:
    500;

  font-style:
    italic;

  line-height:
    1.65;

  color:
    var(--night);
}

.historia-quem-container .historia-quem__quote cite {
  display:
    block;

  margin-top:
    10px;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-xs);

  font-weight:
    700;

  font-style:
    normal;

  line-height:
    1.4;

  letter-spacing:
    .08em;

  text-transform:
    uppercase;

  color:
    var(--red-primary);
}


/* =========================================================
   PAINEL
========================================================= */

.historia-quem-container .historia-quem__panel {
  position:
    relative;

  padding:
    28px;

  border-radius:
    16px;

  background:
    var(--night);

  overflow:
    hidden;

  box-shadow:
    0 18px 50px rgba(2,22,39,.10);
}

.historia-quem-container .historia-quem__panel::before {
  content:
    "";

  position:
    absolute;

  width:
    180px;

  height:
    180px;

  right:
    -80px;

  top:
    -80px;

  border-radius:
    50%;

  background:
    rgba(188,12,36,.25);

  pointer-events:
    none;
}


/* =========================================================
   PAINEL CABEÇALHO
========================================================= */

.historia-quem-container .historia-quem__panel-eyebrow {
  position:
    relative;

  z-index:
    2;

  margin:
    0 0 8px;

  font-family:
    var(--font-primary);

  font-size:
    10px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .09em;

  text-transform:
    uppercase;

  color:
    var(--orange);
}

.historia-quem-container .historia-quem__panel-title {
  position:
    relative;

  z-index:
    2;

  max-width:
    350px;

  margin:
    0;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-lg);

  font-weight:
    700;

  line-height:
    1.3;

  letter-spacing:
    -0.02em;

  color:
    var(--white);
}


/* =========================================================
   ITENS
========================================================= */

.historia-quem-container .historia-quem__items {
  position:
    relative;

  z-index:
    2;

  display:
    grid;

  gap:
    8px;

  margin-top:
    22px;
}

.historia-quem-container .historia-quem__item {
  display:
    grid;

  grid-template-columns:
    36px 1fr;

  gap:
    12px;

  align-items:
    start;

  padding:
    14px;

  border:
    1px solid rgba(255,255,255,.09);

  border-radius:
    9px;

  background:
    rgba(255,255,255,.045);
}


/* =========================================================
   NÚMERO
========================================================= */

.historia-quem-container .historia-quem__number {
  width:
    32px;

  height:
    32px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    7px;

  background:
    rgba(188,12,36,.20);

  font-family:
    var(--font-primary);

  font-size:
    var(--text-xs);

  font-weight:
    700;

  color:
    #ff8796;
}


/* =========================================================
   ITEM TEXTO
========================================================= */

.historia-quem-container .historia-quem__item strong {
  display:
    block;

  margin-bottom:
    4px;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-card);

  font-weight:
    700;

  line-height:
    1.4;

  color:
    var(--white);
}

.historia-quem-container .historia-quem__item p {
  margin:
    0;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-support);

  line-height:
    1.6;

  color:
    rgba(255,255,255,.66);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 960px) {

  .historia-quem-container .historia-quem__wrap {
    grid-template-columns:
      1fr;

    gap:
      40px;
  }

  .historia-quem-container .historia-quem__panel {
    max-width:
      620px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px) {

  .historia-quem-container .historia-quem {
    padding-block:
      52px;
  }

  .historia-quem-container .historia-quem__wrap {
    width:
      calc(100% - 32px);

    gap:
      32px;
  }

  .historia-quem-container .historia-quem__title {
    font-size:
      1.8rem;
  }

  .historia-quem-container .historia-quem__quote {
    padding:
      18px 18px 18px 20px;
  }

  .historia-quem-container .historia-quem__panel {
    padding:
      22px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .historia-quem-container *,
  .historia-quem-container *::before,
  .historia-quem-container *::after {
    transition:
      none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fb1c676 *//* =========================================================
   NOSSA HISTÓRIA | BLOCO 03 | TIMELINE
   PADRÃO OFICIAL DA PÁGINA
========================================================= */

.historia-timeline-container .nh-timeline {
  width: 100%;

  padding-block:
    clamp(68px, 7vw, 92px);

  background:
    var(--ink-02);

  overflow:
    hidden;
}


/* =========================================================
   WRAP
========================================================= */

.historia-timeline-container .nh-timeline__wrap {
  width:
    min(1200px, calc(100% - 48px));

  margin-inline:
    auto;
}


/* =========================================================
   CABEÇALHO
========================================================= */

.historia-timeline-container .nh-timeline__head {
  max-width:
    760px;

  margin:
    0 0 48px;

  text-align:
    left;
}


/* =========================================================
   EYEBROW
========================================================= */

.historia-timeline-container .nh-timeline__eyebrow {
  margin:
    0 0 10px;

  font-family:
    var(--font-primary);

  font-size:
    10px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .09em;

  text-transform:
    uppercase;

  color:
    var(--red-primary);
}


/* =========================================================
   H2
========================================================= */

.historia-timeline-container .nh-timeline__title {
  max-width:
    700px;

  margin:
    0;

  font-family:
    var(--font-primary);

  font-size:
    clamp(1.9rem, 3vw, 2.4rem);

  font-weight:
    700;

  line-height:
    1.1;

  letter-spacing:
    -0.04em;

  color:
    var(--night);
}

.historia-timeline-container .nh-timeline__title span {
  display:
    block;

  color:
    var(--red-primary);
}


/* =========================================================
   INTRO
   TAMANHO CONTROLADO PELO GLOBAL
========================================================= */

.historia-timeline-container .nh-timeline__intro {
  max-width:
    680px;

  margin:
    18px 0 0;

  font-family:
    var(--font-primary);

  font-weight:
    400;

  line-height:
    1.75;

  color:
    var(--ink-60);
}


/* =========================================================
   TIMELINE BODY
========================================================= */

.historia-timeline-container .nh-timeline__body {
  position:
    relative;

  display:
    flex;

  flex-direction:
    column;

  gap:
    14px;

  padding-top:
    4px;
}


/* =========================================================
   LINHA CENTRAL
========================================================= */

.historia-timeline-container .nh-timeline__line {
  position:
    absolute;

  top:
    0;

  bottom:
    0;

  left:
    50%;

  width:
    2px;

  transform:
    translateX(-50%);

  background:
    linear-gradient(
      to bottom,
      rgba(188,12,36,.08),
      rgba(188,12,36,.34) 12%,
      rgba(188,12,36,.34) 88%,
      rgba(188,12,36,.08)
    );
}


/* =========================================================
   ITEM
========================================================= */

.historia-timeline-container .nh-timeline__item {
  position:
    relative;

  width:
    50%;

  min-height:
    170px;

  display:
    flex;

  align-items:
    center;
}

.historia-timeline-container .nh-timeline__item--left {
  align-self:
    flex-start;

  justify-content:
    flex-end;

  padding-right:
    38px;
}

.historia-timeline-container .nh-timeline__item--right {
  align-self:
    flex-end;

  justify-content:
    flex-start;

  padding-left:
    38px;
}


/* =========================================================
   CONECTOR
========================================================= */

.historia-timeline-container
.nh-timeline__item--left::after,
.historia-timeline-container
.nh-timeline__item--right::after {
  content:
    "";

  position:
    absolute;

  top:
    50%;

  width:
    28px;

  height:
    1px;

  background:
    rgba(188,12,36,.20);
}

.historia-timeline-container
.nh-timeline__item--left::after {
  right:
    0;
}

.historia-timeline-container
.nh-timeline__item--right::after {
  left:
    0;
}


/* =========================================================
   DOT
========================================================= */

.historia-timeline-container .nh-timeline__dot {
  position:
    absolute;

  top:
    50%;

  width:
    14px;

  height:
    14px;

  border:
    3px solid var(--ink-02);

  border-radius:
    50%;

  background:
    var(--red-primary);

  box-shadow:
    0 0 0 1px rgba(188,12,36,.22);

  transform:
    translateY(-50%);

  z-index:
    2;
}

.historia-timeline-container
.nh-timeline__item--left
.nh-timeline__dot {
  right:
    -7px;
}

.historia-timeline-container
.nh-timeline__item--right
.nh-timeline__dot {
  left:
    -7px;
}


/* =========================================================
   CARD
========================================================= */

.historia-timeline-container .nh-timeline__card {
  width:
    min(100%, 470px);

  padding:
    22px;

  border:
    1px solid var(--ink-10);

  border-radius:
    14px;

  background:
    var(--white);

  box-shadow:
    0 8px 24px rgba(2,22,39,.04);

  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.historia-timeline-container .nh-timeline__card:hover {
  transform:
    translateY(-2px);

  border-color:
    rgba(188,12,36,.16);

  box-shadow:
    0 12px 28px rgba(2,22,39,.06);
}


/* =========================================================
   ANO
========================================================= */

.historia-timeline-container .nh-timeline__year {
  display:
    inline-flex;

  width:
    fit-content;

  margin-bottom:
    10px;

  padding:
    6px 9px;

  border-radius:
    7px;

  background:
    rgba(188,12,36,.07);

  font-family:
    var(--font-primary);

  font-size:
    var(--text-xs);

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .04em;

  color:
    var(--red-primary);
}


/* =========================================================
   TÍTULO DO CARD
========================================================= */

.historia-timeline-container .nh-timeline__item-title {
  margin:
    0;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-lg);

  font-weight:
    700;

  line-height:
    1.3;

  letter-spacing:
    -0.02em;

  color:
    var(--night);
}


/* =========================================================
   TEXTO DO CARD
   15px CONFORME PADRÃO GLOBAL
========================================================= */

.historia-timeline-container .nh-timeline__text {
  margin:
    9px 0 0;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-card);

  font-weight:
    400;

  line-height:
    1.65;

  color:
    var(--ink-60);
}


/* =========================================================
   DESTAQUES
========================================================= */

.historia-timeline-container
.nh-timeline__item--featured
.nh-timeline__card {
  border-color:
    rgba(188,12,36,.16);

  background:
    linear-gradient(
      180deg,
      rgba(188,12,36,.025),
      var(--white)
    );
}


/* =========================================================
   HOJE
========================================================= */

.historia-timeline-container .nh-timeline__item--today {
  width:
    100%;

  align-self:
    stretch;

  justify-content:
    center;

  padding:
    34px 0 0;

  min-height:
    auto;
}

.historia-timeline-container
.nh-timeline__item--today::after {
  display:
    none;
}

.historia-timeline-container
.nh-timeline__item--today
.nh-timeline__dot {
  top:
    0;

  left:
    50%;

  right:
    auto;

  width:
    17px;

  height:
    17px;

  transform:
    translate(-50%, 0);

  background:
    var(--orange);

  box-shadow:
    0 0 0 4px rgba(255,102,0,.08);
}

.historia-timeline-container
.nh-timeline__item--today
.nh-timeline__card {
  width:
    min(100%, 720px);

  padding:
    26px;

  text-align:
    left;

  background:
    var(--night);

  border-color:
    transparent;

  box-shadow:
    0 14px 34px rgba(2,22,39,.10);
}

.historia-timeline-container
.nh-timeline__item--today
.nh-timeline__year {
  background:
    rgba(255,102,0,.12);

  color:
    var(--orange);
}

.historia-timeline-container
.nh-timeline__item--today
.nh-timeline__item-title {
  color:
    var(--white);
}

.historia-timeline-container
.nh-timeline__item--today
.nh-timeline__text {
  max-width:
    620px;

  color:
    rgba(255,255,255,.68);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 960px) {

  .historia-timeline-container .nh-timeline__line {
    left:
      18px;

    transform:
      none;
  }

  .historia-timeline-container .nh-timeline__item,
  .historia-timeline-container .nh-timeline__item--left,
  .historia-timeline-container .nh-timeline__item--right,
  .historia-timeline-container .nh-timeline__item--today {
    width:
      100%;

    align-self:
      stretch;

    justify-content:
      flex-start;

    padding:
      10px 0 10px 48px;

    min-height:
      auto;
  }

  .historia-timeline-container
  .nh-timeline__item--left::after,
  .historia-timeline-container
  .nh-timeline__item--right::after {
    left:
      18px;

    right:
      auto;

    width:
      30px;
  }

  .historia-timeline-container
  .nh-timeline__item
  .nh-timeline__dot,
  .historia-timeline-container
  .nh-timeline__item--left
  .nh-timeline__dot,
  .historia-timeline-container
  .nh-timeline__item--right
  .nh-timeline__dot,
  .historia-timeline-container
  .nh-timeline__item--today
  .nh-timeline__dot {
    left:
      11px;

    right:
      auto;

    top:
      50%;

    transform:
      translateY(-50%);
  }

  .historia-timeline-container
  .nh-timeline__item--today
  .nh-timeline__card {
    width:
      min(100%, 470px);
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px) {

  .historia-timeline-container .nh-timeline {
    padding-block:
      52px;
  }

  .historia-timeline-container .nh-timeline__wrap {
    width:
      calc(100% - 32px);
  }

  .historia-timeline-container .nh-timeline__head {
    margin-bottom:
      36px;
  }

  .historia-timeline-container .nh-timeline__title {
    font-size:
      1.8rem;
  }

  .historia-timeline-container .nh-timeline__card {
    padding:
      18px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .historia-timeline-container *,
  .historia-timeline-container *::before,
  .historia-timeline-container *::after {
    transition:
      none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b056f8 *//* =========================================================
   NOSSA HISTÓRIA | BLOCO 04 | ODS
   PADRÃO OFICIAL DA PÁGINA
========================================================= */

.historia-ods-container .historia-ods {
  width: 100%;

  padding-block:
    clamp(68px, 7vw, 92px);

  background:
    var(--white);
}


/* =========================================================
   WRAP
========================================================= */

.historia-ods-container .historia-ods__wrap {
  width:
    min(1200px, calc(100% - 48px));

  margin-inline:
    auto;
}


/* =========================================================
   CABEÇALHO
========================================================= */

.historia-ods-container .historia-ods__head {
  display:
    grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(320px, .72fr);

  gap:
    clamp(36px, 6vw, 84px);

  align-items:
    end;

  margin-bottom:
    34px;
}


/* =========================================================
   EYEBROW
========================================================= */

.historia-ods-container .historia-ods__eyebrow {
  margin:
    0 0 10px;

  font-family:
    var(--font-primary);

  font-size:
    10px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .09em;

  text-transform:
    uppercase;

  color:
    var(--red-primary);
}


/* =========================================================
   H2
========================================================= */

.historia-ods-container .historia-ods__title {
  max-width:
    700px;

  margin:
    0;

  font-family:
    var(--font-primary);

  font-size:
    clamp(1.9rem, 3vw, 2.4rem);

  font-weight:
    700;

  line-height:
    1.1;

  letter-spacing:
    -0.04em;

  color:
    var(--night);
}

.historia-ods-container .historia-ods__title span {
  display:
    block;

  color:
    var(--red-primary);
}


/* =========================================================
   INTRO
========================================================= */

.historia-ods-container .historia-ods__intro {
  max-width:
    560px;

  margin:
    0;

  font-family:
    var(--font-primary);

  font-size:
    clamp(1rem, 1.12vw, var(--text-body));

  font-weight:
    400;

  line-height:
    1.75;

  color:
    var(--ink-60);
}


/* =========================================================
   GRID
========================================================= */

.historia-ods-container .historia-ods__grid {
  display:
    grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap:
    12px;
}


/* =========================================================
   CARD
========================================================= */

.historia-ods-container .historia-ods__card {
  min-width:
    0;

  display:
    flex;

  flex-direction:
    column;

  align-items:
    flex-start;

  padding:
    20px;

  border:
    1px solid var(--ink-10);

  border-radius:
    14px;

  background:
    var(--ink-02);

  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.historia-ods-container .historia-ods__card:hover {
  transform:
    translateY(-2px);

  border-color:
    rgba(188,12,36,.15);

  box-shadow:
    0 10px 26px rgba(2,22,39,.05);
}


/* =========================================================
   ÍCONE ODS
========================================================= */

.historia-ods-container .historia-ods__icon {
  width:
    62px;

  height:
    62px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  margin-bottom:
    18px;

  border-radius:
    10px;

  overflow:
    hidden;

  background:
    var(--white);
}

.historia-ods-container .historia-ods__icon img {
  width:
    100%;

  height:
    100%;

  display:
    block;

  object-fit:
    contain;
}


/* =========================================================
   CONTEÚDO
========================================================= */

.historia-ods-container .historia-ods__content {
  display:
    flex;

  flex-direction:
    column;

  align-items:
    flex-start;
}


/* =========================================================
   NÚMERO ODS
========================================================= */

.historia-ods-container .historia-ods__number {
  margin-bottom:
    7px;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-xs);

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .07em;

  text-transform:
    uppercase;

  color:
    var(--red-primary);
}


/* =========================================================
   H3
========================================================= */

.historia-ods-container .historia-ods__content h3 {
  margin:
    0;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-lg);

  font-weight:
    700;

  line-height:
    1.3;

  letter-spacing:
    -0.02em;

  color:
    var(--night);
}


/* =========================================================
   TEXTO DO CARD
========================================================= */

.historia-ods-container .historia-ods__content p {
  margin:
    9px 0 0;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-card);

  font-weight:
    400;

  line-height:
    1.65;

  color:
    var(--ink-60);
}


/* =========================================================
   FECHAMENTO
========================================================= */

.historia-ods-container .historia-ods__closing {
  max-width:
    760px;

  display:
    grid;

  grid-template-columns:
    38px 1fr;

  gap:
    12px;

  align-items:
    start;

  margin-top:
    28px;

  padding:
    16px 18px;

  border:
    1px solid var(--ink-10);

  border-radius:
    12px;

  background:
    var(--white);
}

.historia-ods-container .historia-ods__closing-icon {
  width:
    38px;

  height:
    38px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    9px;

  background:
    rgba(188,12,36,.07);

  color:
    var(--red-primary);
}

.historia-ods-container .historia-ods__closing-icon svg {
  width:
    18px;

  height:
    18px;

  fill:
    none;

  stroke:
    currentColor;

  stroke-width:
    1.7;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}

.historia-ods-container .historia-ods__closing p {
  margin:
    0;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-support);

  font-weight:
    400;

  line-height:
    1.6;

  color:
    var(--ink-60);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 960px) {

  .historia-ods-container .historia-ods__head {
    grid-template-columns:
      1fr;

    gap:
      16px;
  }

  .historia-ods-container .historia-ods__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px) {

  .historia-ods-container .historia-ods {
    padding-block:
      52px;
  }

  .historia-ods-container .historia-ods__wrap {
    width:
      calc(100% - 32px);
  }

  .historia-ods-container .historia-ods__head {
    margin-bottom:
      27px;
  }

  .historia-ods-container .historia-ods__title {
    font-size:
      1.8rem;
  }

  .historia-ods-container .historia-ods__grid {
    grid-template-columns:
      1fr;
  }

  .historia-ods-container .historia-ods__card {
    padding:
      18px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .historia-ods-container *,
  .historia-ods-container *::before,
  .historia-ods-container *::after {
    transition:
      none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-29256df *//* =========================================================
   NOSSA HISTÓRIA | BLOCO 05 | CULTURA
   COMPOSIÇÃO EDITORIAL
========================================================= */

.historia-cultura-container .historia-cultura {
  width: 100%;
  padding-block: clamp(68px, 7vw, 92px);
  background: var(--ink-02);
}


/* =========================================================
   WRAP
========================================================= */

.historia-cultura-container .historia-cultura__wrap {
  width: min(1200px, calc(100% - 48px));
  margin-inline: auto;
}


/* =========================================================
   CABEÇALHO
========================================================= */

.historia-cultura-container .historia-cultura__head {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(320px, .72fr);

  gap: clamp(36px, 6vw, 84px);

  align-items: end;

  margin-bottom: 34px;
}


/* EYEBROW */

.historia-cultura-container .historia-cultura__eyebrow {
  margin: 0 0 10px;

  font-family: var(--font-primary);

  font-size: 10px;
  font-weight: 700;
  line-height: 1;

  letter-spacing: .09em;
  text-transform: uppercase;

  color: var(--red-primary);
}


/* H2 */

.historia-cultura-container .historia-cultura__title {
  max-width: 700px;
  margin: 0;

  font-family: var(--font-primary);

  font-size: clamp(1.9rem, 3vw, 2.4rem);
  font-weight: 700;
  line-height: 1.1;

  letter-spacing: -0.04em;

  color: var(--night);
}

.historia-cultura-container .historia-cultura__title span {
  display: block;
  color: var(--red-primary);
}


/* INTRO */

.historia-cultura-container .historia-cultura__intro {
  max-width: 560px;
  margin: 0;

  font-family: var(--font-primary);

  font-size: clamp(1rem, 1.12vw, var(--text-body));
  font-weight: 400;
  line-height: 1.75;

  color: var(--ink-60);
}


/* =========================================================
   LAYOUT
========================================================= */

.historia-cultura-container .historia-cultura__layout {
  display: grid;

  grid-template-columns:
    minmax(320px, .82fr)
    minmax(0, 1.55fr);

  gap: 14px;

  align-items: stretch;
}


/* =========================================================
   MISSÃO | CARD PRINCIPAL
========================================================= */

.historia-cultura-container .historia-cultura__feature {
  position: relative;

  min-height: 100%;

  display: flex;
  flex-direction: column;
  justify-content: space-between;

  padding: 30px;

  border-radius: 16px;

  background: var(--night);

  overflow: hidden;

  box-shadow:
    0 16px 40px rgba(2,22,39,.08);
}

.historia-cultura-container .historia-cultura__feature::before {
  content: "";

  position: absolute;

  width: 230px;
  height: 230px;

  top: -100px;
  right: -95px;

  border-radius: 50%;

  background: rgba(188,12,36,.24);

  pointer-events: none;
}


/* TOPO DO DESTAQUE */

.historia-cultura-container .historia-cultura__feature-top {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 16px;
}

.historia-cultura-container .historia-cultura__feature-icon {
  width: 48px;
  height: 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 11px;

  background: rgba(255,255,255,.08);

  color: var(--white);
}

.historia-cultura-container .historia-cultura__feature-icon svg {
  width: 22px;
  height: 22px;

  fill: none;
  stroke: currentColor;

  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.historia-cultura-container .historia-cultura__feature-index {
  font-family: var(--font-primary);

  font-size: var(--text-xs);
  font-weight: 700;

  line-height: 1;

  letter-spacing: .08em;

  color: rgba(255,255,255,.42);
}


/* CONTEÚDO MISSÃO */

.historia-cultura-container .historia-cultura__feature-content {
  position: relative;
  z-index: 2;

  margin-top: 88px;
}

.historia-cultura-container .historia-cultura__feature-label {
  margin: 0 0 12px;

  font-family: var(--font-primary);

  font-size: var(--text-xs);
  font-weight: 700;
  line-height: 1;

  letter-spacing: .08em;
  text-transform: uppercase;

  color: var(--orange);
}

.historia-cultura-container .historia-cultura__feature h3 {
  max-width: 430px;
  margin: 0;

  font-family: var(--font-primary);

  font-size: clamp(1.55rem, 2.2vw, 1.95rem);
  font-weight: 700;
  line-height: 1.22;

  letter-spacing: -0.03em;

  color: var(--white);
}


/* =========================================================
   VISÃO + VALORES
========================================================= */

.historia-cultura-container .historia-cultura__support {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 12px;
}


/* =========================================================
   CARD DE APOIO
========================================================= */

.historia-cultura-container .historia-cultura__item {
  min-width: 0;

  min-height: 310px;

  display: flex;
  flex-direction: column;

  padding: 24px;

  border: 1px solid var(--ink-10);

  border-radius: 14px;

  background: var(--white);

  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.historia-cultura-container .historia-cultura__item:hover {
  transform: translateY(-2px);

  border-color:
    rgba(188,12,36,.16);

  box-shadow:
    0 10px 26px rgba(2,22,39,.05);
}


/* =========================================================
   TOPO DOS CARDS
========================================================= */

.historia-cultura-container .historia-cultura__item-top {
  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 12px;

  margin-bottom: 34px;
}


/* =========================================================
   ÍCONES
========================================================= */

.historia-cultura-container .historia-cultura__icon {
  width: 44px;
  height: 44px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 10px;

  background: rgba(188,12,36,.08);

  color: var(--red-primary);
}

.historia-cultura-container .historia-cultura__icon--orange {
  background: rgba(255,102,0,.09);
  color: var(--orange);
}

.historia-cultura-container .historia-cultura__icon--wine {
  background: rgba(115,1,15,.08);
  color: var(--red-wine);
}

.historia-cultura-container .historia-cultura__icon svg {
  width: 20px;
  height: 20px;

  fill: none;
  stroke: currentColor;

  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================================================
   ÍNDICE
========================================================= */

.historia-cultura-container .historia-cultura__index {
  font-family: var(--font-primary);

  font-size: var(--text-xs);
  font-weight: 700;

  line-height: 1;

  letter-spacing: .08em;

  color: var(--ink-40);
}


/* =========================================================
   LABEL
========================================================= */

.historia-cultura-container .historia-cultura__label {
  margin: auto 0 10px;

  font-family: var(--font-primary);

  font-size: var(--text-xs);
  font-weight: 700;

  line-height: 1;

  letter-spacing: .08em;
  text-transform: uppercase;

  color: var(--red-primary);
}

.historia-cultura-container .historia-cultura__label--orange {
  color: var(--orange-dark);
}

.historia-cultura-container .historia-cultura__label--wine {
  color: var(--red-wine);
}


/* =========================================================
   H3
========================================================= */

.historia-cultura-container .historia-cultura__item h3 {
  margin: 0;

  font-family: var(--font-primary);

  font-size: var(--text-lg);
  font-weight: 700;

  line-height: 1.45;

  letter-spacing: -0.02em;

  color: var(--night);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 960px) {

  .historia-cultura-container .historia-cultura__head {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .historia-cultura-container .historia-cultura__layout {
    grid-template-columns: 1fr;
  }

  .historia-cultura-container .historia-cultura__feature {
    min-height: 340px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px) {

  .historia-cultura-container .historia-cultura {
    padding-block: 52px;
  }

  .historia-cultura-container .historia-cultura__wrap {
    width: calc(100% - 32px);
  }

  .historia-cultura-container .historia-cultura__head {
    margin-bottom: 27px;
  }

  .historia-cultura-container .historia-cultura__title {
    font-size: 1.8rem;
  }

  .historia-cultura-container .historia-cultura__support {
    grid-template-columns: 1fr;
  }

  .historia-cultura-container .historia-cultura__feature {
    min-height: 300px;
    padding: 22px;
  }

  .historia-cultura-container .historia-cultura__feature-content {
    margin-top: 60px;
  }

  .historia-cultura-container .historia-cultura__item {
    min-height: auto;
    padding: 20px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .historia-cultura-container *,
  .historia-cultura-container *::before,
  .historia-cultura-container *::after {
    transition: none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c8d8868 *//* =========================================================
   NOSSA HISTÓRIA | DIFERENCIAIS
========================================================= */

.historia-diferenciais-container .historia-diferenciais {
  width: 100%;

  padding-block:
    clamp(68px, 7vw, 92px);

  background:
    var(--white);
}


/* =========================================================
   WRAP
========================================================= */

.historia-diferenciais-container .historia-diferenciais__wrap {
  width:
    min(1200px, calc(100% - 48px));

  margin-inline:
    auto;
}


/* =========================================================
   CABEÇALHO
========================================================= */

.historia-diferenciais-container .historia-diferenciais__head {
  display:
    grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(320px, .72fr);

  gap:
    clamp(36px, 6vw, 84px);

  align-items:
    end;

  margin-bottom:
    34px;
}

.historia-diferenciais-container .historia-diferenciais__eyebrow {
  margin:
    0 0 10px;

  font-family:
    var(--font-primary);

  font-size:
    10px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .09em;

  text-transform:
    uppercase;

  color:
    var(--red-primary);
}

.historia-diferenciais-container .historia-diferenciais__title {
  max-width:
    700px;

  margin:
    0;

  font-family:
    var(--font-primary);

  font-size:
    clamp(1.9rem, 3vw, 2.4rem);

  font-weight:
    700;

  line-height:
    1.1;

  letter-spacing:
    -0.04em;

  color:
    var(--night);
}

.historia-diferenciais-container .historia-diferenciais__title span {
  display:
    block;

  color:
    var(--red-primary);
}

.historia-diferenciais-container .historia-diferenciais__intro {
  max-width:
    560px;

  margin:
    0;

  font-family:
    var(--font-primary);

  font-size:
    clamp(1rem, 1.12vw, var(--text-body));

  line-height:
    1.75;

  color:
    var(--ink-60);
}


/* =========================================================
   LAYOUT PRINCIPAL
========================================================= */

.historia-diferenciais-container .historia-diferenciais__layout {
  display:
    grid;

  grid-template-columns:
    minmax(320px, .82fr)
    minmax(0, 1.55fr);

  gap:
    14px;

  align-items:
    stretch;
}


/* =========================================================
   CARD PRINCIPAL
========================================================= */

.historia-diferenciais-container .historia-diferenciais__feature {
  position:
    relative;

  min-height:
    100%;

  display:
    flex;

  flex-direction:
    column;

  justify-content:
    space-between;

  padding:
    28px;

  border-radius:
    16px;

  background:
    var(--night);

  overflow:
    hidden;

  box-shadow:
    0 14px 34px rgba(2,22,39,.08);
}

.historia-diferenciais-container .historia-diferenciais__feature::before {
  content:
    "";

  position:
    absolute;

  width:
    220px;

  height:
    220px;

  top:
    -100px;

  right:
    -90px;

  border-radius:
    50%;

  background:
    rgba(188,12,36,.22);

  pointer-events:
    none;
}

.historia-diferenciais-container .historia-diferenciais__feature-top {
  position:
    relative;

  z-index:
    2;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    16px;
}

.historia-diferenciais-container .historia-diferenciais__feature-icon {
  width:
    48px;

  height:
    48px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    11px;

  background:
    rgba(255,255,255,.08);

  color:
    var(--white);
}

.historia-diferenciais-container .historia-diferenciais__feature-icon svg {
  width:
    22px;

  height:
    22px;

  fill:
    none;

  stroke:
    currentColor;

  stroke-width:
    1.7;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}

.historia-diferenciais-container .historia-diferenciais__feature-index {
  font-family:
    var(--font-primary);

  font-size:
    var(--text-xs);

  font-weight:
    700;

  letter-spacing:
    .08em;

  color:
    rgba(255,255,255,.42);
}

.historia-diferenciais-container .historia-diferenciais__feature-content {
  position:
    relative;

  z-index:
    2;

  margin-top:
    72px;
}

.historia-diferenciais-container .historia-diferenciais__feature-label {
  margin:
    0 0 10px;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-xs);

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .08em;

  text-transform:
    uppercase;

  color:
    var(--orange);
}

.historia-diferenciais-container .historia-diferenciais__feature h3 {
  max-width:
    410px;

  margin:
    0;

  font-family:
    var(--font-primary);

  font-size:
    clamp(1.45rem, 2.2vw, 1.9rem);

  font-weight:
    700;

  line-height:
    1.2;

  letter-spacing:
    -0.03em;

  color:
    var(--white);
}

.historia-diferenciais-container .historia-diferenciais__feature p:last-child {
  max-width:
    430px;

  margin:
    16px 0 0;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-card);

  line-height:
    1.65;

  color:
    rgba(255,255,255,.68);
}


/* =========================================================
   CARDS DE APOIO
========================================================= */

.historia-diferenciais-container .historia-diferenciais__support {
  display:
    grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap:
    12px;
}

.historia-diferenciais-container .historia-diferenciais__item {
  min-width:
    0;

  min-height:
    190px;

  display:
    flex;

  flex-direction:
    column;

  padding:
    20px;

  border:
    1px solid var(--ink-10);

  border-radius:
    14px;

  background:
    var(--ink-02);

  transition:
    transform .2s ease,
    border-color .2s ease,
    background .2s ease,
    box-shadow .2s ease;
}

.historia-diferenciais-container .historia-diferenciais__item:hover {
  transform:
    translateY(-2px);

  background:
    var(--white);

  border-color:
    rgba(188,12,36,.16);

  box-shadow:
    0 10px 26px rgba(2,22,39,.05);
}

.historia-diferenciais-container .historia-diferenciais__item--wide {
  grid-column:
    1 / -1;

  min-height:
    170px;
}


/* =========================================================
   ITEM HEAD
========================================================= */

.historia-diferenciais-container .historia-diferenciais__item-head {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    12px;

  margin-bottom:
    24px;
}

.historia-diferenciais-container .historia-diferenciais__item-head > span {
  font-family:
    var(--font-primary);

  font-size:
    var(--text-xs);

  font-weight:
    700;

  letter-spacing:
    .08em;

  color:
    var(--ink-40);
}


/* =========================================================
   ÍCONES
========================================================= */

.historia-diferenciais-container .historia-diferenciais__icon {
  width:
    42px;

  height:
    42px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    10px;

  background:
    rgba(188,12,36,.08);

  color:
    var(--red-primary);
}

.historia-diferenciais-container .historia-diferenciais__icon--orange {
  background:
    rgba(255,102,0,.09);

  color:
    var(--orange);
}

.historia-diferenciais-container .historia-diferenciais__icon--wine {
  background:
    rgba(115,1,15,.08);

  color:
    var(--red-wine);
}

.historia-diferenciais-container .historia-diferenciais__icon--night {
  background:
    rgba(2,22,39,.07);

  color:
    var(--night);
}

.historia-diferenciais-container .historia-diferenciais__icon svg {
  width:
    19px;

  height:
    19px;

  fill:
    none;

  stroke:
    currentColor;

  stroke-width:
    1.7;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}


/* =========================================================
   CONTEÚDO DOS ITENS
========================================================= */

.historia-diferenciais-container .historia-diferenciais__item h3 {
  margin:
    auto 0 0;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-lg);

  font-weight:
    700;

  line-height:
    1.3;

  letter-spacing:
    -0.02em;

  color:
    var(--night);
}

.historia-diferenciais-container .historia-diferenciais__item p {
  margin:
    9px 0 0;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-card);

  line-height:
    1.65;

  color:
    var(--ink-60);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 960px) {

  .historia-diferenciais-container .historia-diferenciais__head {
    grid-template-columns:
      1fr;

    gap:
      16px;
  }

  .historia-diferenciais-container .historia-diferenciais__layout {
    grid-template-columns:
      1fr;
  }

  .historia-diferenciais-container .historia-diferenciais__feature {
    min-height:
      360px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px) {

  .historia-diferenciais-container .historia-diferenciais {
    padding-block:
      52px;
  }

  .historia-diferenciais-container .historia-diferenciais__wrap {
    width:
      calc(100% - 32px);
  }

  .historia-diferenciais-container .historia-diferenciais__head {
    margin-bottom:
      27px;
  }

  .historia-diferenciais-container .historia-diferenciais__title {
    font-size:
      1.8rem;
  }

  .historia-diferenciais-container .historia-diferenciais__support {
    grid-template-columns:
      1fr;
  }

  .historia-diferenciais-container .historia-diferenciais__item--wide {
    grid-column:
      auto;
  }

  .historia-diferenciais-container .historia-diferenciais__feature {
    min-height:
      320px;

    padding:
      22px;
  }

  .historia-diferenciais-container .historia-diferenciais__feature-content {
    margin-top:
      54px;
  }

  .historia-diferenciais-container .historia-diferenciais__item {
    min-height:
      auto;

    padding:
      20px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .historia-diferenciais-container *,
  .historia-diferenciais-container *::before,
  .historia-diferenciais-container *::after {
    transition:
      none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f086f46 *//* =========================================================
   NOSSA HISTÓRIA | BLOCO 07 | RECONHECIMENTOS
   PADRÃO OFICIAL DA PÁGINA
========================================================= */

.historia-reconhecimentos-container .historia-reconhecimentos {
  width: 100%;

  padding-block:
    clamp(68px, 7vw, 92px);

  background:
    var(--ink-02);
}


/* =========================================================
   WRAP
========================================================= */

.historia-reconhecimentos-container .historia-reconhecimentos__wrap {
  width:
    min(1200px, calc(100% - 48px));

  margin-inline:
    auto;
}


/* =========================================================
   CABEÇALHO
========================================================= */

.historia-reconhecimentos-container .historia-reconhecimentos__head {
  display:
    grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(320px, .72fr);

  gap:
    clamp(36px, 6vw, 84px);

  align-items:
    end;

  margin-bottom:
    34px;
}


/* =========================================================
   EYEBROW
========================================================= */

.historia-reconhecimentos-container .historia-reconhecimentos__eyebrow {
  margin:
    0 0 10px;

  font-family:
    var(--font-primary);

  font-size:
    10px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .09em;

  text-transform:
    uppercase;

  color:
    var(--red-primary);
}


/* =========================================================
   H2
========================================================= */

.historia-reconhecimentos-container .historia-reconhecimentos__title {
  max-width:
    700px;

  margin:
    0;

  font-family:
    var(--font-primary);

  font-size:
    clamp(1.9rem, 3vw, 2.4rem);

  font-weight:
    700;

  line-height:
    1.1;

  letter-spacing:
    -0.04em;

  color:
    var(--night);
}

.historia-reconhecimentos-container
.historia-reconhecimentos__title span {
  display:
    block;

  color:
    var(--red-primary);
}


/* =========================================================
   INTRO
========================================================= */

.historia-reconhecimentos-container .historia-reconhecimentos__intro {
  max-width:
    560px;

  margin:
    0;

  font-family:
    var(--font-primary);

  font-size:
    clamp(1rem, 1.12vw, var(--text-body));

  font-weight:
    400;

  line-height:
    1.75;

  color:
    var(--ink-60);
}


/* =========================================================
   GRID
========================================================= */

.historia-reconhecimentos-container .historia-reconhecimentos__grid {
  display:
    grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap:
    12px;
}


/* =========================================================
   CARD
========================================================= */

.historia-reconhecimentos-container .historia-reconhecimentos__card {
  min-width:
    0;

  min-height:
    205px;

  display:
    flex;

  flex-direction:
    column;

  padding:
    22px;

  border:
    1px solid var(--ink-10);

  border-radius:
    14px;

  background:
    var(--white);

  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease;
}

.historia-reconhecimentos-container .historia-reconhecimentos__card:hover {
  transform:
    translateY(-2px);

  border-color:
    rgba(188,12,36,.16);

  box-shadow:
    0 10px 26px rgba(2,22,39,.05);
}


/* =========================================================
   TOPO
========================================================= */

.historia-reconhecimentos-container .historia-reconhecimentos__top {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    12px;

  margin-bottom:
    26px;
}


/* =========================================================
   ÍCONE
========================================================= */

.historia-reconhecimentos-container .historia-reconhecimentos__icon {
  width:
    44px;

  height:
    44px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    10px;

  background:
    rgba(188,12,36,.08);

  color:
    var(--red-primary);
}

.historia-reconhecimentos-container
.historia-reconhecimentos__icon--orange {
  background:
    rgba(255,102,0,.09);

  color:
    var(--orange);
}

.historia-reconhecimentos-container
.historia-reconhecimentos__icon--wine {
  background:
    rgba(115,1,15,.08);

  color:
    var(--red-wine);
}

.historia-reconhecimentos-container .historia-reconhecimentos__icon svg {
  width:
    20px;

  height:
    20px;

  fill:
    none;

  stroke:
    currentColor;

  stroke-width:
    1.7;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}


/* =========================================================
   ÍNDICE
========================================================= */

.historia-reconhecimentos-container .historia-reconhecimentos__index {
  font-family:
    var(--font-primary);

  font-size:
    var(--text-xs);

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .08em;

  color:
    var(--ink-40);
}


/* =========================================================
   TÍTULO DO CARD
========================================================= */

.historia-reconhecimentos-container .historia-reconhecimentos__card-title {
  margin:
    auto 0 0;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-lg);

  font-weight:
    700;

  line-height:
    1.3;

  letter-spacing:
    -0.02em;

  color:
    var(--night);
}


/* =========================================================
   TEXTO DO CARD
========================================================= */

.historia-reconhecimentos-container .historia-reconhecimentos__card-text {
  margin:
    9px 0 0;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-support);

  font-weight:
    400;

  line-height:
    1.6;

  color:
    var(--ink-60);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 960px) {

  .historia-reconhecimentos-container
  .historia-reconhecimentos__head {
    grid-template-columns:
      1fr;

    gap:
      16px;
  }

  .historia-reconhecimentos-container
  .historia-reconhecimentos__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px) {

  .historia-reconhecimentos-container .historia-reconhecimentos {
    padding-block:
      52px;
  }

  .historia-reconhecimentos-container
  .historia-reconhecimentos__wrap {
    width:
      calc(100% - 32px);
  }

  .historia-reconhecimentos-container
  .historia-reconhecimentos__head {
    margin-bottom:
      27px;
  }

  .historia-reconhecimentos-container
  .historia-reconhecimentos__title {
    font-size:
      1.8rem;
  }

  .historia-reconhecimentos-container
  .historia-reconhecimentos__grid {
    grid-template-columns:
      1fr;
  }

  .historia-reconhecimentos-container
  .historia-reconhecimentos__card {
    min-height:
      auto;

    padding:
      20px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .historia-reconhecimentos-container *,
  .historia-reconhecimentos-container *::before,
  .historia-reconhecimentos-container *::after {
    transition:
      none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-050cae7 *//* =========================================================
   NOSSA HISTÓRIA | PARCEIROS INSTITUCIONAIS
========================================================= */

.historia-parceiros-container .historia-parceiros {
  width: 100%;
  padding-block: clamp(68px, 7vw, 92px);
  background: var(--ink-02);
  overflow: hidden;
}


/* =========================================================
   WRAP
========================================================= */

.historia-parceiros-container .historia-parceiros__wrap {
  width: min(1200px, calc(100% - 48px));
  margin-inline: auto;
}


/* =========================================================
   CABEÇALHO
========================================================= */

.historia-parceiros-container .historia-parceiros__head {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(320px, .72fr);

  gap: clamp(36px, 6vw, 84px);

  align-items: end;

  margin-bottom: 38px;
}


/* EYEBROW */

.historia-parceiros-container .historia-parceiros__eyebrow {
  margin: 0 0 10px;

  font-family: var(--font-primary);

  font-size: 10px;
  font-weight: 700;
  line-height: 1;

  letter-spacing: .09em;
  text-transform: uppercase;

  color: var(--red-primary);
}


/* H2 */

.historia-parceiros-container .historia-parceiros__title {
  max-width: 700px;
  margin: 0;

  font-family: var(--font-primary);

  font-size: clamp(1.9rem, 3vw, 2.4rem);
  font-weight: 700;
  line-height: 1.1;

  letter-spacing: -0.04em;

  color: var(--night);
}

.historia-parceiros-container .historia-parceiros__title span {
  display: block;
  color: var(--red-primary);
}


/* INTRO */

.historia-parceiros-container .historia-parceiros__intro {
  max-width: 560px;
  margin: 0;

  font-family: var(--font-primary);

  font-size: clamp(1rem, 1.12vw, var(--text-body));
  font-weight: 400;
  line-height: 1.75;

  color: var(--ink-60);
}


/* =========================================================
   MARQUEE
========================================================= */

.historia-parceiros-container .historia-parceiros__marquee {
  display: flex;
  flex-direction: column;

  gap: 12px;

  position: relative;
}


/* LINHAS */

.historia-parceiros-container .historia-parceiros__row {
  position: relative;

  overflow: hidden;

  -webkit-mask-image:
    linear-gradient(
      to right,
      transparent 0,
      #000 7%,
      #000 93%,
      transparent 100%
    );

  mask-image:
    linear-gradient(
      to right,
      transparent 0,
      #000 7%,
      #000 93%,
      transparent 100%
    );
}


/* TRACK */

.historia-parceiros-container .historia-parceiros__track {
  display: flex;

  align-items: stretch;

  gap: 12px;

  width: max-content;
}


/* =========================================================
   ANIMAÇÃO
========================================================= */

.historia-parceiros-container
.historia-parceiros__row--right
.historia-parceiros__track {
  animation:
    historiaPartnersRight 34s linear infinite;
}

.historia-parceiros-container
.historia-parceiros__row--left
.historia-parceiros__track {
  animation:
    historiaPartnersLeft 38s linear infinite;
}

@keyframes historiaPartnersRight {

  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }

}

@keyframes historiaPartnersLeft {

  from {
    transform: translateX(-50%);
  }

  to {
    transform: translateX(0);
  }

}


/* =========================================================
   CARD
========================================================= */

.historia-parceiros-container .historia-parceiros__card {
  min-width: max-content;

  min-height: 62px;

  display: inline-flex;

  align-items: center;

  padding:
    14px 20px;

  border:
    1px solid var(--ink-10);

  border-radius:
    12px;

  background:
    var(--white);

  font-family:
    var(--font-primary);

  font-size:
    var(--text-card);

  font-weight:
    600;

  line-height:
    1.4;

  color:
    var(--night);

  white-space:
    nowrap;

  box-shadow:
    0 6px 18px rgba(2,22,39,.035);

  transition:
    transform .2s ease,
    border-color .2s ease,
    color .2s ease,
    box-shadow .2s ease;
}

.historia-parceiros-container .historia-parceiros__card::before {
  content: "";

  width:
    7px;

  height:
    7px;

  flex:
    0 0 7px;

  margin-right:
    11px;

  border-radius:
    50%;

  background:
    var(--red-primary);
}

.historia-parceiros-container .historia-parceiros__card:hover {
  transform:
    translateY(-2px);

  border-color:
    rgba(188,12,36,.18);

  color:
    var(--red-primary);

  box-shadow:
    0 10px 24px rgba(2,22,39,.06);
}


/* SEGUNDA LINHA */

.historia-parceiros-container
.historia-parceiros__row--left
.historia-parceiros__card::before {
  background:
    var(--orange);
}


/* =========================================================
   PAUSA NO HOVER
========================================================= */

.historia-parceiros-container
.historia-parceiros__marquee:hover
.historia-parceiros__track {
  animation-play-state:
    paused;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 960px) {

  .historia-parceiros-container .historia-parceiros__head {
    grid-template-columns:
      1fr;

    gap:
      16px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px) {

  .historia-parceiros-container .historia-parceiros {
    padding-block:
      52px;
  }

  .historia-parceiros-container .historia-parceiros__wrap {
    width:
      calc(100% - 32px);
  }

  .historia-parceiros-container .historia-parceiros__head {
    margin-bottom:
      30px;
  }

  .historia-parceiros-container .historia-parceiros__title {
    font-size:
      1.8rem;
  }

  .historia-parceiros-container .historia-parceiros__card {
    min-height:
      56px;

    padding:
      12px 16px;

    font-size:
      var(--text-support);
  }

  .historia-parceiros-container
  .historia-parceiros__row--right
  .historia-parceiros__track {
    animation-duration:
      26s;
  }

  .historia-parceiros-container
  .historia-parceiros__row--left
  .historia-parceiros__track {
    animation-duration:
      30s;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .historia-parceiros-container .historia-parceiros__row {
    overflow-x:
      auto;

    -webkit-mask-image:
      none;

    mask-image:
      none;
  }

  .historia-parceiros-container .historia-parceiros__track {
    animation:
      none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e7377f *//* =========================================================
   NOSSA HISTÓRIA | CTA FINAL
========================================================= */

.historia-cta-container .historia-cta {
  position: relative;

  width: 100%;

  padding-block:
    clamp(64px, 7vw, 82px);

  background:
    var(--night);

  overflow:
    hidden;
}


/* =========================================================
   ELEMENTO DECORATIVO
========================================================= */

.historia-cta-container .historia-cta::before {
  content: "";

  position: absolute;

  width: 320px;
  height: 320px;

  top: -170px;
  right: -110px;

  border-radius: 50%;

  background:
    rgba(188,12,36,.22);

  pointer-events: none;
}

.historia-cta-container .historia-cta::after {
  content: "";

  position: absolute;

  width: 220px;
  height: 220px;

  bottom: -150px;
  left: -80px;

  border-radius: 50%;

  background:
    rgba(255,102,0,.07);

  pointer-events: none;
}


/* =========================================================
   WRAP
========================================================= */

.historia-cta-container .historia-cta__wrap {
  position: relative;

  z-index: 2;

  width:
    min(1200px, calc(100% - 48px));

  margin-inline:
    auto;

  display:
    grid;

  grid-template-columns:
    minmax(0, 1fr)
    auto;

  gap:
    clamp(42px, 7vw, 90px);

  align-items:
    center;
}


/* =========================================================
   CONTEÚDO
========================================================= */

.historia-cta-container .historia-cta__content {
  max-width:
    720px;
}


/* =========================================================
   EYEBROW
========================================================= */

.historia-cta-container .historia-cta__eyebrow {
  margin:
    0 0 10px;

  font-family:
    var(--font-primary);

  font-size:
    10px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .09em;

  text-transform:
    uppercase;

  color:
    var(--orange);
}


/* =========================================================
   H2
========================================================= */

.historia-cta-container .historia-cta__title {
  max-width:
    700px;

  margin:
    0;

  font-family:
    var(--font-primary);

  font-size:
    clamp(1.9rem, 3vw, 2.4rem);

  font-weight:
    700;

  line-height:
    1.1;

  letter-spacing:
    -0.04em;

  color:
    var(--white);
}

.historia-cta-container .historia-cta__title span {
  display:
    block;

  color:
    var(--orange);
}


/* =========================================================
   TEXTO
========================================================= */

.historia-cta-container .historia-cta__text {
  max-width:
    660px;

  margin:
    18px 0 0;

  font-family:
    var(--font-primary);

  font-size:
    clamp(1rem, 1.12vw, var(--text-body));

  font-weight:
    400;

  line-height:
    1.75;

  color:
    rgba(255,255,255,.68);
}


/* =========================================================
   AÇÕES
========================================================= */

.historia-cta-container .historia-cta__actions {
  display:
    flex;

  flex-direction:
    column;

  gap:
    10px;

  min-width:
    230px;
}


/* =========================================================
   BOTÕES
========================================================= */

.historia-cta-container .historia-cta__button {
  min-height:
    46px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    9px;

  padding:
    12px 20px;

  border-radius:
    9px;

  font-family:
    var(--font-primary);

  font-size:
    var(--text-sm);

  font-weight:
    700;

  line-height:
    1;

  text-decoration:
    none;

  transition:
    transform .2s ease,
    background .2s ease,
    border-color .2s ease,
    color .2s ease;
}

.historia-cta-container .historia-cta__button svg {
  width:
    16px;

  height:
    16px;

  fill:
    none;

  stroke:
    currentColor;

  stroke-width:
    2;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}


/* PRIMÁRIO */

.historia-cta-container .historia-cta__button--primary {
  border:
    1px solid var(--red-primary);

  background:
    var(--red-primary);

  color:
    var(--white);
}

.historia-cta-container .historia-cta__button--primary:hover {
  transform:
    translateY(-2px);

  background:
    var(--red-wine);

  border-color:
    var(--red-wine);
}


/* SECUNDÁRIO */

.historia-cta-container .historia-cta__button--secondary {
  border:
    1px solid rgba(255,255,255,.22);

  background:
    transparent;

  color:
    var(--white);
}

.historia-cta-container .historia-cta__button--secondary:hover {
  transform:
    translateY(-2px);

  border-color:
    rgba(255,255,255,.40);

  background:
    rgba(255,255,255,.06);
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 960px) {

  .historia-cta-container .historia-cta__wrap {
    grid-template-columns:
      1fr;

    gap:
      32px;
  }

  .historia-cta-container .historia-cta__actions {
    flex-direction:
      row;

    flex-wrap:
      wrap;

    min-width:
      0;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 640px) {

  .historia-cta-container .historia-cta {
    padding-block:
      52px;
  }

  .historia-cta-container .historia-cta__wrap {
    width:
      calc(100% - 32px);
  }

  .historia-cta-container .historia-cta__title {
    font-size:
      1.8rem;
  }

  .historia-cta-container .historia-cta__actions {
    display:
      grid;

    grid-template-columns:
      1fr;

    width:
      100%;
  }

  .historia-cta-container .historia-cta__button {
    width:
      100%;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .historia-cta-container *,
  .historia-cta-container *::before,
  .historia-cta-container *::after {
    transition:
      none !important;
  }

}/* End custom CSS */