/* Experiência FITQOR — top bar (all pages), homepage pop-up, /experiencia page */

/* top bar */
.xp-bar{position:relative;z-index:40;height:42px;background:var(--imperial);color:#fff;display:flex;align-items:center;justify-content:center;padding:0 48px;font-size:14px}
.xp-bar a{color:#fff;text-decoration:none}
.xp-bar b{font-weight:600}
.xp-bar-x{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;font-size:20px;line-height:1;cursor:pointer;opacity:.8}
.xp-bar ~ .site-header{top:42px}
.xp-bar ~ .site-header .drop-menu.mega{top:140px}
@media (max-width:700px){.xp-bar{font-size:13px;padding:0 40px 0 14px;justify-content:flex-start}.xp-bar-d{display:none}}

/* homepage pop-up (inside main.js's .daypass-modal shell) */
.xp-box{max-width:820px;padding:0;display:grid;grid-template-columns:1fr 1.1fr;overflow:hidden;text-align:left}
.xp-mimg img{width:100%;height:100%;object-fit:cover;object-position:30% 40%;display:block}
.xp-mbody{padding:40px 36px 32px}
.xp-close{background:rgba(255,255,255,.85);z-index:2}
.xp-mk{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--imperial);font-weight:600}
.xp-mt{font-size:30px;line-height:1.05;font-weight:500;margin:10px 0 18px;color:var(--charcoal)}
.xp-mt b{font-weight:700;display:block}
.xp-ml{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:9px}
.xp-ml li{display:flex;gap:10px;align-items:center;font-size:15px}
.xp-ml svg{width:20px;height:20px;color:var(--gold);flex:0 0 20px}
.xp-mform{display:grid;gap:10px}
.xp-mform input[type=text],.xp-mform input[type=tel]{padding:14px 18px;border-radius:100px;border:1px solid rgba(0,0,0,.2);font:inherit;font-size:15px;width:100%}
.xp-mform .btn{width:100%;padding:14px;text-transform:uppercase;font-weight:600;letter-spacing:.02em}
.xp-mform .xp-bad{border-color:#e57373;box-shadow:0 0 0 2px rgba(229,115,115,.4)}
.xp-mdone{font-size:16px;line-height:1.5}
.xp-mfoot{margin-top:14px;font-size:12.5px;color:var(--mid-gray);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.xp-mst{display:inline-flex;gap:1px;color:#f5b301}
.xp-mst svg{width:13px;height:13px}
@media (max-width:700px){.xp-box{grid-template-columns:1fr;max-height:92vh;overflow:auto}.xp-mimg{height:170px}.xp-mbody{padding:24px 22px}.xp-mt{font-size:25px}}

/* /experiencia page */
.xp-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:10px}
.xp-list{list-style:none;padding:0;margin:0}
.xp-list li{display:grid;grid-template-columns:44px 1px 1fr;gap:20px;align-items:center;padding:20px 0}
.xp-list li+li{border-top:1px solid #e4dfd8}
.xp-list svg{width:38px;height:38px;color:var(--imperial)}
.xp-list i{display:block;width:1px;height:46px;background:var(--gold)}
.xp-list b{display:block;font-size:18px;font-weight:600}
.xp-list span{font-size:15px;line-height:1.5}
.xp-note{margin-top:22px;font-size:14px;color:var(--mid-gray)}
.xp-pics{position:relative;display:grid;grid-template-columns:1.618fr 1fr;grid-template-rows:auto auto;gap:0;border-radius:22px;overflow:hidden}
.xp-pics img{width:100%;height:100%;object-fit:cover;display:block}
.xp-pics img:first-child{grid-column:1/3;aspect-ratio:1.618/1}
.xp-pics img:nth-child(2),.xp-pics img:nth-child(3){aspect-ratio:1/1}
.xp-pics .xp-gr{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.xp-form select{width:100%}
.xp-form .chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;text-align:left}
.xp-form .chk input{width:auto;margin-top:3px}

.xp-hero{height:820px}
.xp-panel{width:36%;min-width:420px;padding:0 44px 44px;background:rgba(27,5,52,.55)}
.xp-kicker{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin-bottom:14px}
.xp-panel .panel-title{font-size:40px;max-width:none}
.xp-panel .panel-sub{max-width:none;font-size:17px}
.xp-quick{display:grid;gap:10px;margin-top:22px}
.xp-quick input,.xp-quick select{width:100%;font:inherit;font-size:15px;padding:13px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.95);color:var(--charcoal)}
.xp-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xp-chk{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.4;color:#fff}
.xp-chk input{width:auto!important;margin-top:2px;padding:0}
.xp-quick .btn{width:100%;padding:15px;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}
.xp-trust{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--gold);margin-top:2px}
.xp-wa{display:inline-flex;align-items:center;gap:10px;margin-top:16px;color:#fff;font-size:14px}
.xp-wa img{width:20px;height:20px}
.xp-cta{background:var(--imperial);color:#fff;padding:80px 0}
.xp-cta p{font-size:18px;margin-top:10px}
.xp-cta-btns{display:flex;gap:28px;align-items:center;margin-top:28px;flex-wrap:wrap}
.xp-cta .btn-outline{padding:14px 30px}
@media (max-width:900px){
 .xp-hero{height:auto;min-height:0;display:flex;flex-direction:column}
 .xp-hero .hero-bg{position:relative;height:340px;min-height:0;object-position:35% 30%!important}
 .xp-panel{position:relative;inset:auto;width:100%;min-width:0;padding:26px 20px 30px;background:var(--dark-purple);backdrop-filter:none}
 .xp-panel .panel-title{font-size:30px}
}

.xp-hero{height:860px}
.xp-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(27,5,52,.88) 0%,rgba(27,5,52,.7) 38%,rgba(27,5,52,.15) 62%,rgba(27,5,52,0) 70%)}
.xp-intro{position:absolute;z-index:2;left:6%;bottom:70px;width:40%;max-width:560px;color:#fff}
.xp-h1{font-size:clamp(34px,3.4vw,50px);line-height:1.02;font-weight:500;margin-bottom:18px}
.xp-h1 b{font-weight:700;display:block}
.xp-lead{font-size:17px;line-height:1.55}
.xp-inc{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}
.xp-inc li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.4}
.xp-inc svg{flex:0 0 22px;width:22px;height:22px;color:var(--gold);margin-top:1px}
.xp-inc b{font-weight:600}
.xp-free{margin-top:22px;padding-top:16px;border-top:1px solid rgba(186,173,142,.6);font-size:14px;color:var(--gold)}
.xp-panel{z-index:3}
.xp-panel .panel-title{font-size:32px}
@media (max-width:900px){
 .xp-hero{height:auto!important;min-height:0!important;display:flex;flex-direction:column;overflow:visible} .xp-hero .hero-bg{position:relative!important;height:320px!important;flex:0 0 320px} .xp-hero::after{display:none}
 .xp-intro{position:relative;left:auto;bottom:auto;width:100%;max-width:none;padding:28px 20px 6px;background:var(--dark-purple);z-index:2}
 .xp-panel{border-top:1px solid rgba(186,173,142,.5)}
 .xp-panel .panel-title{font-size:26px}
}

.xp-step{display:grid;gap:10px}
.xp-step[hidden],.xp-done[hidden],.xp-trust[hidden]{display:none}
.xp-stepn{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--gold)}
.xp-quick .xp-bad{border-color:#e57373;box-shadow:0 0 0 2px rgba(229,115,115,.5)}
.xp-done{display:grid;gap:12px;font-size:16px;line-height:1.5}
.xp-done-t{font-size:22px}
.xp-done .btn{justify-self:start;padding:12px 26px}
.xp-sticky{display:none}
@media (max-width:900px){
 .xp-sticky{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:80;text-align:center;background:var(--imperial);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:15px;padding:16px;border-radius:99px;box-shadow:0 8px 24px rgba(27,5,52,.35);transform:translateY(120%);transition:transform .3s}
 .xp-sticky.show{transform:none}
}

.xp-rating{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:#fff;margin-bottom:14px}
.xp-g{width:18px;height:18px}
.xp-st{display:inline-flex;gap:2px;color:#f5b301}
.xp-st svg{width:15px;height:15px}
.xp-revs{padding-top:30px}
.xp-revsub{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:16px}
.xp-revgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.xp-rev{background:#fff;border-radius:18px;padding:28px;margin:0;box-shadow:0 2px 14px rgba(27,5,52,.06);display:flex;flex-direction:column;gap:16px}
.xp-rev blockquote{margin:0;font-size:17px;line-height:1.55;flex:1}
.xp-rev figcaption{font-size:14px;color:var(--mid-gray)}
.xp-rev figcaption b{color:var(--charcoal);font-weight:600}
.xp-revnote{text-align:center;font-size:12.5px;color:var(--mid-gray);margin-top:18px}
@media (max-width:900px){.xp-revgrid{grid-template-columns:1fr}}
@media (max-width:900px){.xp-split{grid-template-columns:1fr;gap:36px}}
