.landing-sport{--landing-paper:#fffaf2;--landing-ink:#302018;--landing-muted:#6d584c;--landing-line:#e7d8c8;--landing-soft:#f8eddf;background:var(--landing-paper);color:var(--landing-ink);font-family:var(--font-montserrat), sans-serif}.dark .landing-sport{--landing-paper:#191612;--landing-ink:#fff5e7;--landing-muted:#cbbcaf;--landing-line:#4d3c2c;--landing-soft:#282017}html:has(.landing-sport){scroll-behavior:smooth;scroll-padding-top:6rem}.landing-sport :is(h1,h2,h3){color:var(--landing-ink);text-wrap:balance}.landing-sport :is(.text-slate-600,.text-slate-700,.text-slate-300,.text-slate-400,.text-slate-500){color:var(--landing-muted)}.landing-sport header{background:var(--landing-paper);border-color:var(--landing-line)}.landing-sport header>div:nth-child(2){background:var(--landing-paper)}.landing-sport :is(#benefits,footer){border-color:var(--landing-line)}.landing-sport :is(#collections,#how-it-works),.landing-sport footer{background:var(--landing-soft)}.landing-sport :is(a,button,summary){-webkit-tap-highlight-color:#fdba7450}.landing-sport :is(a,button){transition:background-color .18s,color .18s,border-color .18s,transform .22s cubic-bezier(.16,1,.3,1)}.landing-sport :is(button,a):active{transform:translateY(1px)}.landing-sport :is(button,a):disabled{transform:none}.landing-sport .landing-action svg,.landing-text-link svg{transition:transform .22s cubic-bezier(.16,1,.3,1)}.landing-sport .landing-action:hover svg,.landing-text-link:hover svg{transform:translate(4px)}.landing-sport .landing-action-secondary{color:var(--landing-ink);border-color:var(--landing-line)}.landing-sport .landing-action-secondary:hover{background:var(--landing-soft)}.hero-emphasis{color:#c2410c;display:inline-block;position:relative}.dark .hero-emphasis{color:#fb923c}.hero-emphasis:after{content:"";transform-origin:0;background:currentColor;height:5px;margin-top:10px;animation:.75s cubic-bezier(.16,1,.3,1) both finish-line;display:block}.hero-product-stage{background:var(--landing-soft);border:1px solid var(--landing-line);color:var(--landing-ink);border-radius:16px;padding:24px;position:relative}.hero-product-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.hero-route{border:1px solid var(--landing-line);color:#c2410c;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-35deg)}.dark .hero-route{color:#fdba74}.hero-screen{color:#493426;background:#fff;border-radius:10px;animation:.7s cubic-bezier(.16,1,.3,1) both team-arrival;overflow:hidden}.hero-screen-bar{background:#fff7ed;align-items:center;gap:5px;min-height:30px;padding:0 12px;display:flex}.hero-screen-bar>span{background:#c7a58a;border-radius:50%;width:5px;height:5px}.hero-screen-bar>div{margin-left:10px;font-size:10px;font-weight:600}.hero-modules{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:20px;display:grid}.hero-modules a{border-top:1px solid var(--landing-line);align-items:center;gap:8px;min-height:48px;padding:8px;font-size:12px;font-weight:600;display:flex}.hero-modules a>svg{flex-shrink:0;width:18px;height:18px}.hero-modules a>svg:last-child{width:13px;margin-left:auto;transition:transform .18s}.hero-modules a:hover{background:var(--landing-paper)}.hero-modules a:hover>svg:last-child{transform:translate(3px)}.landing-sport .hero-modules a:focus-visible{outline-color:#c2410c}.landing-icon{color:#9a3412;background:#ffdfb5;border-radius:16px;place-items:center;width:60px;height:60px;display:grid}.benefit-item:nth-child(2) .landing-icon{color:#3d571b;background:#e0e9ce}.benefit-item:nth-child(3) .landing-icon{color:#923a28;background:#f6d6c7}.benefit-item svg{transition:transform .22s cubic-bezier(.16,1,.3,1)}.benefit-item:hover svg{transform:rotate(-8deg)scale(1.1)}.product-switch button{text-align:left;border:1px solid var(--landing-line);min-height:58px;color:var(--landing-ink);border-radius:12px;align-items:center;gap:12px;padding:16px;font-size:14px;font-weight:600;display:flex}.product-switch button:hover{background:var(--landing-soft)}.product-switch button[aria-pressed=true]{color:#fff;background:#c2410c;border-color:#c2410c}.product-preview-frame{aspect-ratio:2;background:var(--landing-soft);border:1px solid var(--landing-line);border-radius:16px;align-items:center;min-height:160px;display:flex;overflow:hidden}.product-preview-image{animation:.24s ease-out preview-change}.journey-marker{color:#c2410c;align-items:center;gap:16px;font-weight:700;display:flex}.dark .journey-marker{color:#fdba74}.journey-marker>svg:first-child{box-sizing:content-box;background:var(--landing-paper);border-radius:50%;padding:16px}.journey-marker .journey-arrow{color:var(--landing-muted);margin-left:auto}.journey-step:hover .journey-marker>svg:first-child{transform:rotate(-8deg)}.journey-marker svg{transition:transform .2s}.landing-question{border-color:var(--landing-line)}.landing-question summary{list-style:none}.landing-question summary::-webkit-details-marker{display:none}.landing-question summary:hover{color:#c2410c}.dark .landing-question summary:hover{color:#fdba74}.question-plus{color:#c2410c;transition:transform .2s}.dark .question-plus{color:#fdba74}.landing-question[open] .question-plus{transform:rotate(45deg)}.landing-question[open] p{animation:.2s ease-out preview-change}.landing-sport #contact>div{background:var(--landing-soft);border-color:var(--landing-line)}.landing-sport #contact>div>*{min-width:0}.landing-sport #contact form{background:var(--landing-paper);border-radius:16px;padding:28px}.landing-sport #contact form>div{min-width:0}.landing-sport #contact,.dark .landing-sport #contact{--demo-field-bg:var(--landing-paper);--demo-field-text:var(--landing-ink)}.landing-sport #contact :is(input:not([type=checkbox]),textarea){background:var(--demo-field-bg);color:var(--demo-field-text);font-size:16px}.landing-sport #contact :is(input:not([type=checkbox]),textarea):not([aria-invalid=true]){border-color:#947c65}.landing-sport #contact form>button{justify-content:center;align-items:center;gap:12px;min-height:52px;display:flex}.landing-sport #contact [aria-label="Opciones para solicitar una demo"] :is(a,button){justify-content:flex-start;gap:12px;min-height:56px}.landing-sport #contact .whatsapp-contact{color:#fff;background:#166534;border-color:#166534}.landing-sport #contact .whatsapp-contact:hover{background:#14532d}.contact-symbol{color:#c2410c;background:#ffdfb5;border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:28px;display:grid}.landing-sport #contact input:not([type=checkbox]),.landing-sport #contact textarea{scroll-margin-top:100px;transition:border-color .15s,background-color .15s}.landing-sport #contact input:not([aria-invalid=true]):hover,.landing-sport #contact textarea:not([aria-invalid=true]):hover{border-color:#c2410c}@keyframes finish-line{0%{transform:scaleX(.08)}to{transform:scaleX(1)}}@keyframes team-arrival{0%{transform:perspective(1000px)rotateY(-8deg)translateY(14px)}to{transform:perspective(1000px)rotateY(0)translateY(0)}}@keyframes preview-change{0%{opacity:.65}to{opacity:1}}@media (max-width:639px){.hero-product-stage{padding:16px}.hero-modules{gap:5px}.hero-modules a{flex-direction:column;gap:6px;padding:8px 3px}.hero-modules a>svg:last-child{display:none}.hero-product-heading{gap:8px}.landing-sport #contact{padding:40px 16px}.landing-sport #contact>div{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px 16px}.landing-sport #contact h2{font-size:32px;line-height:1.1}.landing-sport #contact h2+p{margin-top:16px;font-size:16px;line-height:1.6}.landing-sport #contact .contact-symbol{width:48px;height:48px;margin-bottom:16px}.landing-sport #contact .contact-symbol svg{width:24px;height:24px}.landing-sport #contact [aria-label="Opciones para solicitar una demo"]{margin-top:20px}.landing-sport #contact [aria-label="Opciones para solicitar una demo"] :is(a,button){justify-content:center;gap:8px;min-height:48px;padding:12px;font-size:14px}.landing-sport #contact form{border-top:1px solid var(--landing-line);background:0 0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 0 0}.landing-sport #contact label{line-height:1.5}.landing-sport #contact input[type=checkbox]{flex-shrink:0;width:20px;height:20px}.landing-sport #contact form>button{padding-inline:12px;font-size:14px}}@media (prefers-reduced-motion:reduce){html:has(.landing-sport){scroll-behavior:auto}.landing-sport *,.landing-sport :after{transition-duration:.01ms!important;animation:none!important}.landing-sport :is(a,button):active,.landing-sport :is(a,button):hover svg,.benefit-item:hover svg,.journey-step:hover .journey-marker>svg:first-child{transform:none}}
