/* Salsita Squad page — WPConvert. Upload to assets/css/squad.css.
   Page-scoped to avoid affecting WooCommerce, cart, header or other pages.
   Uses the brand palette defined in assets/css/style.css and brand.css. */
.page-squad { --squad-ink:var(--ink,#141110); color:var(--squad-ink); font-family:var(--body,'Spectral',Georgia,serif); }
.page-squad .page-content { width:100%; max-width:none; margin:0; padding:0; }
.page-squad .section-hero,.page-squad .section-content,.page-squad .section-cta,.page-squad .grid-layout-container {width:100%;max-width:none;margin:0;padding:0;display:block;}
.page-squad .wrap {max-width:1240px;margin-inline:auto;padding-inline:clamp(20px,5vw,72px);}
.page-squad .sec {padding-block:clamp(64px,9vw,132px);position:relative;overflow:hidden;}
.page-squad .sec-head {position:relative;z-index:1;max-width:65ch;}
.page-squad .kicker {font-family:var(--sans,'Poppins',sans-serif);font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;display:block;}
.page-squad h1,.page-squad h2,.page-squad h3,.page-squad h4 {font-family:var(--display,'Playfair Display',Georgia,serif);font-weight:900;line-height:1.06;letter-spacing:-.02em;}
.page-squad h2 {font-size:clamp(36px,5.2vw,64px);margin:.18em 0 .42em;}
.page-squad .lede {font-size:clamp(17px,1.5vw,20.5px);line-height:1.55;max-width:56ch;}
.page-squad .shero {background:var(--pink,#e04e71);color:#fff;position:relative;overflow:hidden;isolation:isolate;}
.page-squad .shero .wedge {position:absolute;inset:0;background:rgba(20,17,16,.13);clip-path:polygon(0 0,56% 0,42% 100%,0 100%);z-index:-1;}
.page-squad .shero-in {display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(26px,4.5vw,68px);align-items:center;padding-block:clamp(65px,8vw,112px);position:relative;z-index:1;}
.page-squad .shero h1 {font-size:clamp(43px,6.5vw,86px);margin:.16em 0 .3em;letter-spacing:-.035em;}
.page-squad .shero h1 em {font-weight:700;}
.page-squad .shero .lede {max-width:49ch;}
.page-squad .perks {display:flex;flex-wrap:wrap;gap:22px 28px;margin-top:28px;}
.page-squad .perks div {max-width:16ch;}
.page-squad .perks b {display:block;font-family:var(--display,Georgia,serif);font-size:clamp(26px,3vw,36px);font-weight:900;line-height:1;color:var(--yellow,#ffc334);}
.page-squad .perks span {display:block;margin-top:6px;font-family:var(--sans,sans-serif);font-size:11px;line-height:1.4;font-weight:600;letter-spacing:.13em;text-transform:uppercase;}
.page-squad .hero-cta {display:flex;flex-wrap:wrap;gap:14px;}
.page-squad .btn {display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border:2px solid transparent;border-radius:99px;font-family:var(--sans,sans-serif);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:normal;transition:transform .16s,background .16s;}
.page-squad .btn:hover {transform:translateY(-2px);}
.page-squad .btn-yellow {background:var(--yellow,#ffc334);color:var(--ink,#141110);}
.page-squad .btn-ghost-l {color:#fff;border-color:rgba(255,255,255,.8);background:transparent;}
.page-squad .btn-ghost-l:hover {background:#fff;color:var(--ink,#141110);}
.page-squad .squad-jars {position:relative;min-width:0;border:6px solid var(--cream,#f7f2e8);border-radius:16px;overflow:hidden;box-shadow:0 24px 48px rgba(0,0,0,.25);}
.page-squad .squad-jars .slides {position:relative;aspect-ratio:3/2;overflow:hidden;}
.page-squad .squad-jars .slides img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease;}
.page-squad .squad-jars .slides img.on {opacity:1;}
.page-squad .squad-jars .dots {position:absolute;bottom:12px;left:0;right:0;z-index:3;display:flex;justify-content:center;gap:8px;}
.page-squad .squad-jars .dots button {display:block;width:10px;height:10px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.6);box-shadow:0 1px 3px #0007;cursor:pointer;}
.page-squad .squad-jars .dots button[aria-current="true"] {background:var(--yellow,#ffc334);transform:scale(1.25);}
.page-squad .range {background:var(--cream,#f7f2e8);}
.page-squad .tiergrid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative;z-index:1;}
.page-squad .tcard {background:#fff;border-radius:14px;padding:22px 20px 24px;display:flex;flex-direction:column;border-top:6px solid var(--teal,#49b0a9);min-width:0;}
.page-squad .tcard:nth-child(2){border-top-color:var(--yellow,#ffc334)}
.page-squad .tcard:nth-child(3){border-top-color:var(--orange,#f2873e)}
.page-squad .tcard:nth-child(4){border-top-color:var(--red,#dd1c2c)}
.page-squad .tcard:nth-child(5){border-top-color:var(--ink,#141110);background:var(--ink,#141110);color:#fff}
.page-squad .tcard h4 {font-size:21px;margin:12px 0 2px;}
.page-squad .tcard .rq {font:700 10px var(--sans,sans-serif);letter-spacing:.14em;text-transform:uppercase;opacity:.65;}
.page-squad .tcard .rate {font:900 34px/1 var(--display,Georgia,serif);margin:14px 0 4px;}
.page-squad .tcard .rate small {display:block;margin-top:5px;font:600 11px var(--sans,sans-serif);letter-spacing:.1em;text-transform:uppercase;opacity:.65;}
.page-squad .tcard ul {list-style:none;margin:16px 0 0;padding:15px 0 0;border-top:1px solid #14111022;display:flex;flex-direction:column;gap:9px;font-size:14px;line-height:1.4;}
.page-squad .tcard:nth-child(5) ul {border-top-color:#ffffff33;}
.page-squad .tcard li {display:flex;gap:9px;}
.page-squad .tcard li:before {content:'›';font-weight:700;color:var(--red,#dd1c2c);flex:none;}
.page-squad .tcard:nth-child(5) li:before {color:var(--yellow,#ffc334);}
.page-squad .heat {display:inline-flex;gap:4px;align-items:center;}
.page-squad .heat i {display:block;width:9px;height:9px;border-radius:50%;background:#14111028;}
.page-squad .heat i.on {background:var(--red,#dd1c2c);}
.page-squad .tcard:nth-child(5) .heat i {background:#ffffff44;}
.page-squad .tcard:nth-child(5) .heat i.on {background:var(--yellow,#ffc334);}
.page-squad .flow {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;counter-reset:squad-step;}
.page-squad .step {position:relative;padding-top:38px;}
.page-squad .step:before {counter-increment:squad-step;content:counter(squad-step,decimal-leading-zero);position:absolute;top:0;left:0;width:34px;height:34px;border-radius:50%;background:var(--cream,#f7f2e8);color:var(--red,#dd1c2c);display:grid;place-items:center;font:800 12px var(--sans,sans-serif);}
.page-squad .step:after {content:'';position:absolute;top:16px;left:40px;right:-12px;height:2px;background:#14111024;}
.page-squad .step:last-child:after {display:none;}
.page-squad .step b {display:block;font:800 17px/1.2 var(--display,Georgia,serif);}
.page-squad .step span {display:block;margin-top:6px;font-size:14px;line-height:1.45;opacity:.8;}
.page-squad .squad {background:var(--pink,#e04e71);color:#fff;}
.page-squad .squad-in {position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(28px,4.5vw,68px);align-items:center;}
.page-squad .season {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.page-squad .mon {background:#fff;border-radius:12px;padding:18px 20px;border-left:5px solid var(--teal,#49b0a9);}
.page-squad .mon.now {background:var(--yellow,#ffc334);border-left-color:var(--red,#dd1c2c);}
.page-squad .mon .m {font:800 10.5px var(--sans,sans-serif);letter-spacing:.18em;text-transform:uppercase;opacity:.6;}
.page-squad .mon b {display:block;margin:5px 0;font:800 19px/1.15 var(--display,Georgia,serif);}
.page-squad .mon span {display:block;font-size:13.5px;line-height:1.4;opacity:.8;}
.page-squad .readybox {background:#fff;color:var(--ink,#141110);border-radius:14px;padding:clamp(24px,3vw,42px);}
.page-squad .ready {list-style:none;counter-reset:ready-step;display:flex;flex-direction:column;gap:14px;margin:20px 0 0;padding:0;}
.page-squad .ready li {counter-increment:ready-step;display:grid;grid-template-columns:26px 1fr;gap:2px 12px;}
.page-squad .ready li:before {content:counter(ready-step,decimal-leading-zero);grid-row:1/3;color:var(--red,#dd1c2c);font:800 12px var(--sans,sans-serif);}
.page-squad .ready b,.page-squad .ready span {grid-column:2;}
.page-squad .ready b {font:800 17px var(--display,Georgia,serif);}
.page-squad .ready span {font-size:14.5px;opacity:.75;}
.page-squad .chiles {pointer-events:none;}
@media(max-width:1050px){.page-squad .tiergrid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-squad .flow{grid-template-columns:repeat(3,minmax(0,1fr))}.page-squad .shero-in,.page-squad .squad-in{grid-template-columns:1fr}.page-squad .squad-jars{max-width:700px;width:100%;}}
@media(max-width:700px){.page-squad .tiergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-squad .season{grid-template-columns:repeat(2,minmax(0,1fr))}.page-squad .flow{grid-template-columns:repeat(2,minmax(0,1fr))}.page-squad .step:after{display:none}.page-squad .shero .wedge{clip-path:polygon(0 0,100% 0,100% 35%,0 60%)}.page-squad .shero-in{padding-block:54px 70px}.page-squad .shero h1{font-size:clamp(40px,9vw,64px)}}
@media(max-width:450px){.page-squad .tiergrid{grid-template-columns:1fr}.page-squad .season{grid-template-columns:1fr}.page-squad .flow{grid-template-columns:1fr 1fr}.page-squad .perks{gap:18px}.page-squad .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.page-squad .squad-jars .slides img{transition:none}}