/* Seja Sócio. Media queries centralizadas em responsive.css. */
@font-face {
  font-family: 'Ody Socio Baloo';
  src: url('../fonts/seja-conveniado/baloo.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Ody Socio Baloo Bhai';
  src: url('../fonts/seja-conveniado/baloo-bhai.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Ody Socio Roboto';
  src: url('../fonts/seja-conveniado/roboto-regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Ody Socio Roboto';
  src: url('../fonts/seja-conveniado/roboto-bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}

.odypark-member-page {
  --socio-navy: #00155a;
  --socio-blue: #093ab9;
  --socio-heading: 'Ody Socio Baloo', Arial, sans-serif;
}
.hero-wrap--seja-socio { isolation: isolate; background: #004d7a; }
.odypark-member-page .site-header { position: absolute; inset: 0 0 auto; }
.odypark-member-page .socio-container { max-width: 1168px; padding-inline: 24px; }
.socio-page {
  position: relative;
  z-index: 3;
  color: #35485c;
  font: 400 17px/1.7 'Ody Socio Roboto', Arial, sans-serif;
}
.socio-page :where(h2, h3, p) { margin: 0; }
.socio-page :where(.socio-section-title, .socio-benefit, .socio-consult) :where(h2, h3) {
  color: var(--socio-navy);
  font-family: var(--socio-heading);
  font-weight: 400;
  line-height: 1.15;
}
.socio-section-title h2 { font-size: 46px; }
.socio-benefit h3 { font-size: 29px; }
.socio-page a { color: var(--socio-blue); text-underline-offset: 4px; }
.socio-page :is(a, button, iframe):focus-visible { outline: 3px solid #ffca28; outline-offset: 6px; }
.socio-page [hidden] { display: none !important; }
.socio-skip-link {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 1050;
  padding: 10px 18px;
  background: #fff;
  color: var(--socio-blue);
  transform: translateY(-180%);
}
.socio-skip-link:focus { transform: none; }

.socio-hero { position: relative; min-height: 740px; isolation: isolate; }
.socio-hero__photo {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.socio-hero::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(
    180deg,
    rgb(0 21 60 / 18%) 0%,
    rgb(0 21 60 / 24%) 35%,
    rgb(0 21 60 / 52%) 70%,
    rgb(0 21 60 / 44%) 100%
  );
  content: '';
  pointer-events: none;
}
.socio-hero__content {
  display: grid;
  min-height: inherit;
  padding-block: 380px 100px;
  place-items: center;
  text-align: center;
}
.socio-hero h1 {
  --ody-hero-title-color: #ff830c;
  --ody-hero-title-fill: linear-gradient(#ff830c, #ff830c);
  --ody-hero-title-outline-width: 10px;
  max-width: 1100px;
  font: 400 66px/1.15 'Ody Socio Baloo Bhai', sans-serif;
  letter-spacing: -.015em;
}
.socio-hero__transition {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 14vw;
  background: url('../images/seja-socio/Background-ody.svg') center top / 100% auto no-repeat;
  pointer-events: none;
}

.socio-eyebrow { color: #b34800; font: 400 16px/1.4 var(--socio-heading); letter-spacing: .035em; }
.socio-section-title { max-width: 850px; margin: 0 auto 45px; text-align: center; }
.socio-section-title .socio-eyebrow { margin-bottom: 12px; }
.socio-section-title h2 { margin-bottom: 17px; }
.socio-benefits { padding: 55px 0 60px; scroll-margin-top: 24px; background: #fff; }
.socio-benefits__grid { --bs-gutter-x: 30px; --bs-gutter-y: 32px; }
.socio-benefits__grid > div { display: flex; }
.socio-benefit {
  --socio-accent: var(--socio-blue);
  width: 100%;
  overflow: hidden;
  border: 1px solid #dbe5f2;
  border-radius: 25px;
  background: #fff;
  box-shadow: 0 8px 24px #00155a0b;
}
.socio-benefit--orange { --socio-accent: #bd4e00; }
.socio-benefit__photo { display: block; width: 100%; height: 210px; object-fit: cover; }
.socio-benefit__content { padding: 24px 30px 30px; }
.socio-benefit__percentage {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-bottom: 14px;
  color: var(--socio-accent);
  font: 400 63px/1 'Ody Socio Baloo Bhai', sans-serif;
}
.socio-benefit__percentage > span:first-child { font-size: 40px; }
.socio-benefit__discount { max-width: 80px; margin-left: 14px; font: 400 14px/1.25 var(--socio-heading); }
.socio-benefit__content h3 { margin-bottom: 14px; }
.socio-benefit__content > :where(p:not(.socio-benefit__percentage)) { font-size: 16px; line-height: 1.7; }
.socio-benefit__content .socio-benefit__condition { margin-top: 13px; color: #596b7d; font-size: 14px; }

.socio-video { padding: 30px 0 65px; background: #fff; }
.socio-video .socio-section-title { margin-bottom: 32px; }
.socio-video__player {
  position: relative;
  aspect-ratio: 16 / 9;
  max-width: 980px;
  margin-inline: auto;
  overflow: hidden;
  border-radius: 24px;
  background: var(--socio-navy);
  box-shadow: 0 12px 35px #00155a1a;
}
.socio-video__placeholder { position: absolute; inset: 0; }
.socio-video__poster { display: block; width: 100%; height: 100%; object-fit: cover; }
.socio-video__play {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 0;
  background: #00155a24;
  color: #fff;
  font: 400 21px/1.3 var(--socio-heading);
  cursor: pointer;
}
.socio-video__play > span:first-child {
  display: grid;
  width: 86px;
  height: 64px;
  padding-left: 5px;
  place-items: center;
  border: 3px solid #fff;
  border-radius: 20px;
  background: #e0003a;
  box-shadow: 0 4px 18px #0004;
  font: 30px/1 Arial, sans-serif;
}
.socio-video__play > span:last-child { padding: 8px 18px; border-radius: 30px; background: #00155ad9; }
.socio-video__play:hover { background: #00155a44; }
.socio-video__play:focus-visible { outline-offset: -7px; }
.socio-video__player iframe { display: block; width: 100%; height: 100%; border: 0; }

.socio-consult { position: relative; z-index: 2; }
.socio-consult__wave { position: relative; width: 100%; overflow: hidden; pointer-events: none; }
.socio-consult__wave img { position: absolute; left: 0; display: block; width: 100%; max-width: none; height: auto; }
.socio-consult__wave--top { height: 9.15vw; }
.socio-consult__wave--top img { top: 0; }
.socio-consult__wave--bottom { height: 12.8vw; }
.socio-consult__wave--bottom img { bottom: 0; }
.socio-consult__inner { padding: 35px 0 30px; background: var(--socio-navy); text-align: center; }
.odypark-member-page .socio-consult__content { max-width: 950px; }
.socio-consult .socio-eyebrow { margin-bottom: 12px; color: #ffb96f; }
.socio-consult h2 { margin-bottom: 22px; color: #fff; font-size: 45px; text-wrap: balance; }
.socio-consult__content > p:not(.socio-eyebrow) { max-width: 600px; margin: 0 auto 27px; color: #e1ebff; }
.socio-page .socio-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  min-height: 56px;
  padding: 13px 26px;
  border: 3px solid #fff;
  border-radius: 32px;
  background: #237e0c;
  color: #fff;
  box-shadow: 0 4px 0 #00155a22;
  font: 400 20px/1.2 var(--socio-heading);
  text-align: center;
  text-decoration: none;
  transition: background-color .15s, transform .15s;
}
.socio-page .socio-button:hover { background: #185f06; transform: translateY(-2px); }
.socio-page .socio-consult__authorized { display: block; width: fit-content; margin: 22px auto 0; color: #fff; font: 400 18px/1.4 var(--socio-heading); text-decoration: underline; }
.odypark-member-page .rodape-background::before { top: 0; background-size: 100% calc(125% + 55rem); }