/* Diseño y movimiento del landing público. */
:root{--v:#00c853;--vo:#009940;--vs:rgba(0,200,83,.10);--vb:rgba(0,200,83,.22);--gris-bg:#f2f6f4;--borde:#e0eae5;--texto:#0c1c14;--suave:#5a7467;}
body{background:var(--gris-bg);}
nav{background:#0c1c14;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:none;transition:background .35s ease,box-shadow .35s ease,padding .35s ease;}
nav .logo-main{font-family:"Manrope",sans-serif;font-size:14px;font-weight:800;letter-spacing:1.1px;line-height:1.1;}
nav.is-scrolled{background:#0c1c14;box-shadow:0 12px 34px rgba(0,0,0,.16);}
.hero{min-height:70vh;min-height:70svh;background:#082017;align-items:flex-end;padding:70px 48px 40px;isolation:isolate;}
.hero-bg-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;}
.hero::after{content:none;}
.hero-overlay{background:linear-gradient(180deg,rgba(5,20,10,.55) 0%,rgba(5,20,10,.82) 100%);}
.hero-content{max-width:700px;}
.hero-badge{color:var(--v);background:var(--vs);border-color:var(--vb);box-shadow:none;letter-spacing:1.4px;}
h1{font-size:clamp(54px,9vw,110px);letter-spacing:1px;line-height:.92;text-shadow:none;margin-bottom:18px;}
h1 .verde{color:var(--v);}
h1 .outline{-webkit-text-stroke:0;color:#fff;}
.hero-desc{color:rgba(255,255,255,.7);font-size:17px;max-width:500px;}
.hero-btns{margin-bottom:44px;}
.btn-primary,.btn-sec,.btn-wsp-big{border-radius:999px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;}
.btn-primary{background:var(--v);color:#fff;box-shadow:0 16px 36px rgba(0,200,83,.22);}
.btn-primary:hover{background:var(--vo);transform:translateY(-4px);box-shadow:0 20px 42px rgba(0,200,83,.30);}
.btn-sec{backdrop-filter:blur(10px);}
.btn-sec:hover{transform:translateY(-4px);}
.hero-stats{gap:36px;}
.hst-n{color:var(--v);}
.hst-l{color:rgba(255,255,255,.66);}
.banner{position:relative;z-index:2;width:min(1536px,calc(100% - 48px));margin:-24px auto 0;padding:18px 22px;border:1px solid var(--borde);border-top:3px solid var(--v);border-radius:18px;background:#fff;box-shadow:0 18px 46px rgba(5,37,20,.13);display:grid;grid-template-columns:1.4fr 1.05fr .9fr 1.5fr;align-items:center;gap:0;}
.bn-i{min-width:0;white-space:normal;align-items:center;gap:11px;padding:0 20px;}
.bn-i:first-child{padding-left:0;}
.bn-i:last-child{padding-right:0;}
.bn-i:not(:first-child){border-left:1px solid var(--borde);}
.bn-i>div{min-width:0;}
.bn-icon{display:grid;flex:none;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--vs);font-size:17px;line-height:1;}
.bn-lbl{font-size:10px;letter-spacing:1.5px;color:#51715f;}
.bn-val{font-size:12px;line-height:1.35;}
.bn-sep{display:none;}
@media(max-width:900px){.banner{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bn-i{padding:0;border:0!important}}
section:not(.hero):not(.ranking-publico):not(.clientes-section){padding-top:110px;padding-bottom:110px;}
.eyebrow{color:#0a9550;letter-spacing:2px;}
.sec-title{font-size:clamp(44px,5.8vw,72px);letter-spacing:.1px;}
.canchas-grid{gap:18px;}
.c-card{border-radius:22px;box-shadow:0 10px 24px rgba(16,44,26,.035);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;}
.c-card:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(14,80,42,.14);border-color:rgba(0,200,83,.5);}
.svcs-grid{gap:14px;background:transparent;overflow:visible;}
.svc{border:1px solid var(--borde);border-radius:22px;box-shadow:0 10px 26px rgba(10,45,23,.04);transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease;}
.svc:hover{transform:translateY(-8px);background:#fff;border-color:rgba(0,200,83,.48);box-shadow:0 20px 42px rgba(11,75,36,.11);}
.svc-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#e8f8ed;}
.galeria-viewport{border-radius:22px;}
.galeria-track .gal-item{border-radius:16px;}
.galeria-track .gal-item img{transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .5s;}
.galeria-track .gal-item:hover img{transform:scale(1.1);filter:saturate(1.18);}
.galeria-track .gal-item .gal-cap{background:linear-gradient(0deg,rgba(2,21,11,.82),transparent 80%);align-items:flex-end;justify-content:flex-start;}
.cta-inner{border-radius:30px;background:linear-gradient(120deg,#071d14,#0d3d26 65%,#07572d);box-shadow:0 24px 50px rgba(3,40,22,.15);}
.btn-wsp-big:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(37,211,102,.3);}
.nav-mobile{display:none;align-items:center;gap:9px;margin-left:auto;}
.nav-mobile-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:999px;background:var(--v);color:#fff;text-decoration:none;font-size:13px;font-weight:800;}
.nav-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;}
.nav-toggle svg{width:21px;height:21px;}
.mobile-menu{position:absolute;top:100%;left:0;right:0;display:grid;gap:4px;padding:12px 18px 18px;background:rgba(7,28,19,.98);border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 18px 30px rgba(0,0,0,.23);}
.mobile-menu[hidden]{display:none;}
.mobile-menu a{color:#fff;text-decoration:none;font-size:15px;font-weight:650;padding:12px 10px;border-radius:10px;}
.mobile-menu a:hover,.mobile-menu a:focus-visible{background:rgba(255,255,255,.1);}
.nav-mobile-cta:focus-visible,.nav-toggle:focus-visible,.galeria-viewport:focus-visible,.gal-item:focus-visible,.gal-arrow:focus-visible,.gal-dot:focus-visible{outline:3px solid #8af6ad;outline-offset:3px;}
.m-det{border:1px solid var(--borde);}
.m-det .mdr{gap:16px;}
.m-det .mdr span:last-child{text-align:right;}
.fecha-selector{width:190px;min-height:46px;padding:0 15px;border:1px solid var(--borde);border-radius:12px;background:#fff;color:var(--texto);font:700 15px/1 Manrope,sans-serif;box-shadow:0 4px 14px rgba(10,45,23,.04);cursor:pointer;color-scheme:light;}
.fecha-selector:hover{border-color:#66c98c;}
.fecha-selector:focus-visible{outline:3px solid rgba(0,200,83,.34);outline-offset:2px;border-color:var(--vo);}
.fecha-selector::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;}
#inp-fecha-wrap2 .fecha-selector{width:100%;}
.galeria-viewport{touch-action:pan-y;}
.galeria-track .gal-item:focus-visible{outline:3px solid #0ba254;outline-offset:-3px;}
section[id]{scroll-margin-top:68px;}
@media(min-width:901px) and (max-height:800px){.hero{padding:42px 40px 28px}h1{font-size:clamp(54px,6vw,80px)}.hero-badge{margin-bottom:12px}.hero-desc{margin-bottom:20px}.hero-btns{margin-bottom:24px}}
@media(max-width:900px){.hero{padding:90px 20px 42px;min-height:70vh;min-height:70svh}.banner{padding:16px 20px;gap:16px}.bn-i{white-space:normal}.bn-sep{display:none}section:not(.hero):not(.ranking-publico):not(.clientes-section){padding-top:80px;padding-bottom:80px}.hero-stats{gap:16px}}
@media(max-width:600px){h1{font-size:clamp(61px,15vw,92px)}.hero-desc{font-size:15px}.hero-btns{margin-bottom:36px}.hero-stats{gap:14px}.hst-sep{display:none}.hst{width:calc(50% - 10px)}.banner{width:calc(100% - 24px);margin-top:-18px;display:grid;grid-template-columns:1fr;gap:12px}.bn-icon{width:30px;height:30px}.svcs-grid{gap:10px}}
@media(max-width:900px){.nav-mobile{display:flex}.modal{padding:24px;max-height:calc(100dvh - 24px)}}
@media(max-width:440px){nav{padding:8px 12px}.logo-img{width:40px;height:40px}.logo-main{font-size:15px}.logo-sub{font-size:8px}.nav-mobile-cta{padding:0 12px;min-height:39px}.nav-toggle{width:39px;height:39px}.modal{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hero-bg-img{transform:none!important}}