/* Sobre */

.bg:before {content: "";position: absolute;inset: 0;background: #f1f0e3;background-repeat: no-repeat;background-size: cover;background-position: 50% 0%;background-image: url(../img/sobre/bg.webp);}

.team-hero,
.team-about-section {background: #f1f0e3;padding: 200px 0 120px 0;position: relative;}
.team-hero .eyebrow,
.team-hero .tagline,
.team-about-section .tagline,
.team-about__text p,
.team-member__back p,
.team-member__name {font-family: var(--font-body);}
.team-hero .heading-lg,
.team-about-section .heading-lg,
.team-member__name {font-family: var(--font-heading);}
.team-member__name {font-weight: 400;}
.team-hero__head {display: flex;justify-content: space-between;align-items: center;margin: 0 10px 60px;flex-direction: row;flex-wrap: nowrap;}
.team-hero__icon {width: 100px;flex-shrink: 0;}

.sticky-note {display: block;filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.15));width: 100%;}

.team-grid {display: flex;gap: 50px;flex-direction: row;flex-wrap: wrap;justify-content: center;}
.team-member{width: 220px;cursor: pointer;}
.team-member__flip {aspect-ratio: 3 / 4;perspective: 1200px;}
.team-member__flip-inner {position: relative;width: 100%;height: 100%;transition: transform 0.6s ease;transform-style: preserve-3d;}
.team-member__flip:hover .team-member__flip-inner {transform: rotateY(180deg);}

.team-member__front,
.team-member__back {position: absolute;inset: 0;backface-visibility: hidden;border-radius: 10px;box-shadow: 0 10px 18px rgba(0, 0, 0, 0.14);}
.team-member__front {background: var(--color-cream);padding: 15px 15px 0;display: flex;flex-direction: column;align-items: flex-start;}
.team-member__photo {flex: 1;overflow: hidden;background: var(--color-peach);}
.team-member__photo img {width: 100%;height: 100%;object-fit: cover;}
.team-member__front .team-member__name {padding: 12px 4px 16px;margin: 0;text-align: center;font-size: 19px;color: var(--color-brown-dark);}
.team-member__back {background: var(--color-green-brand);color: var(--color-brown-dark);transform: rotateY(180deg);display: flex;align-items: center;padding: 20px;}
.team-member__back p {margin: 0;font-size: 15px;line-height: 1.4;text-align: center;}

.team-grid__note {display: flex;align-items: center;justify-content: center;}
.team-grid__note .sticky-note {max-width: 100%;margin: 0;}
.team-about {display: grid;grid-template-columns: 1fr 280px;gap: 60px;}
.team-about__side {flex: 1;display: flex;flex-direction: column;align-items: flex-end;gap: 40px;}
.team-about__photo {width: 100%;max-width: 340px;}
.team-about__photo img {width: 100%;display: block;}
.team-about__text p {margin: 30px 0;line-height: 1.7;font-size: 22px;letter-spacing: 1px;}

@media (max-width: 1100px) {
  .team-hero {padding: 160px 0 80px 0;}
  .team-about-section {padding: 80px 0;}
  .team-hero__head {flex-direction: column-reverse;align-items: flex-start;gap: 24px;margin: 0 0 50px 0;}
  .team-grid {gap: 20px;justify-content: flex-start;}
  .team-member{width: 190px;}
  .team-about {grid-template-columns: auto;}
  .team-about__side {align-items: flex-start;flex-direction: column-reverse;}.team-about__text p{font-size: 20px;line-height: 1.5;}
}