/* Original static product showcase, loaded only on the public presentation. */
.ffpro-beta-page{padding-top:4px}.ffpro-beta-hero{position:relative;border-radius:20px;background:radial-gradient(ellipse at 82% 8%,#1c694332,transparent 58%),#082f23}.ffpro-beta-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 60%,#b9ff2c06 60%,#b9ff2c06 61%,transparent 61%)}.ffpro-beta-visual{box-shadow:0 22px 55px #0005;transform:perspective(1000px) rotateY(-9deg) rotate(3deg)}
.ffpro-beta-feature-nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-bottom:1px solid #c6dacd;padding:24px 4px;font:700 12px/1.5 Arial,sans-serif}.ffpro-beta-feature-nav>span{font-size:9px;letter-spacing:.12em;color:#547362;margin-right:auto}.ffpro-beta-feature-nav a{color:#0b573d!important;text-decoration:none!important;padding:6px 0}.ffpro-beta-feature-nav a:hover{color:#08764b!important;box-shadow:0 2px #08764b}.ffpro-beta-feature-nav a:focus-visible{outline:3px solid #08764b;outline-offset:4px}
.ffpro-beta-includes{background:transparent;border:0;padding:0;margin:48px 0}.ffpro-beta-includes>header{display:grid;grid-template-columns:1.2fr 1fr;column-gap:55px;max-width:none;margin:0 0 30px}.ffpro-beta-includes .ffpro-beta-eyebrow{grid-column:1;grid-row:1}.ffpro-beta-includes h2{grid-column:1;grid-row:2;font-size:clamp(30px,3.2vw,43px)!important;line-height:1.05!important;margin:12px 0!important;max-width:620px}.ffpro-beta-includes>header>p{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0!important}.ffpro-beta-preview-note{grid-column:1 / -1;color:#607969;font-size:11px;margin-top:12px}
.ffpro-beta-modules{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.ffpro-beta-module{grid-column:span 4;position:relative;border:1px solid #c9ddcf;border-radius:15px;padding:25px;background:#fff;box-shadow:0 5px 16px #153d2710;overflow:hidden;transition:transform .18s,border-color .18s}.ffpro-beta-module:hover{transform:translateY(-3px);border-color:#71a783}.ffpro-beta-module--pizarra{grid-column:span 7;background:#0b3024;border-color:#0b3024;box-shadow:0 14px 30px #092e2221}.ffpro-beta-module--ejercicios{grid-column:span 5;background:#edf5ee}.ffpro-beta-module--partidos{grid-column:span 7;background:#e5f0e8}.ffpro-beta-module--abp{grid-column:span 5}.ffpro-beta-module--asistencias{grid-column:span 5}.ffpro-beta-module--plantillas{grid-column:span 7;background:#f1f6eb}.ffpro-beta-module{scroll-margin-top:110px}.ffpro-beta-module-top{margin-bottom:15px}.ffpro-beta-module-top>span{background:#edf5ee;border-radius:5px;padding:6px 9px;font-size:10px}.ffpro-beta-module-top>svg{width:25px;height:25px;stroke-width:1.5}.ffpro-beta-page .ffpro-beta-module h3{margin:0 0 12px!important;font-size:22px!important;line-height:1.12!important;letter-spacing:-.025em}.ffpro-beta-page .ffpro-beta-module--pizarra h3{color:#f4f9ed!important;font-size:30px!important}.ffpro-beta-page .ffpro-beta-module--pizarra p{color:#bfd7c7!important}.ffpro-beta-module--pizarra .ffpro-beta-module-top>span{background:#b9ff2c;color:#0b3024}.ffpro-beta-module--pizarra .ffpro-beta-module-top>svg{color:#b9ff2c}.ffpro-beta-module--pizarra li{color:#d5e8d9!important}.ffpro-beta-module--pizarra li::marker{color:#b9ff2c}.ffpro-beta-module ul{margin-top:19px!important}.ffpro-beta-module li{font-size:13px!important;line-height:1.6!important;margin-bottom:8px!important}
.ffpro-showcase{margin:18px 0 16px;padding:16px;border:1px solid #cadecf;border-radius:10px;background:#f8fcf8;color:#0b3024;box-shadow:0 6px 15px #082c2109}.ffpro-showcase *{box-sizing:border-box}.ffpro-showcase-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;font:800 8px/1.3 Arial,sans-serif;letter-spacing:.09em;color:#5d7e68;margin-bottom:14px}.ffpro-showcase-toolbar>span:last-child{font-size:7px;white-space:nowrap}.ffpro-showcase--pizarra{background:#143e2d;border-color:#39644d;padding:12px}.ffpro-showcase--pizarra .ffpro-showcase-toolbar{color:#c1dcca}.ffpro-showcase--pizarra svg{width:100%;height:180px;display:block}.ffpro-showcase-timeline{display:flex;gap:6px;align-items:center;margin-top:12px}.ffpro-showcase-timeline i{display:block;width:22px;height:9px;background:#b9ff2c;border-radius:2px}.ffpro-showcase-timeline i:nth-child(2){opacity:.6}.ffpro-showcase-timeline i:nth-child(3){opacity:.3}.ffpro-showcase-timeline>span{margin-left:auto;color:#c1dcca;font-size:8px}
.ffpro-library-samples>div{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #deebe0;border-radius:6px;padding:10px;margin:8px 0}.ffpro-library-samples i{display:flex;align-items:center;justify-content:center;flex:0 0 47px;height:37px;background:#147248;color:#d9ff7d;font:700 12px Arial,sans-serif;border:2px solid #8ebc9a;border-radius:4px}.ffpro-library-samples span{display:block;font:bold 12px/1.4 Arial,sans-serif}.ffpro-library-samples small{display:block;color:#78927f;font-size:9px;font-weight:400;margin-top:3px}.ffpro-library-samples b{margin-left:auto;color:#08764b;font-size:19px}
.ffpro-session-samples>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e0e9df;font-size:11px}.ffpro-session-samples>div:last-child{border:0}.ffpro-session-samples b{min-width:34px;color:#08764b;border-left:3px solid #b9ff2c;padding-left:7px}.ffpro-session-samples span{font-weight:600}.ffpro-calendar-sample{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center;font-size:9px}.ffpro-calendar-sample>i{display:block;height:39px;background:#e4eee4;border-radius:4px}.ffpro-calendar-sample .is-training{background:#0d7450;position:relative}.ffpro-calendar-sample .is-training:after{content:'';position:absolute;left:25%;right:25%;height:4px;bottom:8px;background:#b9ff2c;border-radius:3px}.ffpro-calendar-sample .is-match{background:#b9ff2c}.ffpro-showcase-key{display:flex;gap:14px;font-size:9px;color:#08764b;margin-top:17px}.ffpro-showcase-key>span:last-child{color:#5d703a}.ffpro-squad-sample{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;text-align:center;padding:15px 0 8px}.ffpro-squad-sample>span{display:block;border-radius:50% 50% 8px 8px;background:#e6f2e7;border:1px solid #c6daca;padding:14px 2px 9px;color:#08764b;font-weight:800}.ffpro-squad-sample small{display:block;font-size:7px;letter-spacing:.07em;color:#688a72;margin-top:8px}
.ffpro-match-sample{display:flex;justify-content:center;align-items:center;gap:35px;padding:12px}.ffpro-match-sample>span{width:72px;height:72px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:15px 15px 30px 30px;background:#0b573d;color:#b9ff2c;font-size:25px;font-weight:900}.ffpro-match-sample>span:last-child{background:#e0ebdc;color:#477453}.ffpro-match-sample small{font-size:8px;margin-top:4px;font-weight:400}.ffpro-match-sample>b{font-weight:400;color:#728a75}.ffpro-match-sample-tabs{display:flex;justify-content:center;gap:8px;font-size:9px;margin-top:15px}.ffpro-match-sample-tabs>span{padding:6px 9px;border:1px solid #d3e2d4;border-radius:4px;background:#fff}.ffpro-showcase--abp svg{display:block;width:100%;height:140px}.ffpro-attendance-sample>div{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid #dfe9df;font-size:11px}.ffpro-attendance-sample>div:last-child{border:0}.ffpro-attendance-sample b{font-size:8px;color:#08764b;background:#e6f4e7;padding:4px 7px;border-radius:4px}.ffpro-attendance-sample .is-absent{background:#f4e9db;color:#8d5a29}.ffpro-export-sample{display:flex;justify-content:space-evenly;gap:18px;padding:10px 0}.ffpro-export-sample>span{display:flex;flex-direction:column;align-items:center}.ffpro-export-sample b{display:flex;align-items:center;justify-content:center;width:65px;height:72px;clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,0 100%);background:#e4efd9;border:1px solid #c4d8bb;color:#0b573d;font-size:17px}.ffpro-export-sample>span:nth-child(2) b{background:#d5ebdf}.ffpro-export-sample>span:nth-child(3) b{background:#0b573d;color:#b9ff2c}.ffpro-export-sample small{font-size:9px;color:#678470;margin-top:10px}
.ffpro-beta-identity{display:flex;gap:30px;align-items:center;margin-top:24px;padding:28px;border:1px solid #c9ddcf;border-radius:14px;background:#fff}.ffpro-beta-shirt-samples{display:flex;flex:0 0 220px;gap:8px;justify-content:center;padding:14px;border-radius:9px;background:#eef6ed}.ffpro-beta-shirt-samples svg{display:block;width:60px;height:75px}.ffpro-beta-identity strong{font-size:21px}.ffpro-beta-workflow{border:0;margin-top:28px;padding:28px;background:#e8f2e7;border-radius:14px}.ffpro-beta-workflow ol{gap:35px;margin-bottom:5px!important}.ffpro-beta-workflow li strong{font-size:16px}.ffpro-beta-includes>.ffpro-beta-actions{padding:15px 0}.ffpro-beta-status{background:#f7faf5;border-color:#d3e2d4}
@media(min-width:751px) and (max-width:1050px){.ffpro-beta-module{grid-column:span 6}.ffpro-beta-module--pizarra{grid-column:span 12}.ffpro-beta-includes>header{column-gap:25px}.ffpro-beta-identity{gap:20px}.ffpro-beta-shirt-samples{flex-basis:190px}}
@media(max-width:750px){.ffpro-beta-feature-nav{gap:10px 22px;padding:20px 2px}.ffpro-beta-feature-nav>span{flex-basis:100%}.ffpro-beta-includes{padding:0;margin-top:32px}.ffpro-beta-includes>header{display:block;margin-bottom:24px}.ffpro-beta-includes h2{font-size:30px!important;margin:12px 0 18px!important}.ffpro-beta-preview-note{display:block;margin-top:14px}.ffpro-beta-modules{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.ffpro-beta-module{grid-column:auto!important;padding:22px}.ffpro-beta-page .ffpro-beta-module--pizarra h3{font-size:26px!important}.ffpro-showcase--pizarra svg{height:auto}.ffpro-beta-identity{flex-direction:column;align-items:stretch;padding:22px;gap:20px}.ffpro-beta-shirt-samples{flex-basis:auto}.ffpro-beta-workflow{padding:22px}.ffpro-beta-workflow ol{display:grid;grid-template-columns:1fr;gap:17px}.ffpro-showcase{padding:12px}.ffpro-export-sample{gap:8px}.ffpro-export-sample b{width:54px;height:63px}}
@media(prefers-reduced-motion:reduce){.ffpro-beta-module{transition:none}.ffpro-beta-module:hover{transform:none}.ffpro-beta-visual{transform:none}}
