.landing{--green:#99c353;--green-dark:#7da340;--teal:#6dc1bd;--dark:#1a1a1a;--gray-700:#555;--gray-400:#aaa;--gray-200:#e8e8e8;--white:#fff;--bg:#f5f5f0;font-family:var(--font-outfit),"Outfit",sans-serif;color:var(--dark);background:var(--bg)}.landing .section{display:flex;justify-content:center;position:relative;scroll-snap-align:start}.landing .section,.two-col{min-height:100vh;align-items:center}.two-col{display:grid;grid-template-columns:1fr 1fr;max-width:1100px;width:100%;margin:0 auto;padding:0 40px;gap:60px}.col{flex-direction:column}.col,.col-phone{display:flex;justify-content:center}.col-phone{align-items:center}.phone{width:280px;height:580px;background:var(--white);border-radius:36px;box-shadow:0 0 0 3px var(--dark),0 40px 80px rgba(0,0,0,.25),0 10px 30px rgba(0,0,0,.15);position:relative;overflow:hidden;flex-shrink:0}.phone:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100px;height:24px;background:var(--dark);border-radius:0 0 16px 16px;z-index:10}.phone-content{width:100%;height:100%;padding:32px 16px 16px;flex-direction:column}.hero,.phone-content{overflow:hidden;display:flex}.hero{background:linear-gradient(160deg,#1a2a1a,#0d1f0d 50%,#0a1a1a);align-items:center;justify-content:center;padding:40px 0}.hero:before{top:-50%;right:-30%;width:800px;height:800px;background:radial-gradient(circle,rgba(153,195,83,.15) 0,transparent 60%);animation:pulse-glow 6s ease-in-out infinite}.hero:after,.hero:before{content:"";position:absolute}.hero:after{bottom:-30%;left:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(109,193,189,.12) 0,transparent 60%);animation:pulse-glow 6s ease-in-out 3s infinite}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}.hero-content{position:relative;z-index:2;gap:40px;max-width:1200px;width:100%;margin:0 auto;padding:0 40px}.hero-content,.hero-text{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-logo{display:flex;align-items:center;gap:12px;margin-bottom:32px;opacity:0;animation:fadeUp .8s ease .2s forwards}.logo-isotipo{width:40px;height:40px;object-fit:contain}.logo-isotipo-hero{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(109,193,189,.3))}.logo-isotipo-closing{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 16px rgba(109,193,189,.3));animation:float 4s ease-in-out infinite}.logo-isotipo-phone{width:28px;height:28px;object-fit:contain}.logo-mark{font-family:var(--font-sora),"Sora",sans-serif;font-weight:800;font-size:28px;letter-spacing:-1px}.logo-mark .t{color:var(--teal)}.logo-mark .g{color:var(--green)}.logo-sub{font-size:10px;font-weight:600;color:var(--gray-400);letter-spacing:3px;text-transform:uppercase}.hero h1{font-family:var(--font-sora),"Sora",sans-serif;font-size:56px;font-weight:800;line-height:1.05;color:var(--white);letter-spacing:-2px;margin-bottom:20px;opacity:0;animation:fadeUp .8s ease .4s forwards}.hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--green),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:var(--gray-400);line-height:1.6;max-width:520px;margin-bottom:40px;opacity:0;animation:fadeUp .8s ease .6s forwards;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:30px;background:rgba(153,195,83,.12);border:1px solid rgba(153,195,83,.25);color:#99c353;font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:24px;opacity:0;animation:fadeUp .8s ease .3s forwards}.hero-phone{opacity:0;animation:fadeUp 1s ease .8s forwards}.hero-phone .phone{box-shadow:0 0 0 3px hsla(0,0%,100%,.15),0 40px 80px rgba(0,0,0,.5),-20px 20px 60px rgba(109,193,189,.15),20px 20px 60px rgba(153,195,83,.1)}.features-strip{display:flex;gap:32px;flex-wrap:wrap;justify-content:center;margin-top:40px;opacity:0;animation:fadeUp .8s ease 1s forwards}.feature-chip{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:30px;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.04);color:var(--gray-400);font-size:13px;font-weight:500}.feature-chip-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;border-radius:30px;background:var(--green);color:var(--white);font-size:16px;font-weight:700;text-decoration:none;letter-spacing:.5px;transition:all .3s ease;opacity:0;animation:fadeUp .8s ease .55s forwards}.cta-button:hover{background:var(--green-dark);transform:scale(1.05);box-shadow:0 8px 24px rgba(153,195,83,.3)}.cta-closing{opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1);animation:none}.cta-closing.visible{opacity:1;transform:translateY(0)}.feature-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--teal);margin-bottom:16px;padding:6px 14px;background:rgba(109,193,189,.12);border-radius:20px}.feature-title{font-family:var(--font-sora),"Sora",sans-serif;font-size:40px;font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:16px}.feature-desc{font-size:16px;color:var(--gray-700);line-height:1.7;max-width:400px}.bg-white{background:var(--white)}.bg-green-fade{background:linear-gradient(180deg,#f0f4e8 0,var(--bg) 100%)}.bg-beige-fade{background:linear-gradient(180deg,var(--bg) 0,#e8ede0 100%)}.admin-header{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-radius:14px;padding:14px;margin-bottom:12px;color:var(--white)}.ah-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ah-title{font-weight:700;font-size:14px}.ah-badge{font-size:9px;background:hsla(0,0%,100%,.2);padding:3px 10px;border-radius:10px}.ah-welcome{font-size:11px;color:var(--gray-400)}.fichas-card{border:1.5px solid #fdd;border-radius:14px;padding:12px;margin-bottom:12px}.fichas-title{font-weight:700;font-size:13px;margin-bottom:8px;display:flex;justify-content:space-between}.fichas-title span{color:var(--gray-400);font-weight:400;font-size:11px}.fichas-badges{display:flex;gap:8px}.badge{font-size:10px;padding:3px 10px;border-radius:10px;font-weight:500}.badge-green{background:#e8f5e0;color:#4a8c2a}.badge-red{background:#fde8e8;color:#c44}.badge-gray{background:#f0f0f0;color:#888}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-card{background:var(--bg);border-radius:14px;padding:14px;text-align:center}.admin-card-icon{width:32px;height:32px;border-radius:10px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:14px}.admin-card-title{font-weight:600;font-size:11px;margin-bottom:2px}.admin-card-sub{font-size:9px;color:var(--gray-400)}.icon-green{background:#e8f5e0}.icon-teal{background:#e0f5f3}.icon-purple{background:#ece0f5}.icon-blue{background:#e0eef5}.icon-orange{background:#f5ece0}.icon-yellow{background:#f5f3e0}.socio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;color:var(--gray-400)}.socio-greeting{font-weight:800;font-size:20px}.socio-id{font-size:12px;color:var(--gray-400);margin-bottom:14px}.saldo-card{background:var(--white);border-radius:14px;padding:16px;margin-bottom:10px;border:1px solid var(--gray-200)}.saldo-label{font-size:11px;color:var(--gray-400);margin-bottom:4px}.saldo-row{display:flex;justify-content:space-between;align-items:center}.saldo-amount{font-family:var(--font-sora),"Sora",sans-serif;font-weight:800;font-size:24px}.saldo-dot{display:inline-block;width:10px;height:10px;background:var(--green);border-radius:50%;margin-right:6px}.saldo-cargar{font-weight:600}.mensualidad-card,.saldo-cargar{font-size:12px;color:var(--green-dark)}.mensualidad-card{background:#f0f8e0;border:1.5px solid #d4e8a8;border-radius:14px;padding:12px 16px;font-weight:500;margin-bottom:14px}.socio-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.socio-card{background:var(--white);border:1.5px solid #e0e8d0;border-radius:14px;padding:14px;text-align:center}.socio-card-icon{width:36px;height:36px;border-radius:10px;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:16px}.socio-card-title{font-weight:600;font-size:12px;margin-bottom:2px}.socio-card-sub{font-size:9px;color:var(--gray-400)}.reserva-stepper{display:flex;align-items:center;gap:6px;margin-bottom:16px}.step{gap:4px}.step,.step-num{display:flex;align-items:center;font-size:10px}.step-num{width:22px;height:22px;border-radius:50%;justify-content:center;font-weight:700}.step-active .step-num{background:var(--green-dark);color:var(--white)}.step-inactive .step-num{background:var(--gray-200);color:var(--gray-400)}.step-line{width:20px;height:2px;background:var(--gray-200)}.day-pills{display:flex;gap:8px;margin-bottom:14px}.day-pill{padding:10px 14px;border-radius:14px;text-align:center;font-size:10px;font-weight:600}.day-pill.active{background:var(--green-dark);color:var(--white)}.day-pill.inactive{background:var(--gray-200);color:var(--gray-700)}.day-pill-big{font-size:18px;font-weight:800;display:block;line-height:1;margin-bottom:2px}.cancha-pills{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.cancha-pill{padding:8px 14px;border-radius:20px;font-size:11px;font-weight:500;border:1.5px solid var(--gray-200);color:var(--gray-700)}.cancha-pill.active{border-color:var(--green-dark);background:#f5f8ee;color:var(--green-dark);font-weight:600}.cancha-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cancha-name{font-weight:700;font-size:14px}.cancha-type{font-size:10px;color:var(--gray-400);display:flex;align-items:center;gap:4px}.cancha-type-dot{width:8px;height:8px;border-radius:50%;background:#c83}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.time-slot{padding:10px;border-radius:12px;text-align:center;font-size:12px;font-weight:500;background:#f5f8ee;color:var(--green-dark);border:1.5px solid #e0e8d0}.time-slot.selected{background:var(--green);color:var(--white);border-color:var(--green);font-weight:700}.time-slot.occupied{background:var(--gray-200);color:var(--gray-400);text-decoration:line-through;border-color:transparent}.phone-section-label{font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--gray-400);margin-bottom:4px}.confirm-card{background:var(--white);border-radius:14px;padding:14px;margin-bottom:12px;border:1px solid var(--gray-200)}.confirm-title{font-weight:700;font-size:13px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.confirm-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f5f5f5;font-size:11px}.confirm-row:last-child{border:none}.confirm-label{color:var(--gray-400)}.confirm-value{font-weight:600}.free-banner{background:#f0f8e0;border:1.5px solid #d4e8a8;border-radius:14px;padding:12px;font-size:11px;color:var(--green-dark);font-weight:500;margin-bottom:12px;text-align:center}.match-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.match-type{border-radius:14px;padding:12px;text-align:center;border:2px solid var(--gray-200)}.match-type.active{border-color:var(--green-dark);background:#fafcf5}.match-type-name{font-weight:700;font-size:12px;margin-bottom:2px}.match-type-desc{font-size:9px;color:var(--gray-400)}.players-label{font-size:10px;font-weight:700;color:var(--gray-700);margin-bottom:6px;display:flex;justify-content:space-between}.player-pill{display:inline-block;padding:6px 12px;border-radius:20px;font-size:10px;font-weight:500;margin-right:6px}.player-you{background:#f0f8e0;color:var(--green-dark);border:1px solid #d4e8a8}.player-other{background:var(--gray-200);color:var(--gray-700)}.confirm-buttons{display:flex;gap:8px;margin-top:8px}.btn-cancel{flex:1;border-radius:14px;font-weight:600;border:1.5px solid var(--gray-200);color:var(--gray-700)}.btn-cancel,.btn-confirm{padding:12px;text-align:center;font-size:12px}.btn-confirm{flex:1.5;border-radius:14px;font-weight:700;background:var(--green-dark);color:var(--white)}.closing{background:linear-gradient(160deg,#0d1f0d,#0a1a1a 50%,#1a1a2a);text-align:center;overflow:hidden}.closing:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(153,195,83,.08) 0,transparent 60%)}.closing-content{position:relative;z-index:2}.closing-logo{font-family:var(--font-sora),"Sora",sans-serif;font-weight:800;font-size:48px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:16px}.closing-logo .t{color:var(--teal)}.closing-logo .g{color:var(--green)}.closing-sub{font-size:12px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--gray-400);margin-bottom:60px}.proximamente{font-family:var(--font-sora),"Sora",sans-serif;font-size:64px;font-weight:800;letter-spacing:-2px;background:linear-gradient(135deg,var(--green),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px;opacity:0;transform:scale(.8);transition:all 1s cubic-bezier(.16,1,.3,1)}.proximamente.visible{opacity:1;transform:scale(1)}.closing-dots{display:flex;gap:12px;justify-content:center;margin-bottom:60px}.closing-dot{width:8px;height:8px;border-radius:50%;opacity:0;transition:opacity .5s ease}.closing-dot:first-child{background:var(--green);transition-delay:.5s}.closing-dot:nth-child(2){background:var(--teal);transition-delay:.7s}.closing-dot:nth-child(3){background:var(--green);transition-delay:.9s}.closing-dot.visible{opacity:1}.closing-footer-logo{max-width:220px;opacity:.7}.closing-email-link{display:inline-flex;align-items:center;gap:12px;padding:16px 36px;border-radius:40px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:var(--green);font-size:20px;font-weight:600;text-decoration:none;letter-spacing:.5px;transition:all .3s ease}.closing-email-link:hover{background:hsla(0,0%,100%,.12);border-color:rgba(153,195,83,.3)}.login-screen{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:20px}.login-screen .mock-logo{font-family:var(--font-sora),"Sora",sans-serif;font-weight:800;font-size:22px}.login-screen .club-name{font-weight:700;font-size:18px}.login-screen .club-city{font-size:13px;color:var(--gray-400);margin-bottom:8px}.mock-input{width:100%;background:var(--gray-200);border-radius:12px;padding:14px 16px;font-size:12px;color:var(--gray-400)}.mock-label{font-size:10px;font-weight:700;letter-spacing:.5px;align-self:flex-start;margin-top:8px}.mock-btn{width:100%;background:var(--green-dark);color:var(--white);border-radius:14px;padding:14px;text-align:center;font-weight:600;font-size:14px;margin-top:12px}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-phone{opacity:0;transform:translateY(60px) scale(.95);transition:all 1s cubic-bezier(.16,1,.3,1)}.reveal-phone.visible{opacity:1;transform:translateY(0) scale(1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.phone-float{animation:float 4s ease-in-out infinite}.section-counter{position:absolute;top:40px;left:40px;font-family:var(--font-sora),"Sora",sans-serif;font-size:120px;font-weight:900;color:rgba(0,0,0,.03);line-height:1;pointer-events:none}.nav-dots{position:fixed;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:14px;z-index:100}.nav-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--gray-400);background:transparent;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);padding:0;outline:none}.nav-dot:hover{border-color:var(--green);background:rgba(153,195,83,.25);transform:scale(1.3)}.nav-dot.active{border-color:var(--green);background:var(--green);transform:scale(1.2);box-shadow:0 0 8px rgba(153,195,83,.5)}.nav-dot-label{position:absolute;right:24px;background:var(--dark);color:var(--white);font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;transform:translateY(-50%);top:50%}.nav-dot-wrap{position:relative;display:flex;align-items:center}.nav-dot-wrap:hover .nav-dot-label{opacity:1}@media (max-width:900px){.hero-content{grid-template-columns:1fr;gap:20px;padding:20px;text-align:center}.hero-text{align-items:center}.features-strip,.hero-phone{justify-content:center}.two-col{grid-template-columns:1fr 1fr;gap:20px;padding:0 16px}.hero h1{font-size:28px}.hero-subtitle{text-align:center;margin:0 auto 30px}.feature-title{font-size:22px}.feature-desc{font-size:13px;line-height:1.5}.feature-tag{font-size:9px;padding:4px 10px;margin-bottom:10px;letter-spacing:2px}.proximamente{font-size:40px}.landing{scroll-snap-type:none}.phone{width:160px;height:330px;border-radius:22px}.phone:before{width:60px;height:16px;border-radius:0 0 10px 10px}.phone-content{padding:22px 10px 10px}.admin-header{padding:8px;margin-bottom:6px;border-radius:10px}.ah-title{font-size:10px}.ah-badge{font-size:7px;padding:2px 6px}.ah-welcome{font-size:8px}.fichas-card{padding:6px;margin-bottom:6px;border-radius:10px}.fichas-title{font-size:9px;margin-bottom:4px}.fichas-title span{font-size:8px}.badge{font-size:7px;padding:2px 5px}.admin-grid{gap:4px}.admin-card{padding:6px;border-radius:8px}.admin-card-icon{width:20px;height:20px;font-size:9px;margin-bottom:3px;border-radius:6px}.admin-card-title{font-size:7px}.admin-card-sub{font-size:6px}.socio-header{font-size:8px;margin-bottom:3px}.socio-greeting{font-size:13px}.socio-id{font-size:8px;margin-bottom:6px}.saldo-card{padding:8px;margin-bottom:6px;border-radius:10px}.saldo-label{font-size:8px}.saldo-amount{font-size:15px}.saldo-cargar{font-size:8px}.saldo-dot{width:6px;height:6px}.mensualidad-card{padding:6px 8px;font-size:8px;margin-bottom:8px;border-radius:10px}.socio-grid{gap:4px}.socio-card{padding:6px;border-radius:8px}.socio-card-icon{width:22px;height:22px;font-size:10px;margin-bottom:3px;border-radius:6px}.socio-card-title{font-size:8px}.socio-card-sub{font-size:6px}.reserva-stepper{margin-bottom:8px;gap:3px}.step,.step-num{font-size:7px}.step-num{width:16px;height:16px}.step-line{width:10px}.day-pills{gap:4px;margin-bottom:8px}.day-pill{padding:5px 8px;font-size:7px;border-radius:8px}.day-pill-big{font-size:12px}.cancha-pills{gap:3px;margin-bottom:8px}.cancha-pill{padding:4px 8px;font-size:8px;border-radius:12px}.cancha-header{margin-bottom:6px}.cancha-name{font-size:10px}.cancha-type{font-size:7px}.cancha-type-dot{width:6px;height:6px}.time-grid{gap:3px}.time-slot{padding:5px;font-size:8px;border-radius:6px}.phone-section-label{font-size:6px}.confirm-card{padding:8px;margin-bottom:6px;border-radius:10px}.confirm-title{font-size:9px;margin-bottom:6px}.confirm-row{font-size:8px;padding:3px 0}.free-banner{padding:6px;font-size:8px;margin-bottom:6px;border-radius:10px}.match-type-grid{gap:4px;margin-bottom:6px}.match-type{padding:6px;border-radius:8px}.match-type-name{font-size:8px}.match-type-desc{font-size:6px}.player-pill,.players-label{font-size:7px}.player-pill{padding:3px 6px;border-radius:10px}.confirm-buttons{gap:4px;margin-top:4px}.btn-cancel,.btn-confirm{padding:6px;font-size:8px;border-radius:8px}.section-counter{font-size:60px;top:20px;left:16px}.logo-isotipo-phone{width:16px;height:16px}.closing-logo{font-size:32px}.closing-sub{font-size:9px;letter-spacing:2px;margin-bottom:30px}.closing-footer-logo{max-width:140px}.logo-isotipo-closing{width:36px;height:36px}.features-strip{gap:12px;margin-top:20px}.feature-chip{padding:6px 12px;font-size:11px}.nav-dots{right:10px;gap:10px}.nav-dot{width:9px;height:9px;border-width:1.5px}.nav-dot-label{display:none}.cta-button{padding:10px 24px;font-size:14px}.closing-email-link{padding:12px 24px;font-size:16px}}