@import url('https://fonts.googleapis.com/css2?family=Tektur:wght@400..900&display=swap');
:root{--orange:#fe3d00;--black:#0a031b;--bgcustom1:#e4f26f;--bgcustom2:#ace853;--bgcustom3:#faa595;--bgcustom4:#7ecfc6;--green:#47ff01;}
body{margin:0px;padding:0px;font-family:"Tektur", sans-serif;background:#e6e6e6;}
p,li,h1,h2,h3,h4,h5,h6,section,aside,div,input{box-sizing:border-box;margin:0px;vertical-align:middle;}
h1{margin:40px 0px;font-size:1.6rem;line-height:1.2em;font-size:47px;letter-spacing:2px;font-weight:900;}
h3{font-size:47px;}
h4{font-size:29px;}
h5{font-size:18px;font-weight:900;margin:0px;}
p,span,label,input,h2,a{margin:0px;font-size:18px;vertical-align:middle;}
a{color:inherit;text-decoration:none;box-sizing:border-box;}
img{vertical-align:top;max-width:100%;}
pre{color:#575757;font-size:11px;margin:0px;padding:0px;line-height:1em;}
.container{display:flex;flex-direction:column;min-height:100vh;}
.container .content{flex-grow:1;}
.clearfix{overflow:auto;}
.clear{clear:both;}
.center{width:100%;max-width:1200px;padding:0px 20px 0px;margin:0px auto;}
.center0{width:100%;max-width:1200px;margin:0px auto;}
.movil{display:none;}
.bold{font-weight:bold;}
.txtimprimir{text-align:center;display:table;margin:0px auto;}
.bgimprimir{background:#fff;width:100%;min-width:1000px;padding:0px 20px 50px;}
.textcenter{text-align:center;}
.inputext{width:100%;padding: 5px 10px;margin-top:30px;font-style:italic;background:transparent;border:solid 1px;}
.equipo1{font-size:0;}
.equipo2{font-size:0;}


/*-- HEAD --*/
header{padding-top:30px;}
header .center{}
header .center .menu{display:flex;justify-content:space-between;}
header .center .menu a{display:inline-block;text-decoration:underline;}

#loadingScreen{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 1);z-index:9999;color:#000;visibility:hidden;display:flex;align-items:center;}
#loadingScreen div{width:100%;text-align:center;}
#loadingScreen.active{visibility:visible;}

/*-- HOME --*/
.simpleParallax{position:absolute;width:100%;height:100%;top:0;left:0;}
.thumbnail{}
.topinicio{background:#000;width:100%;position:fixed;top:0;z-index:99;}
.topinicio .center{display:flex;justify-content:space-between;padding:0;align-items:center;}
.topinicio .center div:first-child{padding-left:20px;}
.acceso{background:var(--orange);display:table;margin-left:auto;padding:15px 10px;color:#fff;}
.home{text-align:center;color:#fff;padding:50px 0px;position:relative;background:url("../img/banner-1.jpg") no-repeat center top;background-size:cover;}
.home .crear{background:var(--green);width:80%;padding:10px 0px;display:block;margin:50px auto 150px;color:#000;font-weight:bold;max-width:500px;}
.home input{width:100%;padding:6px 10px 6px 50px;background-image:url('../img/icon-lupa.png');background-repeat:no-repeat;background-position:10px 3px;background-size:30px;margin:20px auto 0px;max-width:800px;}
.home img{margin:30px 0px;}
.home h4{letter-spacing:2px;}
.home .center{position:relative;z-index:1;}
.jugar{}
.jugar hr{display:block;border:none;background:#000;max-width:400px;width:90%;height:20px;margin:-10px 0px 100px 10px;}
.jugar .center section{background:var(--green);padding:150px 20px 50px;}
.jugar .center div{padding-bottom:50px;}
.jugar .center div p{border:solid 1px #fe3d00;padding:5px 10px;margin-top:30px;}
.jugar .center div img{display:block;margin:50px auto 0px;}
.jugar .center h4{max-width:1000px;margin:0px auto;}
.jugar .center p{max-width:1000px;margin:0px auto;}
.contvideo{position:relative;max-height:400px;overflow:hidden;display:flex;width:100%;align-items:center;}
.video{width:100%;}
#vid{vertical-align:middle;}
.proximos{color:#fff;background:#fe3d00;padding:70px 0px;}
.proximos .center{max-width:1000px;}
.proximos .center span{text-align:center;}
.proximos div{margin-top:30px;padding:20px;background:#f43a01;}
.proximos input{width:100%;padding:6px 10px 6px 50px;background-image:url('../img/icon-lupa.png');background-repeat:no-repeat;background-position:10px 3px;background-size:30px;margin:20px auto 50px;max-width:800px;position:relative;display:block;}
.organiza{padding:50px 0px;background:#dde3e5;position:relative;}
.organiza .center{position:relative;margin-top:0px;max-width:1000px;}
.organiza p{margin-top:20px;}
.registro{position:absolute;width:100%;}
.registro h3{background:var(--green);padding:5px 10px;width:90%;margin:0px auto;max-width:700px;text-align:right;margin-top:-15px;letter-spacing:2px;max-width:500px;}
.foot{background:#000;padding:100px 0px;text-align:center;color:#bfbfbf;}
.foot a{display:block;text-decoration:none;margin:30px 0px;}
.foot p a{text-decoration:underline;margin:0px;}

/*-- TORNEOS --*/
.torneousuario{margin-bottom:50px;}
.torneousuario .img{display:flex;align-items:center;gap:15px;justify-content:right;margin-bottom:20px;}
.torneousuario .img p{color:var(--orange);}
.torneousuario span{color:#787878}
.torneousuario p{margin-bottom:10px;display:table;margin-left:auto;}
.torneousuario p:last-child{margin-bottom:0px;}
.torneousuario a{display:table;text-decoration:underline;margin-left:auto;}
.torneousuario a span{padding:1px;}
.titulo{border-bottom:solid var(--orange) 1px;margin-bottom:30px;padding-bottom:5px;text-align:right;}
.titulo a{background:var(--black);color:#fff;text-decoration:underline;padding:10px 20px;display:inline-block;margin-left:auto;border-radius:15px;}
.titulo p{margin-top:20px;text-align:left;}
#torneos .center0{display:flex;flex-wrap:wrap;gap:5%;padding:0px 20px;}
#torneos section{width:100%;margin-top:30px;}
#torneos section a{text-decoration:underline;}
#torneos .center0 div{padding:50px 15px 0px;border-radius:15px;width:47.5%;margin-bottom:50px;background:var(--bgcustom1);}
.torneos section{min-height:300px;position:relative;}
.torneos h3{margin-bottom:10px;display:table;}
.torneos h4{margin-top:20px;}
.torneos .link{color:var(--orange);text-decoration:underline;display:block;margin-top:15px;}
.ver{background:var(--orange);color:#fff;text-align:center;padding:10px 0px;border-radius:10px;transform:translateY(50%);cursor:pointer;display:block;}
.ver h5{}
.shuffle{padding:0px 20px 20px;max-width:1240px;margin:0px auto;text-align:center;}
.shuffle span{display:table;margin:20px auto 10px;padding:10px 20px;background:var(--orange);color:#fff;cursor:pointer;}
.shuffle p{color:var(--orange);line-break:normal;}
.shuffle section{max-width:600px;}
.torneos span{display:table;color:var(--orange);margin-top:20px;text-decoration:underline;cursor:pointer;text-transform:uppercase;font-weight:bold;}


/*-- FORM TORNEOS --*/
.new{background:#899144;color:#fff;display:flex;align-items:center;}
.new a{padding:10px 10px;background:#000;margin-right:30px;}
.new span{flex:1;padding:10px 10px;}
.bgformtorneo{background:#aeea56;}
.formtorneo{padding:50px 20px;}
.input-group{position:relative;margin-bottom:40px;font-size:0px;}
.input-group label{line-break:normal;font-weight:bold;display:block;}
.input-group .textinput{width:100%;padding:5px 10px;}
.input-group aside{width:50%;display:inline-block;}
.input-group aside{margin-top:20px;}
.input-group input[type="number"] {width:150px;}
.button{display:block;border:none;color:#fff;background:#000;width:100%;text-align:center;padding:5px 10px;cursor:pointer;}
.bgjugadores{background:var(--bgcustom1);padding-top:50px;}
#formjugadores{display:flex;flex-wrap:wrap;gap:2%;padding:50px 0px;}
#formjugadores .input-group{width:100%;}
.grupo-puntos{border:2px solid #d4e157;padding:15px;border-radius:10px;background:#f0f4c3;min-width:49%;flex-grow:1;transition:background 0.3s ease;margin-bottom:30px;}
.jugadores-container{min-height:250px;padding:10px;border-radius:5px;height:100%;}
.jugador {background:#fff59d;padding:10px;margin-bottom:5px;border-radius:5px;box-shadow:2px 2px 5px rgba(0, 0, 0, 0.2);cursor:grab;transition:transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s;}
.jugador.dragging {opacity:0.5;transform:scale(1.1);box-shadow:5px 5px 10px rgba(0, 0, 0, 0.3);}
.jugadores-container.over {background:rgba(0, 150, 255, 0.1);border:2px dashed #0096ff;}
.torneosterminados p{display:block;margin-bottom:20px;}
.torneopublic{color:#fff;padding:50px 0px;}
.torneopublic img{margin-bottom:30px;max-width:100%;}
.torneopublic input{margin-top:5px;max-width:300px;width:100%;padding:5px 10px;}
.txtorange{color:var(--orange);}
.hide{display:none;}

.radio-input {
  display: flex;
  align-items: center;
}
.radio-input span{
	margin-left:-20px;margin-right:20px;
}
.radio-input input {
  appearance: none;
  width: 2em;
  height: 2em;
  background-color: #171717;
  box-shadow: inset 2px 5px 10px rgb(5, 5, 5);
  border-radius: 5px;
  transition: .4s ease-in-out;
}

.radio-input input:hover {
  scale: 1.2;
  cursor: pointer;
  box-shadow: none;
}

.radio-input .plus1 {
  position: relative;
  top: 0.01em;
  left: -1.4em;
  width: 1.3em;
  height: 0.2em;
  background-color: red;
  rotate: 45deg;
  scale: 0;
  border-radius: 5px;
  transition: .4s ease-in-out;
  font-size:22px;
}

.radio-input .plus2 {
  position: relative;
  width: 1.3em;
  height: 0.2em;
  background-color: red;
  transform: rotate(90deg);
  border-radius: 5px;
  transition: .4s ease-in-out;
}

.radio-input input:checked {
  box-shadow: none;
}

.radio-input input:checked + .plus1 {
  transform: rotate(180deg);
  scale: 1;
}
.input {
  min-height:40px;
  border-radius: 8px;
  border: 2px solid hsl(236, 92%, 66%);
  outline: none;
  transition: 200ms ease-in;
  padding:10px;
  font-size:1rem;
  min-width:180px;
}

.input:focus {
  border-bottom: 4px solid hsl(236, 92%, 66%);
  padding-top: 5px;
}

.input::placeholder {
  color: hsl(236, 92%, 66%);
  opacity: 0.5;
}

.clear {
  clear: both;
}

.checkBox {
  display: block;
  cursor: pointer;
  width: 50px;
  height: 30px;
  border: 3px solid rgba(255, 255, 255, 0);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  box-shadow: 0px 0px 0px 2px #fff;
  margin:10px auto;
}

.checkBox aside {
  width: 60px;
  height: 60px;
  background-color: var(--orange);
  top: -52px;
  left: -52px;
  position: absolute;
  transform: rotateZ(45deg);
  z-index: 100;
}

.checkBox input[type="checkbox"]:checked + aside {
  left: -3px;
  top: -10px;
}

.checkBox input[type="checkbox"] {
  position: absolute;
  left: 50px;
  visibility: hidden;
}

.transition {
  transition: 300ms ease;
}


.textarea{border:solid 1.5px #9e9e9e;padding:1rem;width:100%;box-sizing:border-box;height:200px;margin-bottom:50px;}
.sendBtn{display:table;background:var(--blue);color:#fff;padding:10px 20px;margin-top:30px;border:none;}
.g-recaptcha{display:block;margin-top:20px}


/*-- RONDA ACTUAL --*/
#alerta{width:100%;color:#fff;position:fixed;top:-50px;text-align:center;height:50px;transition:.3s linear;display:flex;align-items:center;justify-content:center;z-index:99;}
.green{background:green;}
.red{background:red;}
.des{display:none;background:#fff;padding:50px 20px;max-width:800px;}
.des input{width:100%;padding:5px 10px;margin-top:30px;margin-bottom:20px}
.des p{margin-bottom:20px;}
.des button{display:block;background:var(--orange);color:#fff;border:none;padding:5px 20px;}
.bgblack{background:var(--black);padding-bottom:38px;min-height:100vh;}
ronda:nth-child(4n) .ronda{background:var(--bgcustom3);}
ronda:nth-child(4n-1) .ronda{background:var(--bgcustom2);}
ronda:nth-child(4n-2) .ronda{background:var(--bgcustom1);}
ronda:nth-child(4n-3) .ronda{background:var(--bgcustom4);}
#final .ronda{background:linear-gradient(144deg, #0bb6f6 50%, #534bfa);}
.logosh{float:right;display:flex;align-items:end;}
.logosh a{margin-left:10px;}
.logosh a:first-child{margin-left:0px;}
.logosh img{width:20px;max-width:100%;margin:0px !important;}
.logolg{max-width:40%;display:inline-block;}
.torneo{color:#fff;padding:50px 0px;}
.torneo img{margin-bottom:30px;max-width:100%;}
.torneo .inputrondas{margin-top:5px;max-width:300px;width:100%;padding:5px 10px;}
.torneo .link{margin-top:20px;text-decoration:underline;display:table;}
.ronda{padding:40px 20px;border-radius:20px;margin-bottom:50px;}
.share{background:linear-gradient(144deg, #534bfa 50%, #0bb6f6 );display:block;border-radius:10px;text-align:center;border:none;padding:10px 0px;width:100%;margin-bottom:30px;color:#fff;cursor:pointer;max-width:600px;}
.unete{background:var(--orange);display:block;border-radius:10px;text-align:center;border:none;padding:10px 0px;width:100%;margin-bottom:30px;color:#fff;cursor:pointer;max-width:600px;}
.salir{background:#fff;display:block;border-radius:10px;text-align:center;border:none;padding:5px 0px;width:100%;margin-bottom:30px;color:#000;cursor:pointer;max-width:400px;}
.buscarJugadorinput{color:#fff;background-color:var(--black);border-radius:10px;border:solid var(--orange) 1px;padding:10px 10px;width:100%;}
.buscarJugador{display:table;width:100%;max-width:600px;}
.buscarJugador p{text-align:right;}
.numRonda{margin:0px;cursor:pointer;}
.numRonda h4{color:var(--orange);margin-bottom:20px;border-top:solid var(--orange) 1px;}
.numRonda h4 img{float:right;width:30px;margin-top:15px;transform:rotate(180deg);}
.jugadores{display:flex;gap:5%;flex-wrap:wrap;text-align:center;}
.jugadores h3{width:100%;margin-bottom:20px;}
.jugadores p{width:47.5%;line-height:1em;}
.jugadores p img{position:absolute;margin-top:-30px;margin-left:-20px;display:none;width:40px;}
.rondaactual{display:flex;flex-wrap:wrap;gap:5%;}
.rondaactual h6{text-align:center;width:100%;font-size:20px;margin:30px 0px;color:#6d6d6d;}
.rondaactual div{width:47.5%;text-align:center;}
.rondaactual div input{text-align:center;max-width:60px;width:100%;background:transparent;border:none;font-family:"Tektur", sans-serif;font-weight:bold;font-size:20px;}
.value-control{vertical-align:middle;width:30px;border:none;padding-bottom:5px;font-size:20px;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.rondaactual .ganador{width:100%;display:flex;margin:20px 0px;gap:5%;}
.rondaactual .ganador h4{display:block;width:50%;text-align:center;}
#puntos{padding-bottom:50px;}
#puntos h3{color:#48ff00;margin-bottom:30px;}
.puntos{display:flex;flex-wrap:wrap;color:#fff;}
.puntos p{flex:1;border:solid 1px #fff;padding:5px 10px;font-size:16px;}
.puntos p label img{vertical-align:middle;margin-left:10px;}
.puntos span{font-size:14px;width:40px;display:block;text-align:center;border:solid 1px #fff;padding:5px 0px;border-left:none;}
.puntos span:first-child{border-left:solid 1px #fff;}
.puntos span:last-child{color:var(--orange);}
.guardar{background:var(--orange);width:100%;bottom:0px;position:fixed;border:none;color:#fff;padding:10px 0px;text-align:center;cursor:pointer;}
.crearTorneo{background:#48ff00;text-align:center;text-align:center;color:#000;padding:10px 0px;width:100%;display:block;font-weight:800;}
.limpiar{display:table;margin-left:auto;color:#fff;text-decoration:underline;background:none;border:none;}
.bttnfinal{background:var(--orange);color:#fff;text-align:center;padding:10px 20px;border-radius:10px;border:none;}
#contenedorQR{text-align:center;}
#crearroll{background:var(--orange);}
#semifinal{background:#48ff00;color:#000;}
.top{display:flex;}
.top aside{flex:1;}
.tggle{display:none;}
.equipospublic{margin-bottom:50px;}

/*-- PERFIL --*/
.perfil{}
.perfil .buscar{text-align:center;padding:90px 0px 40px;}
.perfil .buscar input{width:100%;padding:6px 10px 6px 50px;background-image:url('../img/icon-lupa.png');background-repeat:no-repeat;background-position:10px 3px;background-size:30px;margin:10px auto 0px;max-width:800px;display:block;}
.perfil .user{background:#000;color:#fff;padding:50px 0px;}
.perfil .user div .editar{padding:5px 20px;border:solid var(--orange) 1px;display:table;margin-left:auto;margin-top:30px;}
.perfil .user .center{max-width:600px;}
.perfil .user section h4{margin-top:0px;color:var(--orange)}
.perfil span{color:#48ff00;margin-top:0px;}
.perfil .user section hr{margin:0px;border:solid 1px #fff;margin-top:20px;}
.perfil .user section{display:flex;gap:30px;margin-bottom:30px;}
.perfil hr{border:solid 10px var(--orange);margin:0px auto;display:block;max-width:300px;position:relative;z-index:1;margin-top:-10px;}
.perfil .datos{margin:0px auto;max-width:400px;text-align:center;padding:100px 0px;}
.perfil .datos h4{margin:40px 0px 20px;}

/*-- HISTORIAL --*/
.ganadores{border:solid var(--orange) 1px;padding:20px;max-width:600px;margin-bottom:50px;}
.ganadores section{border:solid var(--orange) 1px;border-radius:10px;text-align:center;padding:40px 0px;}
.ganadores section aside{display:flex;justify-content:center;}
.ganadores h4{max-width:40%;}
.ganadores h4:nth-child(2){width:10%;}
.ganadores p{color:var(--orange);}
.ganadores img{margin:0px;max-width:90%;}

/*-- IMPRIMIR --*/
.right{float:right;font-weight:400;text-align:right;}
.right a{text-decoration:underline;font-weight:bold;}
.txtblack{color:#000;border-bottom:solid var(--orange) 1px;padding-bottom:25px;margin-bottom:25px;}
#imprimir{display:flex;flex-wrap:wrap;}
.imprimir{width:50%;padding:20px;}
.imprimir h3{color:var(--orange);border-bottom:solid #afb1b0 1px;padding-bottom:20px;margin-bottom:20px;}
.imprimir h4{color:var(--orange);width:20%;text-align:center;}
.imprimir p{line-break:normal;}
.imprimir .equipo{display:flex;padding-bottom:20px;margin-bottom:20px;border-bottom:solid #afb1b0 1px;flex-wrap:wrap;}
.imprimir p{width:37%;}
.imprimir .equipo aside{width:6%;}
.imprimir span{margin-top:10px;font-style:italic;}

/*-- FINAL --*/
#ranking{color:#fff;}
#ranking input{transform:scale(2);}
#ranking section{display:flex;border:solid 1px #fff;}
#ranking section aside{padding:20px 20px;min-width:40px;border-right:solid 1px #fff;flex:1;}
#ranking section aside:first-child{padding:20px 5px;text-align:center;flex:none;}
#ranking section aside:last-child{border-right:none;padding:20px 5px;text-align:center;flex:none;}
#ranking p{}
#ranking span{color:#48ff00}
.torneo .logo{max-width:40%;}
.torneo h4{margin:0px 0px;}
#final h3{color:#fff;}
#eliminar{text-decoration:underline;margin-top:50px;cursor:pointer;display:block;color:red;}

@media screen and (max-width:750px){
	#torneos .center0 div{width:100%;}
  .movil{display:block;}
  .nonemovil{display:none;}
}