.elementor-2272 .elementor-element.elementor-element-182494a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--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-2272 .elementor-element.elementor-element-6f449f2{--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:0px 0px;--row-gap:0px;--column-gap:0px;--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-2272 .elementor-element.elementor-element-5d75136{--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-2272 .elementor-element.elementor-element-603d19f{--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-2272 .elementor-element.elementor-element-e7cf1a5{--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-2272 .elementor-element.elementor-element-182494a{--width:100%;}.elementor-2272 .elementor-element.elementor-element-5d75136{--width:100%;}.elementor-2272 .elementor-element.elementor-element-603d19f{--width:100%;}.elementor-2272 .elementor-element.elementor-element-e7cf1a5{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-e25ad72 *//* =========================================================
   ISBET — PÁGINA INDIVIDUAL DA VAGA
   HERO · PADRÃO PORTAL 2026

   Container Elementor:
   .vaga-detalhe-hero

   Componente:
   .vd-hero
========================================================= */


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

.vaga-detalhe-hero .vd-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
========================================================= */

.vaga-detalhe-hero .vd-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
========================================================= */

.vaga-detalhe-hero .vd-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
========================================================= */

.vaga-detalhe-hero .vd-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
========================================================= */

.vaga-detalhe-hero .vd-hero__content {
  min-width: 0;
}


/* =========================================================
   VOLTAR
========================================================= */

.vaga-detalhe-hero .vd-hero__back {
  display: inline-flex;

  align-items: center;

  gap: 7px;

  margin-bottom: 24px;

  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;

  color:
    var(--ink-40);

  text-decoration: none;

  transition:
    color .2s ease,
    transform .2s ease;
}


.vaga-detalhe-hero .vd-hero__back svg {
  width: 15px;
  height: 15px;

  flex: 0 0 15px;

  fill: none;

  stroke: currentColor;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;
}


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

.vaga-detalhe-hero .vd-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);
}


/* =========================================================
   TIPO DA OPORTUNIDADE
   Preparado para integração futura
========================================================= */

.vaga-detalhe-hero
.vd-hero[data-vaga-tipo="aprendiz"]
.vd-hero__eyebrow {
  color:
    var(--orange);
}


.vaga-detalhe-hero
.vd-hero[data-vaga-tipo="estagio"]
.vd-hero__eyebrow {
  color:
    var(--red-primary);
}


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

.vaga-detalhe-hero .vd-hero__title {
  max-width: 720px;

  margin: 0;

  font-size:
    clamp(
      2.35rem,
      3.8vw,
      3.6rem
    );

  font-weight: 700;

  line-height: 1.04;

  letter-spacing: -.045em;

  color:
    var(--night);

  overflow-wrap: anywhere;
}


.vaga-detalhe-hero
.vd-hero__title > span {
  display: block;
}


.vaga-detalhe-hero
.vd-hero__title strong {
  display: block;

  font: inherit;

  color:
    var(--red-primary);

  overflow-wrap: anywhere;
}


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

.vaga-detalhe-hero .vd-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
========================================================= */

.vaga-detalhe-hero .vd-hero__actions {
  display: flex;

  flex-wrap: wrap;

  gap: 10px;

  margin-top: 28px;
}


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

.vaga-detalhe-hero .vd-hero__btn {
  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-family: inherit;

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

  font-weight: 700;

  line-height: 1;

  text-decoration: none;

  cursor: pointer;

  appearance: none;

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


/* =========================================================
   PRIMARY
========================================================= */

.vaga-detalhe-hero
.vd-hero__btn--primary {
  background:
    var(--red-primary);

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

  color:
    var(--white);
}


/* =========================================================
   SECONDARY
========================================================= */

.vaga-detalhe-hero
.vd-hero__btn--secondary {
  background:
    transparent;

  border-color:
    var(--ink-10);

  color:
    var(--night);
}


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

.vaga-detalhe-hero
.vd-hero__btn svg {
  width: 15px;
  height: 15px;

  flex: 0 0 15px;

  fill: none;

  stroke: currentColor;

  stroke-width: 2;

  stroke-linecap: round;

  stroke-linejoin: round;
}


/* =========================================================
   TRUST
========================================================= */

.vaga-detalhe-hero .vd-hero__trust {
  display: flex;

  flex-wrap: wrap;

  gap:
    10px 18px;

  margin-top: 24px;
}


.vaga-detalhe-hero
.vd-hero__trust > div {
  display: inline-flex;

  align-items: center;

  gap: 7px;

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

  font-weight: 500;

  line-height: 1.4;

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


.vaga-detalhe-hero
.vd-hero__trust > div > strong {
  font-weight: 700;

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


/* =========================================================
   TRUST ICON
========================================================= */

.vaga-detalhe-hero
.vd-hero__trust-icon {
  width: 20px;
  height: 20px;

  flex: 0 0 20px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50%;

  background:
    var(--green-light);

  color:
    var(--green);
}


.vaga-detalhe-hero
.vd-hero__trust-icon svg {
  width: 11px;
  height: 11px;

  fill: none;

  stroke: currentColor;

  stroke-width: 2.3;

  stroke-linecap: round;

  stroke-linejoin: round;
}


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

.vaga-detalhe-hero .vd-hero__panel {
  position: relative;

  overflow: hidden;

  width: 100%;

  min-width: 0;

  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
========================================================= */

.vaga-detalhe-hero
.vd-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
========================================================= */

.vaga-detalhe-hero
.vd-hero__panel-eyebrow {
  position: relative;

  z-index: 1;

  margin:
    0 0 8px;

  font-size: 10px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: .09em;

  text-transform: uppercase;

  color:
    var(--orange);
}


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

.vaga-detalhe-hero
.vd-hero__panel-title {
  position: relative;

  z-index: 1;

  max-width: 380px;

  margin: 0;

  font-size:
    clamp(
      1.15rem,
      1.7vw,
      1.4rem
    );

  font-weight: 700;

  line-height: 1.3;

  letter-spacing: -.02em;

  color:
    var(--white);
}


/* =========================================================
   FEATURES
========================================================= */

.vaga-detalhe-hero
.vd-hero__features {
  position: relative;

  z-index: 1;

  display: grid;

  gap: 10px;

  margin-top: 22px;
}


/* =========================================================
   FEATURE
========================================================= */

.vaga-detalhe-hero
.vd-hero__feature {
  display: grid;

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

  gap: 12px;

  align-items: start;

  padding: 14px;

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

  border-radius: 10px;

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


/* =========================================================
   FEATURE NUMBER
========================================================= */

.vaga-detalhe-hero
.vd-hero__feature > span {
  width: 34px;

  height: 34px;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 8px;

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

  font-size: 10px;

  font-weight: 700;

  line-height: 1;

  color:
    #FF8796;
}


/* =========================================================
   FEATURE TITLE
========================================================= */

.vaga-detalhe-hero
.vd-hero__feature strong {
  display: block;

  margin-bottom: 3px;

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

  font-weight: 700;

  line-height: 1.4;

  color:
    var(--white);
}


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

.vaga-detalhe-hero
.vd-hero__feature p {
  margin: 0;

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

  font-weight: 400;

  line-height: 1.55;

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

  overflow-wrap: anywhere;
}


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

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

  .vaga-detalhe-hero
  .vd-hero__back:hover {
    color:
      var(--red-primary);

    transform:
      translateX(-2px);
  }


  .vaga-detalhe-hero
  .vd-hero__btn--primary:hover {
    background:
      var(--red-wine);

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

    color:
      var(--white);

    transform:
      translateY(-1px);
  }


  .vaga-detalhe-hero
  .vd-hero__btn--secondary:hover {
    border-color:
      var(--red-primary);

    color:
      var(--red-primary);

    transform:
      translateY(-1px);
  }

}


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

@media (max-width: 960px) {

  .vaga-detalhe-hero
  .vd-hero__wrap {
    grid-template-columns:
      1fr;

    gap: 36px;
  }


  .vaga-detalhe-hero
  .vd-hero__panel {
    max-width: 620px;
  }

}


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

@media (max-width: 640px) {

  .vaga-detalhe-hero
  .vd-hero {
    padding-block:
      48px;
  }


  .vaga-detalhe-hero
  .vd-hero__wrap {
    width:
      calc(100% - 32px);

    gap: 30px;
  }


  .vaga-detalhe-hero
  .vd-hero__back {
    margin-bottom: 20px;
  }


  .vaga-detalhe-hero
  .vd-hero__title {
    max-width: 100%;

    font-size:
      clamp(
        2rem,
        9.5vw,
        2.55rem
      );

    line-height: 1.06;

    letter-spacing: -.04em;
  }


  .vaga-detalhe-hero
  .vd-hero__text {
    font-size:
      var(--text-base);

    line-height: 1.7;
  }


  .vaga-detalhe-hero
  .vd-hero__actions {
    flex-direction:
      column;
  }


  .vaga-detalhe-hero
  .vd-hero__btn {
    width: 100%;
  }


  .vaga-detalhe-hero
  .vd-hero__trust {
    display: grid;

    gap: 9px;
  }


  .vaga-detalhe-hero
  .vd-hero__panel {
    padding: 22px;

    border-radius: 12px;
  }


  .vaga-detalhe-hero
  .vd-hero::before {
    width: 420px;

    height: 420px;

    top: -250px;

    right: -230px;
  }


  .vaga-detalhe-hero
  .vd-hero::after {
    display: none;
  }

}


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

@media (max-width: 380px) {

  .vaga-detalhe-hero
  .vd-hero__wrap {
    width:
      calc(100% - 28px);
  }


  .vaga-detalhe-hero
  .vd-hero__title {
    font-size:
      clamp(
        1.85rem,
        9.5vw,
        2.2rem
      );
  }


  .vaga-detalhe-hero
  .vd-hero__panel {
    padding: 18px;
  }


  .vaga-detalhe-hero
  .vd-hero__feature {
    padding: 12px;
  }

}


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

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

  outline-offset: 3px;
}


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

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

  .vaga-detalhe-hero
  .vd-hero__btn,
  .vaga-detalhe-hero
  .vd-hero__back {
    transition:
      none !important;
  }


  .vaga-detalhe-hero
  .vd-hero__btn:hover,
  .vaga-detalhe-hero
  .vd-hero__back:hover {
    transform: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9cddda1 *//* =========================================================
   ISBET — PÁGINA INDIVIDUAL DA VAGA
   CONTEÚDO / DETALHES
   PADRÃO PORTAL 2026

   Container Elementor:
   .vaga-detalhe-conteudo

   Componente:
   .vdc
========================================================= */


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

.vaga-detalhe-conteudo .vdc {
  width: 100%;

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

  background:
    #FFFFFF;

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


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

.vaga-detalhe-conteudo .vdc__wrap {
  width:
    min(
      1200px,
      calc(100% - 48px)
    );

  margin-inline:
    auto;

  display:
    grid;

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

  gap:
    clamp(42px, 6vw, 72px);

  align-items:
    start;
}


/* =========================================================
   MAIN
========================================================= */

.vaga-detalhe-conteudo .vdc__main {
  min-width:
    0;
}


/* =========================================================
   BLOCK
========================================================= */

.vaga-detalhe-conteudo .vdc__block {
  padding:
    0 0 42px;

  margin:
    0 0 42px;

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


.vaga-detalhe-conteudo
.vdc__block:last-child {
  margin-bottom:
    0;

  padding-bottom:
    0;

  border-bottom:
    0;
}


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

.vaga-detalhe-conteudo .vdc__eyebrow {
  margin:
    0 0 8px;

  font-size:
    10px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .09em;

  text-transform:
    uppercase;

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


/* =========================================================
   MAIN TITLE
========================================================= */

.vaga-detalhe-conteudo .vdc__title {
  max-width:
    680px;

  margin:
    0 0 20px;

  font-size:
    clamp(
      1.75rem,
      2.5vw,
      2.35rem
    );

  font-weight:
    700;

  line-height:
    1.15;

  letter-spacing:
    -.035em;

  color:
    var(--night);
}


/* =========================================================
   HEADING
========================================================= */

.vaga-detalhe-conteudo .vdc__heading {
  display:
    flex;

  align-items:
    flex-start;

  gap:
    14px;

  margin-bottom:
    20px;
}


/* =========================================================
   ICON
========================================================= */

.vaga-detalhe-conteudo .vdc__icon {
  width:
    42px;

  height:
    42px;

  flex:
    0 0 42px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    10px;

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

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


.vaga-detalhe-conteudo
.vdc__icon svg {
  width:
    19px;

  height:
    19px;

  fill:
    none;

  stroke:
    currentColor;

  stroke-width:
    1.8;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}


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

.vaga-detalhe-conteudo .vdc__section-title {
  margin:
    0;

  font-size:
    clamp(
      1.25rem,
      1.8vw,
      1.55rem
    );

  font-weight:
    700;

  line-height:
    1.25;

  letter-spacing:
    -.025em;

  color:
    var(--night);
}


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

.vaga-detalhe-conteudo .vdc__text {
  max-width:
    760px;

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

  font-weight:
    400;

  line-height:
    1.75;

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


.vaga-detalhe-conteudo
.vdc__text p {
  margin:
    0;
}


.vaga-detalhe-conteudo
.vdc__text p + p {
  margin-top:
    16px;
}


/* =========================================================
   LIST
========================================================= */

.vaga-detalhe-conteudo
.vdc__text ul {
  display:
    grid;

  gap:
    11px;

  margin:
    0;

  padding:
    0;

  list-style:
    none;
}


.vaga-detalhe-conteudo
.vdc__text li {
  position:
    relative;

  padding-left:
    24px;
}


.vaga-detalhe-conteudo
.vdc__text li::before {
  content:
    "";

  position:
    absolute;

  top:
    .65em;

  left:
    2px;

  width:
    7px;

  height:
    7px;

  border-radius:
    50%;

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


/* =========================================================
   BENEFITS
========================================================= */

.vaga-detalhe-conteudo .vdc__benefits {
  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    10px;
}


.vaga-detalhe-conteudo
.vdc__benefits > span {
  display:
    inline-flex;

  align-items:
    center;

  min-height:
    38px;

  padding:
    8px 14px;

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

  border-radius:
    999px;

  background:
    var(--ink-02);

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

  font-weight:
    600;

  line-height:
    1.3;

  color:
    var(--night);
}


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

.vaga-detalhe-conteudo .vdc__info-grid {
  display:
    grid;

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

  gap:
    12px;
}


/* =========================================================
   INFO
========================================================= */

.vaga-detalhe-conteudo .vdc__info {
  padding:
    18px;

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

  border-radius:
    10px;

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


.vaga-detalhe-conteudo
.vdc__info > span {
  display:
    block;

  margin-bottom:
    5px;

  font-size:
    11px;

  font-weight:
    600;

  line-height:
    1.4;

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


.vaga-detalhe-conteudo
.vdc__info > strong {
  display:
    block;

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

  font-weight:
    700;

  line-height:
    1.45;

  color:
    var(--night);
}


/* =========================================================
   SIDEBAR
========================================================= */

.vaga-detalhe-conteudo .vdc__sidebar {
  min-width:
    0;
}


/* =========================================================
   APPLY
========================================================= */

.vaga-detalhe-conteudo .vdc__apply {
  position:
    sticky;

  top:
    110px;

  padding:
    26px;

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

  border-radius:
    14px;

  background:
    #FFFFFF;

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


/* =========================================================
   STATUS
========================================================= */

.vaga-detalhe-conteudo .vdc__status {
  display:
    inline-flex;

  align-items:
    center;

  gap:
    7px;

  margin-bottom:
    16px;

  font-size:
    11px;

  font-weight:
    700;

  line-height:
    1;

  text-transform:
    uppercase;

  letter-spacing:
    .06em;

  color:
    var(--green);
}


.vaga-detalhe-conteudo
.vdc__status > span {
  width:
    8px;

  height:
    8px;

  border-radius:
    50%;

  background:
    var(--green);
}


/* =========================================================
   APPLY TITLE
========================================================= */

.vaga-detalhe-conteudo .vdc__apply-title {
  margin:
    0;

  font-size:
    clamp(
      1.35rem,
      2vw,
      1.65rem
    );

  font-weight:
    700;

  line-height:
    1.2;

  letter-spacing:
    -.025em;

  color:
    var(--night);
}


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

.vaga-detalhe-conteudo .vdc__apply-text {
  margin:
    12px 0 0;

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

  font-weight:
    400;

  line-height:
    1.65;

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


/* =========================================================
   SUMMARY
========================================================= */

.vaga-detalhe-conteudo .vdc__summary {
  display:
    grid;

  gap:
    13px;

  margin:
    22px 0;

  padding:
    18px 0;

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

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


.vaga-detalhe-conteudo
.vdc__summary > div {
  display:
    flex;

  justify-content:
    space-between;

  align-items:
    flex-start;

  gap:
    16px;
}


.vaga-detalhe-conteudo
.vdc__summary span {
  font-size:
    12px;

  font-weight:
    500;

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


.vaga-detalhe-conteudo
.vdc__summary strong {
  max-width:
    170px;

  font-size:
    12px;

  font-weight:
    700;

  text-align:
    right;

  color:
    var(--night);
}


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

.vaga-detalhe-conteudo .vdc__apply-btn {
  width:
    100%;

  min-height:
    46px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    8px;

  padding:
    12px 18px;

  border-radius:
    8px;

  background:
    var(--red-primary);

  color:
    var(--white);

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

  font-weight:
    700;

  line-height:
    1;

  text-decoration:
    none;

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


.vaga-detalhe-conteudo
.vdc__apply-btn svg {
  width:
    15px;

  height:
    15px;

  fill:
    none;

  stroke:
    currentColor;

  stroke-width:
    2;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}


/* =========================================================
   APPLY SUPPORT
========================================================= */

.vaga-detalhe-conteudo .vdc__apply-support {
  margin:
    12px 0 0;

  font-size:
    11px;

  font-weight:
    400;

  line-height:
    1.55;

  text-align:
    center;

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


/* =========================================================
   HELP
========================================================= */

.vaga-detalhe-conteudo .vdc__help {
  margin-top:
    16px;

  padding:
    20px;

  border-radius:
    12px;

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


.vaga-detalhe-conteudo
.vdc__help strong {
  display:
    block;

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

  font-weight:
    700;

  color:
    var(--night);
}


.vaga-detalhe-conteudo
.vdc__help p {
  margin:
    7px 0 10px;

  font-size:
    12px;

  line-height:
    1.55;

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


.vaga-detalhe-conteudo
.vdc__help a {
  font-size:
    12px;

  font-weight:
    700;

  color:
    var(--red-primary);

  text-decoration:
    none;
}


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

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

  .vaga-detalhe-conteudo
  .vdc__apply-btn:hover {
    background:
      var(--red-wine);

    color:
      var(--white);

    transform:
      translateY(-1px);
  }


  .vaga-detalhe-conteudo
  .vdc__help a:hover {
    text-decoration:
      underline;
  }

}


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

@media (max-width: 960px) {

  .vaga-detalhe-conteudo
  .vdc__wrap {
    grid-template-columns:
      1fr;
  }


  .vaga-detalhe-conteudo
  .vdc__sidebar {
    max-width:
      620px;
  }


  .vaga-detalhe-conteudo
  .vdc__apply {
    position:
      static;
  }

}


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

@media (max-width: 640px) {

  .vaga-detalhe-conteudo
  .vdc {
    padding-block:
      48px;
  }


  .vaga-detalhe-conteudo
  .vdc__wrap {
    width:
      calc(100% - 32px);

    gap:
      40px;
  }


  .vaga-detalhe-conteudo
  .vdc__block {
    padding-bottom:
      32px;

    margin-bottom:
      32px;
  }


  .vaga-detalhe-conteudo
  .vdc__info-grid {
    grid-template-columns:
      1fr;
  }


  .vaga-detalhe-conteudo
  .vdc__benefits {
    gap:
      8px;
  }


  .vaga-detalhe-conteudo
  .vdc__apply {
    padding:
      22px;
  }

}


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

.vaga-detalhe-conteudo
a:focus-visible {
  outline:
    3px solid rgba(188,12,36,.20);

  outline-offset:
    3px;
}


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

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

  .vaga-detalhe-conteudo
  .vdc__apply-btn {
    transition:
      none !important;
  }


  .vaga-detalhe-conteudo
  .vdc__apply-btn:hover {
    transform:
      none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80ce4db *//* =========================================================
   ISBET — PÁGINA INDIVIDUAL DA VAGA
   PROCESSO DE CANDIDATURA
   PADRÃO PORTAL 2026

   Container Elementor:
   .vaga-detalhe-processo

   Componente:
   .vdp
========================================================= */


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

.vaga-detalhe-processo .vdp {
  position: relative;

  width: 100%;

  overflow: hidden;

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

  background:
    var(--ink-02);

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


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

.vaga-detalhe-processo .vdp::before {
  content: "";

  position: absolute;

  width: 420px;
  height: 420px;

  right: -240px;
  top: -230px;

  border-radius: 50%;

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

  pointer-events: none;
}


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

.vaga-detalhe-processo .vdp__wrap {
  position: relative;

  z-index: 1;

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

  margin-inline:
    auto;
}


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

.vaga-detalhe-processo .vdp__head {
  display: grid;

  grid-template-columns:
    minmax(0, .9fr)
    minmax(320px, .65fr);

  gap:
    clamp(40px, 6vw, 80px);

  align-items:
    end;

  margin-bottom:
    38px;
}


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

.vaga-detalhe-processo .vdp__eyebrow {
  margin:
    0 0 9px;

  font-size:
    10px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .09em;

  text-transform:
    uppercase;

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


/* =========================================================
   TITLE
========================================================= */

.vaga-detalhe-processo .vdp__title {
  max-width:
    650px;

  margin:
    0;

  font-size:
    clamp(
      2rem,
      3.4vw,
      3.25rem
    );

  font-weight:
    700;

  line-height:
    1.07;

  letter-spacing:
    -.04em;

  color:
    var(--night);
}


.vaga-detalhe-processo
.vdp__title span {
  display: block;

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


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

.vaga-detalhe-processo .vdp__intro {
  max-width:
    480px;

  margin:
    0;

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

  font-weight:
    400;

  line-height:
    1.7;

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


/* =========================================================
   STEPS
========================================================= */

.vaga-detalhe-processo .vdp__steps {
  display:
    grid;

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

  gap:
    12px;
}


/* =========================================================
   STEP
========================================================= */

.vaga-detalhe-processo .vdp__step {
  position:
    relative;

  min-width:
    0;

  padding:
    24px;

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

  border-radius:
    12px;

  background:
    var(--white);
}


/* =========================================================
   NUMBER
========================================================= */

.vaga-detalhe-processo .vdp__number {
  position:
    absolute;

  top:
    18px;

  right:
    18px;

  font-size:
    10px;

  font-weight:
    700;

  line-height:
    1;

  letter-spacing:
    .06em;

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


/* =========================================================
   ICON
========================================================= */

.vaga-detalhe-processo .vdp__icon {
  width:
    42px;

  height:
    42px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  margin-bottom:
    20px;

  border-radius:
    10px;

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

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


.vaga-detalhe-processo
.vdp__icon svg {
  width:
    19px;

  height:
    19px;

  fill:
    none;

  stroke:
    currentColor;

  stroke-width:
    1.8;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}


/* =========================================================
   STEP TITLE
========================================================= */

.vaga-detalhe-processo
.vdp__step h3 {
  margin:
    0 0 8px;

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

  font-weight:
    700;

  line-height:
    1.35;

  letter-spacing:
    -.015em;

  color:
    var(--night);
}


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

.vaga-detalhe-processo
.vdp__step p {
  margin:
    0;

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

  font-weight:
    400;

  line-height:
    1.65;

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


/* =========================================================
   NOTICE
========================================================= */

.vaga-detalhe-processo .vdp__notice {
  display:
    grid;

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

  gap:
    14px;

  align-items:
    start;

  max-width:
    900px;

  margin-top:
    24px;

  padding:
    20px;

  border:
    1px solid rgba(31, 140, 90, .16);

  border-radius:
    12px;

  background:
    var(--green-light);
}


/* =========================================================
   NOTICE ICON
========================================================= */

.vaga-detalhe-processo .vdp__notice-icon {
  width:
    38px;

  height:
    38px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    center;

  border-radius:
    9px;

  background:
    rgba(31, 140, 90, .10);

  color:
    var(--green);
}


.vaga-detalhe-processo
.vdp__notice-icon svg {
  width:
    18px;

  height:
    18px;

  fill:
    none;

  stroke:
    currentColor;

  stroke-width:
    1.8;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}


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

.vaga-detalhe-processo
.vdp__notice strong {
  display:
    block;

  margin-bottom:
    4px;

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

  font-weight:
    700;

  color:
    var(--night);
}


.vaga-detalhe-processo
.vdp__notice p {
  margin:
    0;

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

  font-weight:
    400;

  line-height:
    1.6;

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


/* =========================================================
   FOOTER
========================================================= */

.vaga-detalhe-processo .vdp__footer {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    24px;

  margin-top:
    32px;

  padding-top:
    26px;

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


.vaga-detalhe-processo
.vdp__footer p {
  margin:
    0;

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

  font-weight:
    600;

  color:
    var(--night);
}


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

.vaga-detalhe-processo .vdp__btn {
  min-height:
    44px;

  display:
    inline-flex;

  align-items:
    center;

  justify-content:
    center;

  gap:
    8px;

  padding:
    11px 18px;

  border:
    1px solid var(--red-primary);

  border-radius:
    8px;

  background:
    var(--red-primary);

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

  font-weight:
    700;

  line-height:
    1;

  color:
    var(--white);

  text-decoration:
    none;

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


.vaga-detalhe-processo
.vdp__btn svg {
  width:
    15px;

  height:
    15px;

  fill:
    none;

  stroke:
    currentColor;

  stroke-width:
    2;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}


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

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

  .vaga-detalhe-processo
  .vdp__btn:hover {
    background:
      var(--red-wine);

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

    color:
      var(--white);

    transform:
      translateY(-1px);
  }

}


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

@media (max-width: 960px) {

  .vaga-detalhe-processo
  .vdp__head {
    grid-template-columns:
      1fr;

    gap:
      18px;
  }


  .vaga-detalhe-processo
  .vdp__steps {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


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

@media (max-width: 640px) {

  .vaga-detalhe-processo
  .vdp {
    padding-block:
      48px;
  }


  .vaga-detalhe-processo
  .vdp__wrap {
    width:
      calc(100% - 32px);
  }


  .vaga-detalhe-processo
  .vdp__head {
    margin-bottom:
      28px;
  }


  .vaga-detalhe-processo
  .vdp__title {
    font-size:
      clamp(
        2rem,
        9vw,
        2.55rem
      );
  }


  .vaga-detalhe-processo
  .vdp__steps {
    grid-template-columns:
      1fr;
  }


  .vaga-detalhe-processo
  .vdp__step {
    padding:
      22px;
  }


  .vaga-detalhe-processo
  .vdp__notice {
    grid-template-columns:
      1fr;
  }


  .vaga-detalhe-processo
  .vdp__footer {
    align-items:
      stretch;

    flex-direction:
      column;
  }


  .vaga-detalhe-processo
  .vdp__btn {
    width:
      100%;
  }

}


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

.vaga-detalhe-processo
a:focus-visible {
  outline:
    3px solid rgba(188, 12, 36, .20);

  outline-offset:
    3px;
}


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

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

  .vaga-detalhe-processo
  .vdp__btn {
    transition:
      none !important;
  }


  .vaga-detalhe-processo
  .vdp__btn:hover {
    transform:
      none;
  }

}/* End custom CSS */