/* HISTORIA */

.historia {background: var(--navy);padding: 240px 0 100px 0;position: relative;overflow: hidden;}
.historia::before {content: '';position: absolute;top: -120px;right: -120px;width: 600px;height: 600px;border-radius: 50%;background: radial-gradient(circle, rgba(45,184,168,.12) 0%, transparent 70%);pointer-events: none;}
.historia .cover {filter: saturate(1.5);opacity: .20;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;background-repeat: no-repeat;background-size: cover;background-position: 50% 0%;background-image: url(../img/3.webp);}

.historia span {color: var(--white);font-weight: 300;font-size: 20px;letter-spacing: 1px;text-transform: uppercase;}
.historia h1 {font-size: 52px;font-weight: 300;color: #fff;margin: 30px auto;}
.historia h1 b {font-style: normal;color: var(--teal);font-weight: 700;}
.historia .historia__inner {display: grid;grid-template-columns: 1fr 400px;gap: 50px;align-items: start;}
.historia .historia__content p {font-size: 17px;color: var(--white);line-height: 1.6;margin: 0 0 20px 0;font-weight: 400;}

.historia .historia__stats {display: flex;flex-direction: column;gap: 10px;margin-top: 20px;}
.historia .historia__stats .historia__stat {display: flex;align-items: center;gap: 10px;}
.historia .historia__stats .historia__stat .historia__stat-icon {width: 30px;height: 30px;border-radius: 7px;padding: 4px;background: var(--pink);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.historia .historia__stats .historia__stat .historia__stat-icon svg { width: 10px; height: 10px; fill: #fff; }
.historia .historia__stats .historia__stat span {font-size: 15px;font-weight: 600;color: var(--gray-300);}

/* VIDEO */
.historia .historia__image-wrap {float: right;margin: 0;width: 400px;}
.historia .historia__image {width: 100%;height: 220px;border-radius: var(--radius-md);overflow: hidden;background: var(--white);display: flex;align-items: center;justify-content: center;content: '';background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;background-image: url(../img/video.jpg);margin: 0;}
.historia .historia__image svg { width: 80px; height: 80px; stroke: rgba(255,255,255,.15); fill: none; }


@media (max-width: 1200px) {
    .historia {padding: 150px 0 80px 0;}
    .historia h1{font-size: 30px;}
    .historia .historia__inner{ grid-template-columns: 1fr; gap: 0px;}
    .historia__content { padding-bottom: 56px; }
    .historia .historia__content p{font-size: 16px;}
    .historia .historia__image-wrap{margin:0;}
}






/* LIDERANÇA */
.lideranca {background: var(--white);padding: 100px 0;}
.lideranca .lideranca__header {display: grid;grid-template-columns: 420px 1fr;gap: 60px;align-items: start;margin-bottom: 60px;}
.lideranca .lideranca__header-left h2 {font-size: 46px;font-weight: 300;color: var(--navy);line-height: 1.2;}
.lideranca .lideranca__header-left span {color: var(--teal-light);font-size: 20px;text-transform: uppercase;font-weight: 700;margin: 5px 0 20px 0;display: block;}

.lideranca .lideranca__header-right p {font-size: 20px;color: var(--navy);line-height: 1.6;}
.lideranca .lideranca__team {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.lideranca .lideranca__member {display: flex;flex-direction: column;gap: 0;background: var(--gray-100);border-radius: 30px;padding-bottom: 25px;overflow: hidden;}

.lideranca .lideranca__photo {position: relative;aspect-ratio: 3 / 4;margin-bottom: 20px;}
.lideranca .lideranca__photo img {width: 100%;height: 100%;object-fit: cover;object-position: top;display: block;}
.lideranca .lideranca__photo .lideranca__role-badge {position: absolute;top: 12px;right: 12px;background: var(--teal);color: #fff;font-family: 'Inter', sans-serif;font-size: 14px;font-weight: 700;padding: 4px 10px;border-radius: 50px;}

.lideranca .lideranca__member > h3 {font-size: 18px;font-weight: 700;color: var(--navy-light);margin: 0 20px;}
.lideranca .lideranca__member > span {font-size: 14px;color: var(--navy-light);display: block;margin: 0 20px;}

@media (max-width: 1200px) {

  .lideranca .lideranca__header { grid-template-columns: 1fr; gap: 16px; }
  .lideranca .lideranca__team {grid-template-columns: 1fr;}
  .lideranca .lideranca__photo{aspect-ratio: 4 / 4;}
  .lideranca .lideranca__header-right p{font-size: 16px}

}



/* VALORES */
.valores {background: var(--navy-light);padding: 100px 0;position: relative;}
.valores .valores__header {display: grid;grid-template-columns: 1fr 500px;gap: 0px;align-items: end;margin-bottom: 60px;}
.valores .valores__header-left h2 {font-size: 46px;font-weight: 300;color: var(--white);line-height: 1.2;}
.valores .valores__header-left span {color: var(--teal-light);font-size: 20px;text-transform: uppercase;font-weight: 700;margin: 5px 0 20px 0;display: block;}
.valores .valores__header-right p {font-size: 18px;color: var(--white);line-height: 1.8;text-align: right;}

.valores .valores__grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;}
.valores .valores__grid .valor-card {background: var(--teal-light);border-radius: var(--radius-md);padding: 28px 22px;display: flex;flex-direction: column;gap: 12px;transition: background .2s, border-color .2s;position: relative;overflow: hidden;}
.valores .valores__grid .valor-card::before {content: '';position: absolute;bottom: -180px;left: -20px;width: 400px;height: 400px;background: radial-gradient(circle, #ffffff40 0%, transparent 70%);pointer-events: none;}
.valores .valores__grid .valor-card__num {font-size: 50px;font-weight: 700;color: var(--white);position: relative;z-index: 1;}
.valores .valores__grid .valor-card h3 {font-size: 16px;font-weight: 700;color: var(--navy-light);position: relative;z-index: 1;}
.valores .valores__grid .valor-card p {font-size: 14px;color: var(--navy-light);line-height: 1.5;position: relative;z-index: 1;}

@media (max-width: 1200px) {
  .valores {text-align: center;}
  .valores .valores__header { grid-template-columns: 1fr; gap: 20px; }
  .valores .valores__header-left h2 {font-size: 30px;}
  .valores .valores__header-right p {text-align: center;font-size: 16px;}
  .valores .valores__grid { grid-template-columns: 1fr; }

}





/*  BANNER */
.banner {background: var(--navy);padding: 120px 0;position: relative;overflow: hidden;text-align: center;}
.banner::before {filter: saturate(1.5);opacity: .15;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;pointer-events: none;background-repeat: no-repeat;background-size: cover;background-position: 50% 0%;background-image: url(../img/4.webp);}
.banner h2 {font-size: 50px;font-weight: 300;color: #fff;line-height: 1.25;margin-bottom: 16px;}
.banner h2 b {font-style: normal;color: var(--teal-light);font-weight: 700;}
.banner p {font-size: 18px;color: var(--gray-300);line-height: 1.65;max-width: 800px;margin: 0 auto;}

@media (max-width: 1200px) {
  .banner h2 {font-size: 28px;}
  .banner p {font-size: 16px;}
}


/* PLR */
.beneficios {background: var(--navy-light);padding: 100px 0;}
.beneficios__grid {display: grid;grid-template-columns: 1fr 1fr;gap: 40px;}

.beneficio-card {border-radius: var(--radius-lg);padding: 40px;display: flex;flex-direction: column;gap: 20px;justify-content: flex-start;}
.beneficio-card img {width: 52px;}
.beneficio-card h3 {font-size: 26px;font-weight: 800;}

.beneficio-card--plr {background: var(--navy);border: 1px solid rgba(255,255,255,.09);}
.beneficio-card--plr h3 {color: var(--teal-light);}
.beneficio-card--plr p {color: var(--white);font-size: 15px;line-height: 1.5;}
.beneficio-card--plr p.title {font-size: 34px;line-height: 1.4;color: var(--white);font-weight: 300;}

.beneficio-card--partnership {background: var(--teal-light);border: 1px solid rgba(255,255,255,.09);}
.beneficio-card--partnership h3 {color: var(--navy-light);}
.beneficio-card--partnership p {color: var(--navy-light);font-size: 15px;line-height: 1.5;}
.beneficio-card--partnership p.title {font-size: 34px;line-height: 1.4;color: var(--navy-light);font-weight: 300;}


.beneficio-card__como {margin: 10px 0;}
.beneficio-card__como h4 {font-size: 16px;font-weight: 700;letter-spacing: .1em;text-transform: uppercase;margin-bottom: 12px;}
.beneficio-card--plr .beneficio-card__como h4 {color: var(--teal-light);}
.beneficio-card--partnership .beneficio-card__como h4 {color: var(--white);}

.beneficio-card__steps {display: flex;flex-direction: column;gap: 8px;}
.beneficio-card__step {display: flex;align-items: flex-start;gap: 10px;font-size: 14px;line-height: 1.4;}
.beneficio-card--plr .beneficio-card__step {color: var(--white);}
.beneficio-card--partnership .beneficio-card__step {color: var(--navy-light);}
.beneficio-card__step-dot {width: 6px;height: 6px;border-radius: 50%;flex-shrink: 0;margin-top: 6px;}
.beneficio-card--plr .beneficio-card__step-dot { background: var(--teal); }
.beneficio-card--partnership .beneficio-card__step-dot {background: var(--navy-light);}

.beneficio-card__highlight {font-size: 15px;line-height: 1.6;}
.beneficio-card--plr .beneficio-card__highlight {color: var(--teal-light);}
.beneficio-card--partnership .beneficio-card__highlight {color: var(--white);}


@media (max-width: 1200px) {
  .beneficios__grid { grid-template-columns: 1fr; }
  .beneficio-card--plr p.title {font-size: 26px;}
  .beneficio-card--partnership p.title {font-size: 26px;}
  .beneficio-card__step{font-size: 13px;}
}




/* TRABALHE CONOSCO  */
.trabalhe {background: var(--navy);padding: 100px 0;text-align: center;}
.trabalhe .trabalhe__inner {max-width: 760px;margin: 0 auto;}
.trabalhe .trabalhe__inner span {color: var(--teal-light);font-size: 20px;text-transform: uppercase;font-weight: 300;margin: 0 auto;display: block;}
.trabalhe .trabalhe__inner h2 {font-size: 48px;font-weight: 300;color: var(--white);line-height: 1.2;margin: 10px auto 20px;}
.trabalhe .trabalhe__inner p {font-size: 16px;color: var(--white);line-height: 1.8;margin-bottom: 20px;}

.trabalhe .trabalhe__actions {display: flex;justify-content: center;gap: 16px;margin-top: 36px;flex-wrap: wrap;}
.trabalhe .trabalhe__actions .btn--instagram {background: linear-gradient(135deg, #F58529, #DD2A7B, #8134AF);color: #fff;}
.trabalhe .trabalhe__actions .btn--linkedin {background: #0A66C2;color: #fff;}
.trabalhe .trabalhe__actions .btn--instagram:hover, .btn--linkedin:hover {transform: translateY(-2px);box-shadow: var(--shadow-lg);}


@media (max-width: 1200px) {
  .trabalhe .trabalhe__inner h2{font-size: 40px;}
}



/* End */