@font-face { font-family: "crossfit"; src: url("https://cdn.wodbuster.com/fonts/crossfit.eot?v=5"); src: url("https://cdn.wodbuster.com/fonts/crossfit.eot?v=5#iefix") format("embedded-opentype"), url("https://cdn.wodbuster.com/fonts/crossfit.woff?v=5") format("woff"), url("https://cdn.wodbuster.com/fonts/crossfit.ttf?v=5") format("truetype"), url("https://cdn.wodbuster.com/fonts/crossfit.svg?v=5#crossfit") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Public Sans"; src: url("https://cdn.wodbuster.com/fonts/PublicSans-VariableFont_wght.ttf") format('truetype'); font-weight: normal; font-style: normal; }

:root { color-scheme: only light; }

[data-icon]:before { font-family: "crossfit" !important; content: attr(data-icon); 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; }
.icon, [class^="icon-"]:before,
[class*=" icon-"]: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; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body, .tableFake, form { height: 100% !important; margin: 0; padding: 0; }
body { background-color: #0f0f0f; font-family: "Public Sans", sans-serif; font-variation-settings: 'wght' 400; line-height: 1.25rem; color: #FFF; }
.tableFake { display: table; width: 100%; }
#maincontainer { display: table-cell; vertical-align: middle; width: 100%; }
.a { max-width: 24.75rem; margin: 2rem auto; padding: 1.875rem; text-align: center; }
h1 { margin: 0; padding: 0; }
    h1 img { display: block; max-width: 12.5rem; margin: 0 auto; }
h2 { margin: 4rem 0 0 0; font-size: 0.938rem; font-variation-settings: 'wght' 700; }
    h2 + p { font-size: 0.938rem; font-variation-settings: 'wght' 700; margin: 0; }
h3 { margin: 0; font-size: 0.938rem; font-variation-settings: 'wght' 700; }
ol { width: fit-content; margin: 0 auto; text-align: left; }

.Warning { background-color: #B81A0F; padding: 0.5rem; }
    .Warning h4 { margin: 0; }

a { color: #fff; }

.fields { margin: 2rem 0 1.5rem 0; }
.actions { margin: 4rem 0 0 0; }
.fields label { margin: 0 }

input[type=checkbox] { block-size: 1.25rem; inline-size: 1.25rem; accent-color: #eafc3c; }

input[type=password],
input[type=email],
input[type=text] { -webkit-appearance: none; -moz-appearance: none; background-color: #1F1F1F; border: none; border-color: #1f1f1f; color: #fff; display: block; font-family: inherit; font-size: 1rem; height: 3.75rem; margin: 0.625rem 0 0 0; padding: 0 0.5rem; width: 100%; border-radius: 0.25rem; text-align: center; -webkit-transition: border-color 0.15s; -moz-transition: border-color 0.15s; -ms-transition: border-color 0.15s; -o-transition: border-color 0.15s; transition: border-color 0.15s; }

input::placeholder,
input::-webkit-input-placeholder,
input:-ms-input-placeholder { color: #686868; opacity: 1; font-size: 0.938rem; }

input:focus::placeholder,
input:focus::-webkit-input-placeholder { font-size: 0.625rem; text-align: right; }

input:focus[type=password],
input:focus[type=email],
input:focus[type=text] { -webkit-appearance: none; -moz-appearance: none; border-width: 0 0 2px 0; border-color: #686868; border-style: solid; outline: none; }

input.mainsubmit { width: 100%; height: 3.75rem; padding: 0; }

input[type=submit], .button { outline: none; }
    input[type=submit].alert:hover, .button.alert:hover { background-color: #9c402d; }
    input[type=submit].warning:hover, input[type=submit].warning:focus, .button.warning:hover, .button.warning:focus { background-color: #f6b028; }
    input[type=submit].secondary:hover, input[type=submit].secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #5E5E5E; }
    input[type=submit]:hover, input[type=submit]:focus, .button:hover, .button:focus { background-color: #d1e903; }
input[type=submit], .button { display: inline-block; color: #000; background-color: #EAFC3C; vertical-align: middle; text-decoration: none; border-radius: 4px; margin: 0 0 1rem 0; padding: 0.85em 1em; border: 1px solid transparent; -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out; -webkit-appearance: none; line-height: 1; text-align: center; font-size: 0.9rem; cursor: pointer; }
    input[type=submit].small, .button.small { font-size: 0.75rem; }
    input[type=submit].alert, .button.alert { background-color: #cc4b37; color: #fff; }
    input[type=submit].secondary, .button.secondary { background-color: #767676; }
    input[type=submit].warning, .button.warning { background-color: #ffae00; }

.usuario { text-align: center; margin-top: 2.5rem; }
    .usuario img { width: 5rem; height: 5rem; border-radius: 50%; display: block; margin: 0 auto; }
    .usuario .nombre { display: block; font-size: 1.125rem; margin-top: 1.125rem; }
    .usuario .email { font-size: 0.813rem; color: #686868; }

.boxes { background: #1F1F1F; border-radius: 0.5rem; margin: 2rem 0 0 0; }
.box { display: flex; border-bottom: 1px solid #000; align-items: center; gap: 0.625rem; padding: 0.938rem; }
    .box:last-child { border-width: 0; }
    .box .info { flex-grow: 1; text-align: left; text-decoration: none; }
    .box h3 { font-weight: 400; font-variation-settings: 'wght' 400; }
    .box .masinfo { font-size: 0.813rem; text-transform: uppercase; color: #999999; text-decoration: none; }
        .box .masinfo:before { content: "\e008"; margin-right: 0.25rem; font-size: 0.938rem; vertical-align: text-bottom; }
    .box a { margin: 0; }
    .box:last-child { border-width: 0; }
    .box .gob { padding: 0.313rem 0.625rem; margin: 0; border-radius: 2.5rem; font-size: 0.563rem; text-transform: uppercase; letter-spacing: 0.02em; }
        .box .gob.condpend { background-color: #FF7B31; }

.boxes .panelcondiciones { display: none; }
.fancybox-bg { backdrop-filter: blur(10px); }
.fancybox-content { background-color: #353535; border-radius: 8px; max-width: 80%; }
dt, dd { display: inline; }
    dt:before { content: " "; display: block; }
    dt:after { content: ":" }
dd { margin: 0 0 0 0.265rem; }
    dd.s { font-weight: bold; }
.button .icon { vertical-align: bottom; }
/*
#maincontainer { padding: 2rem 0; }
/*.button.gob { width: 4.5rem; }
.columns h4 { text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.actions label { font-size: 0.8rem; line-height: normal; }
.columns h4, .columns p { margin: 0; }
.a { max-width: 75em; width: 90%; }
.columns { padding: 0.5rem; color: hsl(0, 0%, 60%); border-radius: 4px; box-shadow: hsl(0, 0%, 80%) 0 0 16px; overflow: hidden; background-color: hsl(0, 0%, 100%); margin: 1rem 0 0 0; }

.actions { margin: 0; padding: 0; clear: both; }
    .actions .button { margin: 0; }


.borrar { font-weight: 600; }

*/
@media screen and (min-width: 64em) {
    body { background-image: url( https://cdn.wodbuster.com/static/bgcoaches.jpg); background-size: cover; background-position: center center; background-attachment: fixed; }
    .a { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 8px; }
}

label.button { width: 100%; background:#fff; cursor:pointer; }
    label.button:hover, label.button:active { background: #EAFC3C; } 
    label.button:first-of-type { margin-top: 2rem; }
    label.button input { display: none; }
    label.button label { font-weight: bold; cursor:pointer; }
    label.button span { font-size: 80%; display: block; margin-top: 0.5rem; }
/* ORBIT */
.go { position: fixed; top: 20rem; width: 100%; margin: 0 auto; z-index: 100000; }
.orbit { height: 20rem; position: relative; 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; }
}