/* Excursões: estilos próprios. Media queries em responsive.css. */
@font-face {
  font-family: 'Ody Excursions Baloo';
  src: url('../fonts/seja-conveniado/baloo.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Ody Excursions Baloo Bhai';
  src: url('../fonts/seja-conveniado/baloo-bhai.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Ody Excursions Roboto';
  src: url('../fonts/seja-conveniado/roboto-regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Ody Excursions Roboto';
  src: url('../fonts/seja-conveniado/roboto-bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}

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

.excursions-hero { position: relative; min-height: 740px; isolation: isolate; }
.excursions-hero-photo { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.excursions-hero::before { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgb(0 21 60 / 18%), rgb(0 21 60 / 45%) 65%, rgb(0 21 60 / 32%)); content: ''; pointer-events: none; }
.excursions-hero-content { display: grid; min-height: inherit; padding-block: 180px 140px; place-items: center; text-align: center; }
.excursions-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 Excursions Baloo Bhai', sans-serif;
  letter-spacing: -.015em;
}
.excursions-hero-transition { position: absolute; right: 0; bottom: -1px; left: 0; height: 14vw; background: url('../images/excursoes/backgrounds/Background-ody.svg') center top / 100% auto no-repeat; pointer-events: none; }

.excursions-section-space { padding: 70px 0 90px; }
.excursions-section-title { max-width: 850px; margin: 0 auto 45px; text-align: center; }
.excursions-section-title h2 { margin-bottom: 17px; }
.excursions-eyebrow { margin-bottom: 12px; color: #b34800; font: 400 16px/1.4 var(--excursions-heading); letter-spacing: .035em; }
.excursions-page .excursions-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(--excursions-heading);
  text-align: center;
  text-decoration: none;
  transition: background-color .15s, transform .15s;
}
.excursions-page .excursions-button:hover { background: #185f06; transform: translateY(-2px); }
.excursions-button span { font-family: Arial, sans-serif; font-size: 22px; }

.excursions-benefits { scroll-margin-top: 24px; }
.excursions-benefits-grid { --bs-gutter-x: 22px; --bs-gutter-y: 24px; }
.excursions-benefits-grid > div { display: flex; }
.excursions-benefit-card { width: 100%; padding: 28px 23px 30px; border: 1px solid #dbe5f2; border-radius: 22px; background: #f7fbff; text-align: center; }
.excursions-benefit-symbol { display: flex; align-items: center; justify-content: center; height: 72px; margin-bottom: 21px; color: var(--excursions-blue); font: 400 58px/1 'Ody Excursions Baloo Bhai', sans-serif; }
.excursions-benefit-symbol img { display: block; width: 64px; height: 64px; object-fit: contain; }
.excursions-benefit-card h3 { min-height: 58px; margin-bottom: 13px; color: var(--excursions-blue); font-size: 25px; }
.excursions-benefit-card p { font-size: 15px; line-height: 1.7; }

.excursions-wave-cap { position: relative; width: 100%; overflow: hidden; pointer-events: none; }
.excursions-wave-cap img { position: absolute; left: 0; display: block; width: 100%; max-width: none; height: auto; }
.excursions-orange-wave { height: 11.1vw; }
.excursions-orange-wave.excursions-wave-top img { top: 0; transform: scaleY(-1); }
.excursions-orange-wave.excursions-wave-bottom img { bottom: 0; }
.excursions-experience-inner { padding: 25px 0; background: var(--excursions-orange); }
.excursions-experience-grid { --bs-gutter-x: 60px; align-items: center; }
.excursions-experience-visual { display: flex; justify-content: center; }
.excursions-experience-photo { display: block; width: 100%; max-width: 520px; }
.excursions-experience-copy { padding-top: 10px; padding-bottom: 20px; }
.excursions-experience-copy .excursions-eyebrow { color: #422400; }
.excursions-experience-copy h2 { margin-bottom: 23px; font-size: 43px; }
.excursions-experience-copy > p:not(.excursions-eyebrow) { color: #3a270e; font-size: 17px; }
.excursions-experience-copy .excursions-button { margin-top: 26px; }
.excursions-page .excursions-phone-link { display: block; width: fit-content; margin-top: 18px; color: var(--excursions-navy); font: 400 18px/1.4 var(--excursions-heading); }

.excursions-planning { padding-top: 55px; padding-bottom: 70px; }
.excursions-planning-grid { --bs-gutter-x: 44px; --bs-gutter-y: 30px; }
.excursions-planning-item { height: 100%; padding-left: 24px; border-left: 4px solid var(--excursions-orange); }
.excursions-planning-label { margin-bottom: 12px; color: #9d4100; font: 400 14px/1.3 var(--excursions-heading); }
.excursions-planning-item h3 { margin-bottom: 18px; font-size: 29px; }
.excursions-planning-item :where(p:not(.excursions-planning-label)) { font-size: 16px; line-height: 1.8; }
.excursions-planning-item p + p { margin-top: 14px; }

.excursions-video-section { padding: 60px 0 65px; }
.excursions-video-section .excursions-section-title { margin-bottom: 32px; }
.excursions-video-player { position: relative; aspect-ratio: 16 / 9; max-width: 980px; margin-inline: auto; overflow: hidden; border-radius: 24px; background: var(--excursions-navy); box-shadow: 0 12px 35px #00155a1a; }
.excursions-video-placeholder { position: absolute; inset: 0; }
.excursions-page .excursions-video-poster { display: block; width: 100%; height: 100%; object-fit: cover; }
.excursions-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(--excursions-heading); cursor: pointer; }
.excursions-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; }
.excursions-video-play > span:last-child { padding: 8px 18px; border-radius: 30px; background: #00155ad9; }
.excursions-video-play:hover { background: #00155a44; }
.excursions-video-play:focus-visible { outline-offset: -7px; }
.excursions-video-player iframe { display: block; width: 100%; height: 100%; border: 0; }
.excursions-video-noscript { margin-top: 17px; text-align: center; }

.excursions-blue-wave.excursions-wave-top { height: 9.15vw; }
.excursions-blue-wave.excursions-wave-top img { top: 0; }
.excursions-blue-wave.excursions-wave-bottom { height: 12.8vw; }
.excursions-blue-wave.excursions-wave-bottom img { bottom: 0; }
.excursions-consult-inner { padding: 35px 0 30px; background: var(--excursions-navy); text-align: center; }
.odypark-excursions-page .excursions-consult-content { max-width: 950px; }
.excursions-consult .excursions-eyebrow { color: #ffb96f; }
.excursions-consult h2 { margin-bottom: 22px; color: #fff; font-size: 45px; }
.excursions-consult-content > p:not(.excursions-eyebrow) { max-width: 600px; margin: 0 auto 27px; color: #e1ebff; }
.excursions-page .excursions-consult-phone { display: block; width: fit-content; margin: 23px auto 0; color: #fff; font: 400 18px/1.5 var(--excursions-heading); }
.odypark-excursions-page .rodape-background::before { top: 0; background-size: 100% calc(125% + 55rem); }