/* Experience Ecuador · Plan Your Trip cluster
Load after header.css, footer.css and site.css. */

.pytPage {
  --pyt-blue:var(--brand-blue,#034EA2);
  --pyt-dark:var(--brand-blue-dark,#0f2f62);
  --pyt-yellow:#FFD100;
  --pyt-ink:var(--ink,#24324a);
  --pyt-muted:var(--muted,#6E7B8B);
  --pyt-line:rgba(3,78,162,.16);
  color:var(--pyt-ink);
  background:var(--bg,#f6f8fb)
}

.pytPage * {
  box-sizing:border-box
}
.pytPage button,.pytPage input,.pytPage select,.pytPage textarea {
  font:inherit
}

.rawLangLinks {
  max-width:1100px;
  margin:10px auto 0;
  padding:0 18px;
  display:flex;
  justify-content:flex-end;
  gap:7px
}
.rawLangLinks a {
  padding:7px 11px;
  border:1px solid var(--pyt-line);
  border-radius:999px;
  background:#fff;
  color:var(--pyt-dark);
  font-size:12px;
  font-weight:800
}
.rawLangLinks a[aria-current="page"] {
  background:var(--pyt-blue);
  color:#fff
}

.pytBread {
  max-width:1100px;
  margin:0 auto;
  padding:16px 18px;
  font-size:13px;
  color:var(--pyt-muted)
}
.pytBread ol {
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  list-style:none;
  padding:0;
  margin:0
}
.pytBread li+li:before {
  content:"/";
  margin-right:8px;
  color:#9aa7b8
}

.pytHero {
  min-height:clamp(500px,68vh,690px);
  display:grid;
  align-items:end;
  background:linear-gradient(90deg,rgba(7,25,54,.84),rgba(7,25,54,.2)),var(--hero) center/cover no-repeat;
  color:#fff
}

.pytHeroInner {
  width:min(1100px,calc(100% - 36px));
  margin:0 auto;
  padding:68px 0
}
.pytKicker {
  display:inline-flex;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  background:rgba(3,78,162,.45);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em
}

.pytHero h1 {
  max-width:900px;
  margin:17px 0 13px;
  font:800 clamp(39px,7vw,74px)/1 Montserrat,Inter,sans-serif;
  letter-spacing:-.04em
}
.pytHero p {
  max-width:760px;
  margin:0;
  font-size:clamp(17px,2vw,21px);
  line-height:1.62;
  color:#fff
}
.pytHeroActions {
  display:flex;
  gap:11px;
  flex-wrap:wrap;
  margin-top:24px
}

.pytPage button,.pytPage .btn {
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif
}
.pytPage h1,.pytPage h2,.pytPage h3 {
  font-family:Montserrat,Inter,sans-serif
}

.pytMain {
  width:min(1100px,calc(100% - 36px));
  margin:0 auto;
  padding:42px 0 76px
}
.pytSection {
  margin-top:28px
}
.pytPanel {
  background:#fff;
  border:1px solid var(--pyt-line);
  border-radius:24px;
  padding:clamp(22px,4vw,38px);
  box-shadow:var(--shadow,0 18px 55px rgba(3,78,162,.12))
}

.pytPanel h2,.pytSection h2 {
  margin:0 0 10px;
  color:var(--pyt-blue);
  font:800 clamp(27px,4vw,40px)/1.08 Montserrat,Inter,sans-serif
}
.pytPanel p,.pytSection p {
  line-height:1.72
}
.pytIntroGrid {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:22px
}
.pytChecklist {
  display:grid;
  gap:11px;
  margin:0;
  padding:0;
  list-style:none
}
.pytChecklist li {
  display:flex;
  gap:10px;
  padding:12px 14px;
  border-radius:13px;
  background:#f2f7fd
}
.pytChecklist li:before {
  content:"✓";
  color:var(--pyt-blue);
  font-weight:900
}

.pytRegionGrid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px
}
.pytRegionCard {
  min-height:420px;
  display:flex;
  align-items:flex-end;
  padding:26px;
  border-radius:24px;
  color:#fff;
  background:linear-gradient(180deg,transparent 25%,rgba(4,20,45,.9)),var(--card) center/cover no-repeat;
  box-shadow:var(--shadow)
}
.pytRegionCard h2 {
  color:#fff
}
.pytRegionCard p {
  color:#fff
}
.pytRegionCard .pytBtn {
  margin-top:8px
}

.pytForm {
  background:#fff;
  border:1px solid var(--pyt-line);
  border-radius:26px;
  box-shadow:var(--shadow);
  overflow:hidden;
  scroll-margin-top:20px
}
.pytFormHead {
  padding:28px clamp(20px,4vw,42px);
  background:linear-gradient(135deg,var(--pyt-dark),var(--pyt-blue));
  color:#fff
}
.pytFormHead h2 {
  margin:0 0 7px;
  color:#fff;
  font:800 clamp(28px,4vw,42px)/1.05 Montserrat,Inter,sans-serif
}
.pytProgress {
  height:8px;
  margin-top:18px;
  border-radius:999px;
  background:rgba(255,255,255,.25);
  overflow:hidden
}
.pytProgress span {
  display:block;
  width:20%;
  height:100%;
  background:var(--pyt-yellow);
  transition:width .2s
}

.pytStep {
  display:none;
  padding:clamp(22px,4vw,42px)
}
.pytStep.is-active {
  display:block
}
.pytStep h3 {
  margin:0 0 6px;
  color:var(--pyt-blue);
  font:800 25px/1.15 Montserrat,Inter,sans-serif
}
.pytStepLead {
  margin:0 0 23px;
  color:var(--pyt-muted)
}

.pytGrid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px 18px
}
.pytField {
  display:grid;
  align-content:start;
  gap:8px;
  margin:0
}
.pytField--full {
  grid-column:1/-1
}
.pytField>label:not(.pytChoice),.pytLegend {
  display:block;
  margin:0;
  font-size:13px;
  font-weight:800;
  line-height:1.35;
  color:#34445a
}
.pytField input,.pytField select,.pytField textarea {
  width:100%;
  min-height:48px;
  margin:0;
  padding:12px 14px;
  border:1px solid #cdd8e6;
  border-radius:13px;
  background:#fff;
  color:#17263a;
  text-align:left;
  text-indent:0
}
.pytField textarea {
  display:block;
  min-height:105px;
  resize:vertical;
  white-space:pre-wrap
}
.pytField :focus {
  outline:3px solid rgba(3,78,162,.15);
  border-color:var(--pyt-blue)
}

.pytGrid--vision {
  margin-top:20px
}

.pytChoices {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px
}
.pytChoice {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:11px 12px;
  border:1px solid #d7e2ef;
  border-radius:13px;
  background:#fafdff
}
.pytChoice input {
  flex:0 0 auto;
  width:16px;
  height:16px;
  min-height:0;
  margin:0;
  accent-color:var(--pyt-blue)
}
.pytChoice span {
  display:block;
  line-height:1.35
}

.pytTurnstile {
  grid-column:1/-1;
  display:grid;
  gap:8px;
  margin-top:2px
}
.pytTurnstile p {
  margin:0;
  color:var(--pyt-muted);
  font-size:12px
}
.pytNav {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:0 clamp(22px,4vw,42px) clamp(22px,4vw,42px)
}
.pytNav #nextStep,.pytNav #submitForm {
  margin-left:auto
}
.pytNav .pytBtn[hidden] {
  display:none
}
.pytStatus {
  margin:0 clamp(22px,4vw,42px) 24px;
  padding:14px 16px;
  border-radius:13px;
  background:#eef6ff;
  color:var(--pyt-dark);
  font-weight:700
}

.pytLinks {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px
}
.pytLinks a {
  padding:15px;
  border:1px solid var(--pyt-line);
  border-radius:14px;
  background:#fff;
  color:var(--pyt-blue);
  font-weight:800
}

.pytFaq details {
  border-top:1px solid var(--pyt-line);
  padding:15px 0
}
.pytFaq summary {
  cursor:pointer;
  color:var(--pyt-dark);
  font-weight:800
}
.pytFaq details p {
  margin-bottom:0;
  color:#526177
}
.pytPrivacy {
  font-size:12px;
  color:var(--pyt-muted);
  line-height:1.6
}

@media(max-width:760px) {
  .pytIntroGrid,.pytRegionGrid,.pytGrid,.pytLinks {
    grid-template-columns:1fr
  }
  .pytChoices {
    grid-template-columns:1fr
  }
  .pytHero {
    min-height:550px
  }
  .pytHeroInner {
    padding:52px 0
  }
  .pytField--full {
    grid-column:auto
  }
  .pytNav {
    position:sticky;
    bottom:0;
    padding-top:13px;
    background:#fff;
    border-top:1px solid #e2e8f0
  }
  .pytNav .pytBtn {
    flex:1
  }
  .rawLangLinks {
    justify-content:center
  }
}

@media(prefers-reduced-motion:reduce) {
  * {
    scroll-behavior:auto!important;
    transition:none!important
  }
}