/* ==========================================================================
   Palestras & workshops
   ========================================================================== */

.talks {
  position: relative;
  width: 100%;
  min-width: 0;
  padding: 6.9583vw 0 6.8667vw;
  display: flex;
  flex-direction: column;
  background-color: var(--color-black);
}

.talks__eyebrow {
  margin: 0 auto;
  width: 27.3611vw;
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 1.1111vw;
  color: var(--color-cream);
  letter-spacing: 0.3111vw;
  line-height: 110%;
  text-align: center;
}

.talks__headline {
  position: relative;
  width: 72.0139vw;
  min-width: 0;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 3.9903vw auto 0;
}

.talks__title-line {
  width: 100%;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: 5.9722vw;
  line-height: 106%;
}

.talks__title-line--first {
  color: var(--color-pink);
}

.talks__title-line--second {
  color: var(--color-cream);
}

.talks__grid {
  position: relative;
  width: 94.3056vw;
  min-width: 0;
  display: grid;
  grid-template-columns: 28.1944vw 39.6528vw 26.4583vw;
  grid-template-rows: auto auto auto;
  margin: 4.6014vw 0 0 2.9167vw;
}

.talks__fan {
  position: relative;
  display: block;
}

.talks__fan--photos {
  width: 58.8889vw;
  height: 23.1944vw;
  grid-column: 1 / 3;
  grid-row: 1;
}

.talks__fan--topics {
  width: 38.3333vw;
  height: 15.3556vw;
  margin: -0.7639vw 0 0 -1.1806vw;
  grid-column: 2;
  grid-row: 3;
}

.talks__fan-item {
  position: absolute;
}

.talks__fan-item--photo-left {
  width: 18.5417vw;
  display: block;
  height: 23.1944vw;
  top: 0;
}

.talks__fan-item--photo-middle {
  width: 18.5417vw;
  display: block;
  height: 23.1944vw;
  top: 0;
  left: 20.1389vw;
}

.talks__fan-item--photo-right {
  width: 18.5417vw;
  display: block;
  height: 23.1944vw;
  top: 0;
  left: 40.3472vw;
}

.talks__fan-item--palestra-passo {
  width: 18.4028vw;
  min-width: 0;
  padding: 1.5278vw;
  display: flex;
  flex-direction: column;
  height: 13.2639vw;
  top: 1.0417vw;
  left: 0.7222vw;
  background-color: var(--color-cream);
  transform: rotate(-6.82deg);
  gap: 0.6944vw;
}

.talks__fan-item--palestra-como {
  width: 18.4028vw;
  min-width: 0;
  padding: 1.5278vw;
  display: flex;
  flex-direction: column;
  height: 13.2639vw;
  top: 1.0035vw;
  left: 17.25vw;
  background-color: var(--color-red);
  transform: rotate(-0.27deg);
  gap: 0.6944vw;
}

.talks__photo {
  position: relative;
  width: 100%;
  display: block;
  height: 100%;
  overflow: hidden;
  border-radius: var(--radius);
}

.talks__photo-image {
  display: block;
  position: absolute;
}

.talks__photo-image--photo-left {
  width: 134.68%;
  height: 134.41%;
  max-width: 134.68%;
  top: -14.46%;
  left: -17.51%;
}

.talks__photo-image--photo-middle {
  width: 222.97%;
  height: 118.68%;
  max-width: 222.97%;
  top: -14.21%;
  left: -58.33%;
}

.talks__photo-image--photo-right {
  width: 162.07%;
  height: 161.75%;
  max-width: 162.07%;
  top: -27.02%;
  left: -41.17%;
}

.talks__offer {
  position: relative;
  width: 26.4583vw;
  display: block;
  grid-column: 3;
  grid-row: 1;
  align-self: end;
}

.talks__offer-text {
  position: relative;
  width: 100%;
  display: block;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 2.6389vw;
  color: var(--color-cream);
  line-height: 110%;
  text-align: right;
}

.talks__offer-line {
  width: auto;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 2.6389vw;
  line-height: 110%;
  display: inline;
}

.talks__offer-line--cream {
  color: var(--color-cream);
}

.talks__offer-line--pink {
  color: var(--color-pink);
}

.talks__button {
  text-align: center;
  padding: 2.0833vw 1.5278vw;
  border-radius: var(--radius);
  background-color: var(--color-pink);
  display: inline-block;
  width: 25.2778vw;
  min-height: 5.7639vw;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: 1.25vw;
  color: var(--color-black);
  line-height: 110%;
  margin: 1.7083vw 0 0 auto;
}

.talks__description {
  position: relative;
  width: 28.1944vw;
  display: block;
  font-family: var(--font-sans);
  font-weight: 500;
  font-size: 1.5278vw;
  color: var(--color-cream);
  line-height: 110%;
  text-align: justify;
  margin: 5.0694vw 0 0;
  grid-column: 1;
  grid-row: 2;
}

.talks__description-line {
  width: auto;
  font-family: var(--font-sans);
  font-size: 1.5278vw;
  line-height: 110%;
  display: inline;
}

.talks__description-line--first {
  font-weight: 500;
  color: var(--color-cream);
}

.talks__description-line--second {
  font-weight: 600;
  color: var(--color-cream);
}

.talks__description-line--third {
  font-weight: 600;
  color: var(--color-pink);
}

.talks__logos {
  position: relative;
  width: 36.7361vw;
  min-width: 0;
  display: flex;
  margin: 7.7083vw 0 0 29.1667vw;
  gap: 4.4444vw;
  grid-column: 2 / 4;
  grid-row: 2;
  align-items: center;
  align-self: start;
}

.talks__logo {
  display: block;
}

.talks__logo--gramado {
  width: 12.0833vw;
  height: 3.125vw;
}

.talks__logo--usaflex {
  width: 11.0417vw;
  height: 2.5694vw;
}

.talks__logo--fbv {
  width: 4.9306vw;
  height: 2.7778vw;
}

.talks__topic-label {
  width: 100%;
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 0.9028vw;
  color: var(--color-black);
  line-height: 121%;
}

.talks__topic-title {
  width: 100%;
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 1.3889vw;
  color: var(--color-black);
  letter-spacing: 0.1528vw;
  line-height: 121%;
}

.talks__divider {
  position: absolute;
  width: 1px;
  min-width: 0;
  display: block;
  height: 8.6111vw;
  top: 2.9167vw;
  left: 37.7778vw;
  background-color: var(--color-pink);
}

.talks__caption {
  margin: 2.2222vw 0 0 -1.1806vw;
  width: 23.8889vw;
  font-family: var(--font-mono);
  font-weight: 500;
  font-size: 1.3889vw;
  color: var(--color-cream);
  letter-spacing: 0.1528vw;
  line-height: 121%;
  text-align: justify;
  grid-column: 3;
  grid-row: 3;
  align-self: start;
}


/* Mobile */
@media (max-width: 767px) {
  .talks {
    padding: 16.8864vw 0 18.1818vw;
  }

  .talks__eyebrow {
    width: 80.4545vw;
    font-size: 3.1818vw;
    letter-spacing: 0.8909vw;
  }

  .talks__headline {
    width: 93.1818vw;
    margin: 7.7046vw 0 0 3.4091vw;
    text-align: left;
  }

  .talks__title-line {
    font-size: 12.7273vw;
  }

  .talks__grid {
    grid-template-columns: 100%;
    width: 100%;
    margin: 4.6546vw 0 0;
    gap: 0;
    grid-template-rows: auto auto auto auto auto;
  }

  .talks__fan {
    grid-column: 1;
  }

  .talks__fan--photos {
    width: 100%;
    height: 70vw;
    grid-row: 1;
  }

  .talks__fan--topics {
    width: 94.7727vw;
    height: 49.0486vw;
    margin: 10.7045vw auto 0;
    grid-row: 4;
  }

  .talks__fan-item--photo-left {
    width: 42.0455vw;
    height: 52.5vw;
    top: 2.0727vw;
    left: 5.9091vw;
    transform: rotate(-6.06deg);
  }

  .talks__fan-item--photo-middle {
    width: 31.1364vw;
    height: 38.8636vw;
    top: 28.4364vw;
    left: 29.0909vw;
    transform: rotate(6.52deg);
  }

  .talks__fan-item--photo-right {
    width: 32.0455vw;
    height: 40vw;
    top: 8.4364vw;
    left: 58.6364vw;
    transform: rotate(7.56deg);
  }

  .talks__fan-item--palestra-passo {
    width: 49.3498vw;
    height: 43.4091vw;
    top: 2.825vw;
    left: 2.3591vw;
    padding: 4.3182vw;
    transform: rotate(-6.92deg);
    gap: 4.5454vw;
  }

  .talks__fan-item--palestra-como {
    width: 48.0614vw;
    height: 43.4091vw;
    top: 2.1296vw;
    left: 46.9046vw;
    padding: 4.0909vw;
    transform: rotate(-0.27deg);
    gap: 4.5454vw;
  }

  .talks__offer {
    width: 93.1818vw;
    margin: 13.1136vw auto 0;
    grid-column: 1;
    grid-row: 5;
  }

  .talks__offer-text {
    font-size: 7.2727vw;
    text-align: center;
  }

  .talks__offer-line {
    font-size: 7.2727vw;
  }

  .talks__button {
    width: 93.1818vw;
    min-height: 18.8636vw;
    font-size: 4.0909vw;
    padding: 6.8182vw 5vw;
    margin: 9.25vw auto 0;
  }

  .talks__description {
    width: 42.2727vw;
    font-size: 3.6364vw;
    margin: 5.5909vw 0 0 52.2727vw;
    grid-column: 1;
    grid-row: 2;
  }

  .talks__description-line {
    font-size: 3.6364vw;
  }

  .talks__logos {
    width: 88.1818vw;
    margin: 7.5vw auto 0;
    gap: 7.5vw;
    grid-column: 1;
    grid-row: 3;
  }

  .talks__logo--gramado {
    width: 27.9546vw;
    height: 7.0454vw;
  }

  .talks__logo--usaflex {
    width: 25.6818vw;
    height: 5.9773vw;
  }

  .talks__logo--fbv {
    width: 11.5909vw;
    height: 6.5227vw;
  }

  .talks__topic-label {
    font-size: 2.9545vw;
  }

  .talks__topic-title {
    font-size: 3.6364vw;
    letter-spacing: 0.4vw;
  }

  .talks__divider {
    display: none;
  }

  .talks__caption {
    display: none;
  }
}