@font-face { font-family: "Public Sans"; src: url("https://cdn.wodbuster.com/fonts/PublicSans-VariableFont_wght.ttf?v=1") format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Manuka"; src: url("https://cdn.wodbuster.com/fonts/manuka-black.woff2?v=1") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: "ManukaM"; src: url("https://cdn.wodbuster.com/fonts/manuka-medium.woff2?v=1") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: "crossfit"; src: url("https://cdn.wodbuster.com/fonts/crossfit.eot?v=7"); src: url("https://cdn.wodbuster.com/fonts/crossfit.eot?v=7#iefix") format("embedded-opentype"), url("https://cdn.wodbuster.com/fonts/crossfit.woff?v=7") format("woff"), url("https://cdn.wodbuster.com/fonts/crossfit.ttf?v=7") format("truetype"), url("https://cdn.wodbuster.com/fonts/crossfit.svg?v=7#crossfit") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: swiper-icons; src: url('data:application/font-woff;charset=utf-8;base64, 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'); font-weight: 400; font-style: normal }
:root { --neon: #eafc3c; --neon-hover: #D6ED03; --swiper-theme-color: #222; --swiper-navigation-size: 44px; --swiper-navigation-sides-offset: 20px; }

body { font-family: "Public Sans"; font-size: 0.938rem; }

.bodyinner { height:100%; }

.nowrap { white-space: nowrap; }

.logosquare { margin: 10%; }
.accordion-title { font-size: 1rem; text-indent: -1.688rem; padding: 0.875rem 3.75rem 0.875rem 2.688rem; line-height: 1.375rem; }
    .accordion-title:before { content: "+ info"; font-size: 0.8rem; color: #999; }

.presentacionwrapper { background: #000 url(main/bg-presentacion.jpg?v=1) no-repeat center center; background-size: cover; }
.presentacion { margin: 0; }
    .presentacion tbody { background: none; border: none; }
    .presentacion td { text-align: center; align-content: center; vertical-align: middle; width: 50%; padding: 2rem 0; }
        .presentacion td.td1 { display: none; }
    .presentacion .td1 img { max-width: 40%; }

.hbg { height: 6.875rem; width: 100%; background-color: #000; position: sticky; top: 0; z-index: 6; }
header { height: 6.875rem; margin-top: -6.875rem; position: sticky; top: 0; display: flex; flex-direction: column-reverse; z-index: 9; }
    header h1 { margin: 0; flex-grow: 1; margin-left: 3.875rem; font-size: 3rem; line-height: normal; }
    header menu { display: flex; gap: 1.5rem; align-items: center; justify-content: end; margin: 1rem 1rem 0 0; }
        header menu > a { display: block; }
            header menu > a:first-child { display: none; }
        header menu a { color: #fff; font-weight: 400; line-height: normal; }
            header menu a:hover { text-decoration: underline; color: #c3c3c3; }
        header menu .button { margin: 0; font-weight: 400; }

.videowrapper { position: relative; }

#video { background: #000; margin-top: -6.875rem; }
    #video h2 { font-family: Manuka; text-transform: uppercase; color: #FFF; font-size: 9vw; line-height: 0.9; text-align: left; }
        #video h2 span:before { content: ""; display: block; }
    #video p { color: #fff; font-weight: 400; font-size: 1rem; }
    #video .txt { padding: 6.25rem 0.938rem 0.938rem 3.875rem; z-index: 8; position: relative; }
    #video .video { overflow: hidden; display: flex; position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
    #video .videocontainer { width: 100%; display: flex; align-items: center; z-index: 7; position: absolute; max-height: 100%; }
    #video video { border: none; width: 100%; aspect-ratio: 1/1 }
    #video .shadow { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0,0,0,0.6); }

h2 { font-family: Manuka; color: #000; font-size: 3.625rem; text-align: center; text-transform: uppercase; margin-top: 2rem; line-height: normal; }
.button { background: var(--neon); color: #000; border-radius: 0.25rem; }
    .button:hover, .button:active { background-color: var(--neon-hover); color: #000; }

.accordion-title { color: #000; }

.caracteristicaswrapper h3.box { position: relative; background: url(main/bg-box.jpg) no-repeat center center; background-size: cover; }
.caracteristicaswrapper h3.atletas { background: url(main/bg-atletas.jpg) no-repeat center center; background-size: cover; }
.caracteristicaswrapper h3 { border-radius: 0.5rem; color: #fff; font-family: Manuka; text-transform: uppercase; font-size: 9vw; padding: 2rem 0; margin-top: 1rem; line-height: normal; }
    .caracteristicaswrapper h3 span { display: block; font-size: 4vw; }

.encualquierlugarwrapper { background: #e9e9e9; margin-top: 2rem; }
.dispositivos { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }

.responsive { margin: 2rem; }
.encualquierlugar p { text-align: center; font-size: 1rem; line-height: normal; }



#preciostable:before, #caracteristicas:before, #demo:before, #opiniones:before { content: ""; display: block; height: 9rem; margin-top: -9rem; visibility: hidden; }
#preciostable { text-align: center; margin: 0 2rem; }
    #preciostable h2 { margin-top: 7px; font-size: 70px; }
    #preciostable .sec { border: 1px solid #1f1f1f; padding: 0 15px; display: inline-block; margin: 2rem auto 0 auto; border-radius: 30px; font-size: 14px; line-height: 31px; text-transform: uppercase;  }
    #preciostable p {font-size: 18px; margin: 0; padding: 0 0 50px 0; line-height: 20px; }

.preciostable { display: grid; grid-template-columns: 1fr; grid-auto-rows: minmax(min-content, max-content); gap: 30px; max-width: 70.83rem; margin: 0 auto; }
    .preciostable > div { display: flex; align-content: baseline; flex-direction: column; background: #0f0f0f; border-radius: 20px; position: relative;  }
        .preciostable > div > div:last-child { flex-grow: 1; display: flex; align-items: flex-end; justify-content: center; }
    .preciostable h3 { font-size: 6.25rem; font-family: Manuka; color: var(--neon); }
    .preciostable span.absol { margin: 1.25rem; color: #FFF; font-family: ManukaM; line-height: normal; font-size: 2rem; display: block; text-align: center; text-transform: uppercase; }
    .preciostable .basico { display: flex; gap: 1rem; margin: 1.25rem auto; }
        .preciostable .basico span.absol { margin: 0; }
        .preciostable .basico span.oferta { color: var(--neon); border-radius: 5px; border: 1px solid var(--neon); font-size: 0.813rem; padding: 0 15px; white-space: nowrap; font-family: 'Public Sans'; line-height: 2rem; }
    .preciostable h3 span { font-size: 2rem; margin-left: 0.313rem; color: #686868; font-family: ManukaM; }
    .preciostable ins { text-decoration: none; }
    .preciostable del { text-decoration: none; color: transparent; -webkit-text-stroke: 1px #ddd; text-stroke: 1px #ddd; margin-right: 0.5rem; position: relative; }
        .preciostable del:before { content: ''; display: block; width: 200%; height: 11px; background: rgba(255,255,255,0.6); position: absolute; top: 50%; left: -50%; -webkit-transform: rotate(-6deg); -ms-transform: rotate(-6deg); -o-transform: rotate(-6deg); transform: rotate(-60deg); border-radius: 0.5rem; }
    .preciostable h3 span.dolar { margin-left: 0rem; margin-right: 0.313rem; }
    .preciostable ul { padding: 0; margin: 0 0 2rem 0; list-style: none; color: #d9d9d9; font-size: 1rem; }
    .preciostable li { margin: 0 20px 0 20px; font-size: 0.938rem; padding: 0.5rem 0; text-align: left; border-bottom: 1px #353535 solid; }
        .preciostable li span { color: var(--neon); }
        .preciostable li.aclaracion { font-size: 0.688rem; text-transform: uppercase; border: none; text-align: center; margin-top: 1rem; }
    .preciostable .button { width: 100%; border-radius: 10px; margin-right: 20px; margin-left: 20px; font-size: 0.938rem; }

#CtlUnete { display: flex; flex-direction: column; gap: 2rem; background-color: #000; padding: 2rem 1rem 1rem 1rem; color: #fff; margin: 1rem; border-radius: 0.5rem; }
    #CtlUnete h3 { font-family: "Public Sans"; font-weight: 400; text-transform: uppercase; font-size: 0.813rem; margin: 0; }
    #CtlUnete h2 { margin: 0; line-height: normal; text-align: left; color: #fff; font-size: 4.375rem; margin-top: 1rem; margin-bottom: 2rem; }
    #CtlUnete p { line-height: 1.1rem; font-size: 0.8rem; }
    #CtlUnete dd { font-size: 0.938rem; line-height: normal; font-weight: normal; margin-bottom: 1rem; }
    #CtlUnete dt { font-family: Manuka; font-size: 4.375rem; line-height: 0.9; }
    #CtlUnete .info { padding-right: 4rem; }
    #CtlUnete .stats { text-align: right; }
#map { border-radius: 0.5rem; }

.demo { border: 1rem solid var(--neon); border-radius: 0.5rem; background-color: var(--neon); }
.formcontacto { flex-grow: 1; padding: 1rem; }
    .formcontacto h3 { font-family: "Public Sans"; font-weight: 400; text-transform: uppercase; font-size: 0.813rem; margin: 0; }
    .formcontacto h2 { text-align: left; margin: 0 0 1rem 0; }
.demo .info ul { margin: 0; padding: 1rem; list-style: none; }
.demo .info li { margin: 0.5rem 0; padding: 0; list-style: none; display: flex; }
.demo .info .wbicon { width: 1.75rem; text-align: center; }
.demo .info a { color: #000; }
.demo .wbicon:before { vertical-align: sub; }
.demo .button { background-color: #1f1f1f; color: #fff; }
    .demo .button:active, .demo .button:focus { background-color: #000; }
.demo input, .demo textarea { border: 1px solid #0f0f0f; border-radius: 0.5rem; }
.demo .cols2 { display: flex; gap: 1rem; }

footer { margin: 2rem 0 0 0; padding: 2rem 0; background: #ccc; color: #000; }

dl dt { }
dl dt { margin-bottom: 0; }
dl dd { margin-bottom: 0.3rem; }

.wbicon:before { font-family: "crossfit" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.wb-whatsapp:before { content: "(" }
.wb-phone:before { content: "3" }
.wb-envelope-o:before { content: "i" }
.wb-map-marker:before { content: "w" }
.wb-instagram:before { content: "|" }
.wb-facebook:before { content: "{" }

.reveal-overlay { z-index: 10 }

/* ORBIT */
.go { position: fixed; top: 20rem; width: 100%; margin: 0 auto; z-index: 100000; }
.orbit { height: 20rem; width: 20rem; top: 0; left: 0; bottom: 0; right: 0; margin: auto; overflow: visible; background: none; border-radius: 50%; }
    .orbit > div { top: 3rem; left: 2.5rem; font-size: 1rem; height: 20rem; width: 20rem; transform-origin: center center; position: absolute; }
        .orbit > div::before { position: absolute; left: calc(50% - .5em); display: block; content: ''; height: 1em; width: 1em; border-radius: 50%; transform: scale(1); }
        .orbit > div:nth-child(1)::before { background-color: #3369E8; }
        .orbit > div:nth-child(2)::before { background-color: #D50F25; }
        .orbit > div:nth-child(3)::before { background-color: #009925; }
        .orbit > div:nth-child(4)::before { background-color: #EEB211; }
.go .loader.orbit > div { animation: loading-orbit 6s infinite linear; }
    .go .loader.orbit > div::before { animation: loading-orbit-before 2s infinite ease-in-out; }
.loader.orbit > div:nth-child(1) { animation-delay: 0s; }
.loader.orbit > div:nth-child(2) { animation-delay: -.75s; }
.loader.orbit > div:nth-child(3) { animation-delay: -1.5s; }
.loader.orbit > div:nth-child(4) { animation-delay: -2.25s; }
.loader.orbit > div:nth-child(1)::before { animation-delay: 0s; }
.loader.orbit > div:nth-child(2)::before { animation-delay: -.5s; }
.loader.orbit > div:nth-child(3)::before { animation-delay: -1s; }
.loader.orbit > div:nth-child(4)::before { animation-delay: -1.5s; }

@keyframes loading-orbit {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@keyframes loading-orbit-before {
    0% { height: 1em; width: 1em; transform: translate3d(0,0,0); z-index: 5; }
    5% { height: 1.25em; width: 1.25em; }
    25% { height: 2em; width: 2em; z-index: 10; }
    50% { transform: translate3d(1rem,15rem,0); z-index: 0; height: 1em; width: 1em; }
    100% { transform: translate3d(0,0,0); z-index: 0; height: 1em; width: 1em; }
}


.swiper-wrapper-h { position: relative; margin-bottom: 1.5rem; margin-top: 0.5rem; }
.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; display: block; width: calc(100% - (var(--swiper-navigation-size) + var(--swiper-navigation-sides-offset))/ 44 * 27 * 4); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; align-items: stretch; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box }
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px,0,0) }
.swiper-horizontal { touch-action: pan-y }
.swiper-slide { flex-shrink: 0; width: 100%; position: relative; transition-property: transform; display: block; background-color: #000; border-radius: 0.5rem; color: #fff; line-height: normal; }
    .swiper-slide p { line-height: normal; }
.swiper-slider-wrapper { padding: 1rem; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset,50%); width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color,var(--swiper-theme-color)) }
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none }
    .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none }
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important }
.swiper-button-next svg, .swiper-button-prev svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center }
.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg { transform: rotate(180deg) }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset,10px); right: auto }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto }
.swiper-button-lock { display: none }
.swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1 }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev' }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset,10px); left: auto }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next' }
.swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 }
.swiper .stars:before { content: "?????"; font-family: crossfit; color: rgb(234, 252, 60); line-height: 2; }
.swiper .score { font-size: 2rem; display: flex; align-items: center; font-weight: 700; color: #fff; justify-content: center; }
    .swiper .score:after { content: "?"; font-family: crossfit; font-weight: normal; margin-left: 0.5rem; color: rgb(234, 252, 60); }
.swiper .score-gp { margin-top: 1rem; }
.swiper .scoreInfo:before { font-family: crossfit; display: block; font-size: 1.5rem; margin: 0.2rem; }
.swiper .scoreInfo-g:before { content: "\E006"; }
.swiper .scoreInfo-gp:before { content: "\e00f"; color: #5b93fc; }
.reviews-reviewer { display: flex; gap: 0.75rem; }
    .reviews-reviewer a { color: rgb(234, 252, 60); }
    .reviews-reviewer img { width: 3rem; border-radius: 50%; }
.gp_info_container { flex-grow: 1; }
.swiper-slide:first-child { text-align: center; }
.scoreInfo { color: #fff; }

#map { background-image: url(https://cdn.wodbuster.com/images/mapa-2023-4.jpg); width: 100%; height: 438px; background-size: cover; background-position: center center; }

@media screen and (min-width: 40em) {
    .presentacion td.td1 { display: table-cell; }
}

@media screen and (min-width: 45em) {

    .preciostable { grid-template-columns: repeat(2, 1fr); }
    header { padding: 0 3.875rem; flex-direction: row; align-items: center; }
        header > :last-child { flex-grow: 1; text-align: right; align-items: center; }
        header h1 { margin-left: 0; }
        header menu > a:first-child { display: block; }
        header menu { width: 100%; align-items: start; margin: 0 0 0 1rem; }
}

@media screen and (min-width: 64em) {
    .preciostable { grid-template-columns: repeat(4, 1fr); }
    .presentacion p { font-size: 2rem; }
    .videowrapper { display: flex; flex-direction: row-reverse; }
        .videowrapper > div { flex: 1; }
    #video h2 span:before { display: inline; }
    #video h2 span::after { display: block; }
    #video .video { margin: 1rem; border-radius: 0.5rem; position: relative; width: 100%; }
    .demo { display: flex; gap: 1rem; }
        .demo .info { background-color: #1f1f1f; border-radius: 0.5rem; color: #fff; }
            .demo .info li.spacer { margin-top: 2rem; }
            .demo .info a { color: #fff; }
            .demo .info span { display: block; }
}