* {
  box-sizing: border-box;
}

::selection {
  background-color: #888;
  color: white;
}

html {
  ///font-size: 0.94vw;
}

body {
  font-family: "roboto", Sans-serif;
  color: #888;
  background-color: #000;
  font-size: 1rem;
  font-weight: 400;
  background-image: url("../img/img_fond.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000;
  height: auto;
  z-index: 5007;
}

/*input {
  background-color: #004288;
  color: #fff;
  padding: 7px 45px 5px 45px;
  font-family: "roboto", Sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  border-radius: 25px;
  border: 0;
  cursor: pointer;
}*/

body::-webkit-scrollbar {
  width: 0.5em;
}

body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.1);
}

body::-webkit-scrollbar-thumb {
  background-color: rgb(255, 255, 255);
  outline: 1px solid slategrey;
}

a {
  display: inline-block;
}

section {
  position: relative;
}

hr {
  border-color: rgba(255, 255, 255, 0.1);
}

/*main
{
  background-image: url("../img/trama2.png");
  z-index: 100;
}*/
footer {
}

footer .pie {
  color: #fff;
  ///background-image: url("../img/trama.png");
  ///background-color: rgba(51, 51, 51, 1);
}

footer .pie a {
  color: #888;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 30px;
}

.cabecera {
  padding-bottom: 0;
  background-color: rgba(255, 255, 255, 1);
  /*background-image: url("../img/img_cab.png");
  background-repeat: repeat;*/
  ///position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9000;
}

.cabecera .columna-100 {
  display: flex;
  align-items: center;
  ///justify-content: space-between;
}

.cabecera .img-cabezote {
  background-image: url("../img/img_cab.png");
  background-repeat: repeat;
  background-position: center center;
  ///opacity: 0.5;
}

.cabecera .caja-salir input {
  background-color: #004288;
  color: #fff;
  padding: 7px 45px 5px 45px;
  font-family: "roboto", Sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  border-radius: 25px;
  border: 0;
  cursor: pointer;
  transition: all .3s ease;
}

.cabecera .caja-salir input:hover {
  background-color: #0092d3;
}

.fila-color {
  width: 100%;
  background-color: rgba(0, 66, 136, 1);
  display: flex;
  ///height: 50px;
}

.fila-color-1 {
  width: 80%;
  margin-left: 35px;

}

.fila-color-2 {
  width: 20%;
}

.fila-color-2 .container-2 {
  display: flex;
  justify-content: flex-end;
  margin-right: 35px;
}

.cabecera .link-logo {
  display: inline-block;
  vertical-align: middle;
}

.cabecera .logo {
  width: 53px;
  height: auto;
  margin-left: 50px;
}

.cabecera .menu {

}

.cabecera .menu a {
  margin-left: 7px;
  margin-right: 7px;
  margin-top: 10px;
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.8rem;
  font-weight: 300;
  ///text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1px;
  transition: all 0.5s ease;
  z-index: 7000;
}

.cabecera .menu a:hover {
  color: rgba(3, 124, 188, 1);
}

.cabecera .menu a:visited {
  color: rgba(255, 255, 255, 0.3);
}

.cabecera .menu a:first-child {
  margin-left: 0;
}

.cabecera .menu a:last-child {
  margin-right: 0;
}

.cabecera .hamb {
  display: none;
}

.menu strong {
  color: #fff;
  font-weight: 700;
}

.container {
  width: 100%;
  padding: 0 15px;
  margin: 0 0;
  background-image: url("../img/trama2.png");
  background-repeat: repeat;
  z-index: 5005;
}

.container- {
  width: 100%;
  margin: 0 0;
  background-image: url("../img/trama2.png");
  background-repeat: repeat;
  z-index: 1;
}

.container--- {

}

.caja-jugador {
  display: flex;
}

.caja-jugador .columna-60 p {
  color: #000;
  font-family: 'roboto', serif;
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 0.2rem;
  margin-top: 15px;
  margin-left: 10px;
}

.caja-jugador .img-escudo {
  display: flex;
  justify-content: flex-end;
}

.caja-jugador .img-escudo img {
  width: 70px;
  height: auto;
}

.cabecera .caja-salir {
  display: flex;
  margin-right: 30px;
  justify-content: flex-end;
}

.container-full {
  width: 100%;
  padding: 0 15px;
}

.container .fila-liga img {
  margin-bottom: 40px;
}

.container .fila-liga {
  display: flex;
  justify-content: center;
}

.container .fila-ingresar {
  display: flex;
  justify-content: center;
  align-items: center;
}

.container .caja-ingresar {
  width: 350px;
  height: 47px;
  margin-top: -180px;
  position: absolute;
  background-image: url("../img/botones/fr_ingresar.png");
  background-repeat: no-repeat;
  z-index: 100;
}

.container .liga {
  color: #fff;
  font-family: 'roboto', serif;
  font-weight: 700;
  font-size: 2.5rem;
  text-align: center;
  margin-top: 70px;
  margin-bottom: 30px;
  text-shadow: 5px 5px 25px rgb(0 0 0 / 50%);
}

.fila {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
}

.fila-model {
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.fila.fila-centrada {
  justify-content: center;
}

.columna {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.columna-100 {
  width: 100%;
}

.columna-90 {
  width: 90%;
}

.columna-80 {
  width: 80%;
}

.columna-75 {
  width: 75%;
}

.columna-70 {
  width: 70%;
}

.columna-60 {
  width: 60%;
}

.columna-50 {
  width: 50%;
}

.columna-40 {
  width: 40%;
}

.columna-33 {
  width: 33.33%;
}

.columna-30 {
  width: 30%;
}

.columna-25 {
  width: 25%;
}

.columna-20 {
  width: 20%;
}

.columna-12 {
  width: 12%;
}

.columna-10 {
  width: 10%;
}

.columna-10-retados {
  width: 10%;
}

.columna-110 {
  width: 90px;
}

.columna-260 {
  width: 230px;
  justify-content: flex-start;
}

.columna-400 {
  width: 40%;
}

.columna-600 {
  width: 60%;
}

.orden {
  order: 2;
}

.correr-33 {
  left: 33.33%;
}

.columna-40.columna-basebanner {
  color: #fff;
  background-color: rgba(34, 99, 168, 1);
  text-align: center;
  ///border: 1px solid #fff;
  border-radius: 10px;
  padding: 20px 0;
  box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.5);
  width: 350px;
  //display: flex;
}

.columna-basebanner .input-btn input {
  background-color: #004288;
  color: #fff;
  padding: 7px 45px 5px 45px;
  font-family: "roboto", Sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  border-radius: 25px;
  border: 0;
  cursor: pointer;
  transition: all .3s ease;
}

.columna-basebanner .input-btn input:hover {
  background-color: #0092d3;
}



.columna-basebanner .input-btn-contr input {
  background-color: #c1c1c1;
  color: #5d5d5d;
  padding: 7px 45px 5px 45px;
  font-family: "roboto", Sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  width: 310px;
  margin-top: 20px;
}

.columna-basebanner .flex-column {
  display: flex;
}

.columna-basebanner .margin-ingresar {
  margin-top: 60px;
}

.columna-basebanner .flex-column p {
  margin-top: 5px;
  text-align: right;
}

.columna-basebanner .columna-260 input {
  width: 230px;
  height: 25px;
  border: solid 1px rgba(0, 0, 0, 0.1);
  margin-top: 0;
  margin-left: 5px;
}

#banner .fila .creditos {
  display: inline-block;
  text-align: center;
}

#banner .fila .credito {
  font-size: 0.8rem;
  font-style: italic;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
}

.sin-padding {
  padding-left: 0;
  padding-right: 0;
}

.padding {
  padding-left: 0;
  padding-right: 0;
}

.columna-mb-100 p {
  ///text-align: left;
}

.section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.centrar-texto {
  text-align: center;
}

.inclinar--texto {
  font-style: italic;
  z-index: 5;
}

.justificar-texto {
  text-align: justify;
}

.importante {
  font-style: italic;
}

.titulos {
  font-family: 'roboto', serif;
  font-weight: 300;
  text-align: center;
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 1px 1px 90px grey;
}

.titulos::before {
  position: absolute;
  top: 0;
  background-color: white;
  content: " ";
}

.btn {
  padding: 10px 20px;
  font-size: 20px text-decoration: none;
  text-align: center;
  border-radius: 5px;
  text-decoration: none;
  border-width: 2px;
}

.btn.btn-azul {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border: 2px;
  border-color: #fff;
  border-style: solid;
  padding: 10px 30px;
}

#banner-- {
  background-image: url("../img/trama2.png");
  background-repeat: repeat;
  background-color: #000;
  z-index: 5005;
}

#banner .container {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
}

#banner .container h1 {
  font-family: 'roboto', serif;
  font-size: 6.5rem;
  font-weight: 300;
  color: #fff;
  margin: 0;
  /*-webkit-text-stroke: 1px #509bfe;*/
}

/*///---------------home--------------->///*/
.filas-h {
  width: 100%;
}

.filas-h-flex {
  display: flex;
  justify-content: center;
}

.filas-h-flex-h {
  flex-direction: column;
}

.filas-h-flex-end {
  display: flex;
}

.caja-noticias-e {
  margin-top: 150px;
  background-color: #0092d3;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 40px 25px 10px 25px;
  box-shadow: 1px 1px 25px rgb(0 0 0 / 50%);
  width: 70%;
}

.caja-noticias-e::after {
  content:"";
  position: absolute;
  background-color: #0092d3;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 15px;
  box-shadow: 1px 1px 25px rgb(0 0 0 / 50%);
  width: 121px;
  height: 52px;
  top: 100px;
  background-image: url("../img/img_noticias.png");
  background-repeat: no-repeat;
}

.caja-noticias-e p, li {
  font-family: 'roboto', serif;
  font-size: 1rem;
  font-weight: 300;
  color: #fff;
}

.filas-h .fr-reglas {
  margin-top: 50px;
  margin-bottom: 10px;
  height: 32px;
  width: 300px;
  box-shadow: 1px 1px 25px rgb(0 0 0 / 50%);
  cursor: pointer;
  transition: all .3s ease;
}
.filas-h .fr-reglas:hover {
  cursor: pointer;
  filter: grayscale(1);
}

.filas-h .fr_preguntas {
  height: 32px;
  width: 300px;
  box-shadow: 1px 1px 25px rgb(0 0 0 / 50%);
  cursor: pointer;
  transition: all .3s ease;
}
.filas-h .fr_preguntas:hover {
  cursor: pointer;
  filter: grayscale(1);
}

.filas-h .arquero {
  position: absolute;
  margin-top: -55px;
  margin-left: -70px;
}

.filas-h-flex-end .pest-equipos {
  position: absolute;
  top: 80px;
  margin-left: 110px;
}

.filas-h .logos img {
  width: 130px;
  height: auto;
  padding-top: 5px;
  margin-left: 20px;
}

.filas-h .margin-logos img.logos1 {
  margin-top: 150px;
}

.bass-1 {
  ///position: absolute;
  background-image: url("../img/bass_1.png");
  background-repeat: no-repeat;
  background-size: cover;
}

/*.img-banner {
  background-image: url("../img/img_fond.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  ///z-index: 3005
}*/

/*///<---------------home---------------///*/


/*///---------------zona--------------->///*/

.filas-h .jugadores-hym {
  width: 100%;
  margin-top: 180px;
  margin-left: 70px;
}

.filas-h .logo-liderazgo {
  margin-left: 30px;
}

.txt-intro-zona h3 {
  color: #fff;
  ///color: #004288;
  font-family: "roboto", Sans-serif;
  font-size: 1.5rem;
  padding: 80px 130px 30px 50px;
  text-shadow: 3px 3px 7px rgb(0 0 0 / 25%);
}

.filas-h-flex .filas-h-flex-h img {
  width: 310px;
  padding: 5px 0;
  cursor: pointer;
  transition: all .3s ease;
}
.filas-h-flex .filas-h-flex-h img:hover {
  filter: grayscale(1);
}

.filas-h-flex .filas-h-flex-h .btn1 {
  margin-top: 20px;
}

.bass-2 {
  background-image: url("../img/bass_2.png");
  background-repeat: no-repeat;
  background-size: cover;
}
/*///<---------------zona---------------///*/


/*///-------------partidos------------->///*/

.caja-ronda, .caja-ronda-2 {
  margin-top: 10px;
  margin-bottom: 50px;
  width: 70%;
  height: 555px;
  border: 1px solid #fff;
  border-radius: 25px;
  padding: 25px;
  background-color: rgba(0,25,57, 0.5);
  box-shadow: 1px 1px 25px rgb(0 0 0 / 50%);
  //cursor: pointer;
}

.caja-ronda .img-ronda-2 img {
  filter: grayscale(1);
  opacity: 0.7;
  cursor: auto;
}

.caja-ronda-2 {
  margin-right: 100px;
  display: flex;
  align-items: center;
  width: 70%;
}

.caja-ronda-2 img {
  opacity: 0.7;
}

.caja-ronda img {
   margin: 10px 25px;
}

.txt-fases {
  color: #fff;
  font-family: "roboto", Sans-serif;
  font-size: 1.5rem;
  margin-top: 60px;
  margin-bottom: 0;
  padding-bottom: 0;
  text-shadow: 3px 3px 7px rgb(0 0 0 / 25%);
}

.txt-fases-t2 {
  margin-right: 100px;
}
/*///<-------------partidos-------------///*/


/*///--------------ronda--------------->///*/

.caja-rondas {
  display: flex;
  width: 70%;
  height: 557px;
  border: 1px solid #fff;
  border-radius: 25px;
  background-color: rgba(0,25,57, 0.5);
  box-shadow: 1px 1px 25px rgb(0 0 0 / 50%);
  margin-top: 10px;
  margin-bottom: 50px;
}

.caja-rondas .caratula-ronda img {
  margin-top: -1px;
  margin-left: -3px;
}

.txt-partidos {
  color: #fff;
  font-family: "roboto", Sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  margin: 100px 0;
  text-shadow: 3px 3px 7px rgb(0 0 0 / 25%);
}

.img-partidos .img-hover img {
  right: 0;
  margin-right: 5px;
  width: 200px;
  height: 238px;
  cursor: pointer;
}
.img-hover img:hover {
  transition: all .3s ease;
  filter: grayscale(1);
  cursor: pointer;
  transform: scale(1.1);
}

.img-partidos-2 img {
  filter: grayscale(1);
  filter: opacity(0.7);
  cursor: auto;
}

.bt_volver {
  margin-right: -15px;
  margin-top: -15px;
}
/*///<--------------ronda---------------///*/


/*///-------------conocer-------------->///*/

.caja-conocer {
  display: flex;
  flex-direction: column;
  width: 70%;
  height: auto;
  border: 1px solid #fff;
  border-radius: 25px;
  background-color: rgba(0,25,57, 0.5);
  box-shadow: 1px 1px 25px rgb(0 0 0 / 50%);
  margin-top: 150px;
  margin-bottom: 110px;
}

.caja-conocer .color-base-conocer {
  background-color: rgba(255,255,255,0.7);
  border-radius: 25px 25px 0 0 ;
  border-top: 0 solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 0 solid #fff;
  height: 100px;
}

.pestana-ronda p {
  position: absolute;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 0;
  color: #fff;
  font-size: 1.2rem;
  width: 300px;
  height: 40px;
  margin-top: -40px;
  margin-left: 25px;
  border: 1px solid #fff;
  border-radius: 25px 25px 0 0;
  background-color: #095fba;
  z-index: 3001;
}

.pestana-ronda strong {
  font-size: 1.5rem;
  font-weight: 700;
}

.pestana2-ronda p {
  position: absolute;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 0;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  width: 400px;
  height: 35px;
  margin-top: -35px;
  margin-left: 300px;
  border: 1px solid #fff;
  border-radius: 0 25px 0 0;
  background-color: #004288;
}

.escudo-conocer img {
  margin: 10px;
}

.txt-corrido {
  font-family: 'roboto', serif;
  font-weight: 400;
  font-size: 1rem;
  color: #004288;
}

.pestana-retos img {
  margin-top: 50px;
  margin-bottom: 20px;
}

.margin-top-btn {
  margin-top: 50px;
}

.caja-conocer .color-base-conocer-2 {
  background-color: rgba(0,25,57, 0.5);
}

.italica {
  font-family: 'roboto', serif;
  font-style: italic;
  font-weight: 300;
  font-size: 1rem;
  color: #fff;
  text-shadow: 1px 1px 90px grey;
}

.goles-acumulados {
  font-family: 'roboto', serif;
  font-weight: 400;
  font-size: 1rem;
  color: #004288;
  padding: 5px 5px 5px 30px;
}

.valor-goles-acumulados {
  font-family: 'roboto', serif;
  font-weight: 700;
  font-size: 2rem;
  color: #004288;
  margin: 10px 0 0 10px;
}

.caja-conocer .color-base-conocer-3 {
  background-color: #fff;
  border-radius: 0 0 0 25px;
  border: 0;
}

.caja-conocer .color-base-conocer-4 {
  background-color: rgba(0,25,57, 0.5);
  border-radius: 0 0 25px 0;
}
/*///<-------------conocer--------------///*/


/*///-------------retados-------------->///*/

.caja-retados {
  position: relative;
  margin-top: 100px;
  margin-bottom: 50px;
}

.txt-seleccion {
  font-family: 'roboto', serif;
  font-weight: 700;
  font-size: 1.2rem;
  color: #004288;
  margin-top: 40px;
}

.box-search i {
  color: #004288;
  padding-right: 3px;
}

.box-search input {
  margin-top: 60px;
  color: #004288;
  bottom: 0;
  height: 30px;
  width: 250px;
  padding-left: 15px;
  border: 1px solid #004288;
  border-radius: 25px;
  background-color: #fff;
}

.margin-bottom {
  align-items: end;
}

.img-hover img {
  transform: scale(1);
  transition: all .3s ease;
}

.flex-start {
  justify-content: flex-start;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}

.flex-inline {
 display: flex;
 justify-content: center;
}

.retados img {
  margin-top: 8px;
}
/*///<-------------retados--------------///*/


/*///-------------retado-------------->///*/

textarea {
  padding: 10px;
  margin-top: 10px;
  width: 70%;
  height: 100px;
  border: 1px solid #004288;
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 10px;
}

.retado img {
  margin-top: 30px;
}

.btn-enviar {
  background-color: #004288;
  color: #fff;
  padding: 7px 45px 5px 45px;
  font-family: "roboto", Sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
  border-radius: 25px;
  border: 0;
  cursor: pointer;
  transition: all .3s ease;
  margin-bottom: 20px;
}
.btn-enviar:hover {
  background-color: #0092d3;
}
/*///<-------------retado--------------///*/


/*///------------preguntas------------>///*/

.txt-corrido-cabezote {
  font-family: 'roboto', serif;
  font-weight: 700;
  font-size: 1rem;
  color: #004288;
  padding: 5px 10px;
}

.jugada img {
  margin-top: 15px;
  margin-bottom: 15px;
}

#btn-patear {
  display: none;
}

.patear p {
  font-family: 'roboto', serif;
  font-weight: 300;
  font-size: 2rem;
  color: rgba(255,255,255,0.9);
  padding: 5px 20px;
  text-shadow: 3px 3px 5px rgb(0 0 0 / 25%);
}

.caja-preguntas {
  display: flex;
  margin-top: 15px;
  width: 95%;
  height: 90px;
  border: 1px solid #fff;
  border-radius: 10px;
  background-color: #fff;
  opacity: 1;
  cursor: pointer;
  transition: all .3s ease;
}
.caja-preguntas:hover {
  opacity: 0.7;
}
.caja-preguntas:visited {
  background-color: #004288;
  opacity: 0.5;
}

.caja-preguntas::selection {
  background-color: #004288;
  opacity: 0.5;
}

.caja-preguntas .option {
  color: #004288;
  font-family: 'roboto', serif;
  font-weight: 700;
  font-size: 1.5rem;
  margin-top: 30px;
  margin-left: 20px;
  margin-right: 10px;
}

.caja-preguntas .txt-select {
  color: #000;
  font-family: 'roboto', serif;
  font-weight: 300;
  font-size: 1rem;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

/*<--------retro-correcta---------*/
.bt_cerrar {
  margin-left: 97%;
  margin-top: -15px;
  z-index: 9009;
}
#correcto {
  display: none;
  position: relative;
  margin-top: 0;
  z-index: 9010;
}
#correcto .container-correcto {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0,0,0, 0.7);
  margin-top: -803px;
  width: 100%;
  height: auto;
}
.caja-correcto {
  border: 1px solid #fff;
  border-radius: 25px;
  background-color: rgba(0,0,0, 1);
  box-shadow: 1px 1px 25px rgb(0 0 0 / 50%);
  width: 1280px;
  margin-top: 25px;
  margin-bottom: 10px;
}
.video-correcto video {
  margin-top: -20px;
  margin-bottom: 20px;
}
/*<--------retro-incorrecta---------*/
#incorrecto {
  display: none;
  position: relative;
  margin-top: 0;
  z-index: 9011;
}
#incorrecto .container-incorrecto {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0,0,0, 0.7);
  margin-top: -803px;
  width: 100%;
  height: auto;
}
.caja-incorrecto {
  border: 1px solid #fff;
  border-radius: 25px;
  background-color: rgba(0,0,0, 1);
  box-shadow: 1px 1px 25px rgb(0 0 0 / 50%);
  width: 1280px;
  margin-top: 25px;
  margin-bottom: 10px;
}
.video-incorrecto video {
  margin-top: -20px;
  margin-bottom: 20px;
}




/*///<------------preguntas------------///*/


/*///-----------aplicacion------------>///*/

.margin-top-aplica {
  margin-top: 100px;
}

.caja-txt-aplicacion {
  margin-left: 40px;
  width: 85%;
  height: auto;
  background-color: #095fba;
  border-radius: 15px;
  cursor: auto;
}

.caja-txt-aplicacion p {
  font-family: 'roboto', serif;
  font-weight: 300;
  font-size: 1rem;
  color: #fff;
  padding: 5px 20px;
}

.caja-txt-aplicacion .goles {
  font-family: 'roboto', serif;
  font-weight: 300;
  font-size: 2rem;
  color: rgba(255,255,255,0.9);
  margin-top: 0;
  margin-bottom: 0;
  text-shadow: 3px 3px 5px rgb(0 0 0 / 25%);
}

.escudo-ae {
  position: absolute;
  top: 105px;
}
/*///<-----------aplicacion------------///*/


/*///<-------------general-------------///*/

.img-ranking img {
  margin: 0 30px;
}

.txt-ranking {
  font-family: 'roboto', serif;
  font-weight: 700;
  font-size: 2rem;
  color: rgba(255,255,255,1);
  margin-top: 10px;
  margin-bottom: 10px;
  text-shadow: 3px 3px 7px rgb(0 0 0 / 25%);
}

.caja-ranking {
  display: flex;
  flex-direction: column;
  width: 70%;
  height: auto;
  border: 1px solid #fff;
  border-radius: 25px;
  background-color: rgba(0,25,57, 0.5);
  box-shadow: 1px 1px 25px rgb(0 0 0 / 50%);
  margin-top: 100px;
  margin-bottom: 100px;
}

.caja-ranking .color-base-ranking {
  background-color: rgba(255,255,255,0.7);
  border-radius: 25px 25px 0 0 ;
  border-top: 0 solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 0 solid #fff;
}

.caja-ranking .perfil {
  margin-top: 50px;
  margin-bottom: 40px;
}

.caja-ranking .datos {
  width: 100%;
  height: auto;
  align-items: center;
  background-color: rgba(9, 95, 186, 0.8);
  /*border: 1px solid #fff;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 0;
  border-left-width: 0;
  border-radius: 0 0 0 25px;*/
}

.caja-ranking .datos p {
  font-family: 'roboto', serif;
  font-weight: 400;
  font-size: 1rem;
  color: #fff;
  padding: 0 0 0 15px;
  line-height: 0.5rem;
}

.caja-ranking .caja-datos-ranking {
  background-color: rgba(9, 95, 186, 0.3);
  width: 100%;
  height: 450px;
  margin: 0;
  display: flex;
  align-items: center;
}

.caja-ranking .caja-datos-ranking img {
  ///width: 70%;
}


scroll-container {
  display: block;
  margin: 0 auto;
  text-align: center;
}

scroll-container {
  display: block;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  ///scroll-behavior: smooth;
}
scroll-page {
  ///display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  ///font-size: 6em;
}
/*///<-------------general-------------///*/



/*///------------ranking_d------------>///*/

.menu-2 a {
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 10px;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.8rem;
    font-weight: 300;
    text-decoration: none;
    letter-spacing: 1px;
    ///background-color: #004288;
    transition: all 0.5s ease;
    z-index: 100;
}

.caja-ranking-d {
  display: flex;
  margin-bottom: 20px;
  border: 1px solid #fff;
  border-radius: 25px;
  width: 90%;
  height: auto;
  background-color: #0092d3;
}

.caja-ranking-d .aling-itemps {
  display: flex;
  align-items: center;
}

.img-margin {
  margin-top: 20px;
  ///padding: 5px;
}

.caja-flex-end {
  align-items: flex-end
}

table {
  width: 95%;
  color: #fff;
  margin: 30px 5px;
  background-color: rgba(255,255,255,0.2);
  padding: 5px;

}

tr th {
   background-color: #004288;
   font-size: 0.8rem;
   font-weight: 300;
   padding: 5px 0;
   text-align: center;
}


tr td {
   text-align: center;
}

table .subtema {
  color: #004288;
  font-size: 0.8rem;
  font-weight: 300;

}

.pestana-ranking p {
  text-align: center;
  color: #fff;
  font-size: 1rem;
  padding-top: 10px;
  width: 200px;
  height: 35px;
  margin-top: 30px;
  margin-left: 90px;
  margin-bottom: -1px;
  border: 1px solid #fff;
  border-radius: 25px 25px 0 0;
  background-color: #095fba;
  z-index: 3001;
}

/*///<------------ranking_d------------///*/


/*///------------ranking_e------------>///*/

.caja-ranking-e {
  ///margin-top: 50px;
  display: flex;
  margin-bottom: 20px;
  border: 1px solid #fff;
  border-radius: 25px;
  width: 90%;
  height: auto;
}

.color-70 {
  background-color: #0092d3;
  border-radius: 0 25px 25px 0;
}

.align-items-e {
  align-items: center;
}
/*///<------------ranking_e------------///*/


/*///-------------equipo_t------------>///*/

.caja-equipo-t {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 65%;
  height: auto;
  border: 1px solid #fff;
  border-radius: 25px;
  background-color: rgba(0,25,57, 0.5);
  margin-bottom: 70px;
  box-shadow: 1px 1px 25px rgb(0 0 0 / 50%);
}

.columna-integrante-e {
  display: flex;
  flex-direction: column;
}

.columna-integrante-e .escudo img {
  margin-bottom: 0;
}

.columna-integrante-e .integrante img {
  margin-top: 0;
}

.caja-equipo-t img {
  margin: 5px;
  width: 100px;
}

.img-fr1 {
  margin-left: 15px;
}

.img-fr8 {
  margin-right: 15px;
}

.columna-integrante-e .img-fr8 img {
  margin: 0 10px 10px 10px;
}

.margin-top {
  margin-top: 50px;
}

.margin-top-equipo-t {
  margin-top: 100px;
}

.margin-bottom {
  margin-bottom: 150px;
}

.pestana-equipo-t p {
  position: absolute;
  text-align: center;
  color: #fff;
  width: 64%;
  font-size: 1.5rem;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -44px;
  margin-bottom: -1px;
  ///border: 1px solid #fff;
  ///border-radius: 25px 25px 0 0;
  text-shadow: 3px 3px 7px rgb(0 0 0 / 55%);
  z-index: 3001;

}
/*///<------------equipo_t-------------///*/


/*///------------cierre------------->///*/
.txt-cierre {
  color: #fff;
  font-family: "roboto", Sans-serif;
  font-size: 4.5rem;
  font-weight: 700;
  text-align: center;
  margin: 100px 0;
  text-shadow: 3px 3px 7px rgb(0 0 0 / 25%);
}

.caja-txt-aplicacion .goles-cierre {
  font-family: 'roboto', serif;
  font-weight: 300;
  font-size: 2.5rem;
  color: rgba(255,255,255,0.9);
  margin-top: 0;
  margin-bottom: 0;
  text-shadow: 3px 3px 5px rgb(0 0 0 / 25%);
}
/*///<------------cierre-------------///*/


.footer-columna-100 {
  bottom: 0;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 10px;
  z-index: 3005;
  background-image: url("../img/trama.png");
  background-color: rgba(51, 51, 51, 1);
}

.footer-caja-logos {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-caja-logos-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.footer-caja-logos-2 p {
  text-align: center;
  font-size: 0.9rem;
}

#contactos .caja-contactos {
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.05);
  height: 100%;
  border-radius: 10px;
}




@media (min-width: 1200px) {}

@media (max-width: 1199px) {
  .container {
    width: 960px;
  }
}

@media (max-width: 991px) {
  .container {
    width: 750px;
  }
}

@media (max-width: 767px) {
  html {
    font-size: 1rem;
  }

  .container {
    width: 100%;
  }

  .menu {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 66, 136, 1);
    padding-top: 7px;
    padding-bottom: 60px;
    padding-right: 15px;
    padding-left: 15px;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    transition: all 0.4s ease;
    z-index: 8000;
    transform: translateX(100%);
    text-align: left;
  }

  .menu.open {
    transform: translateX(0);
  }

  .cabecera .menu a {
    font-size: 1.3rem;
    font-weight: 400;
  }

  .cabecera .menu a.color_l {
    font-size: 0.5rem;
    color: #004288;
    background-color: rgba(255, 255, 255, 0.1);
  }

  .cabecera .menu a.oneline {
    color: #004288;
    margin-top: 100px;
  }

  .columna-mb {
    width: 100%;
  }

  .columna-600 {
    width: 100%;
  }

  .columna-400 {
    width: 100%;
    align-items: center;
  }

  .columna-70-mb {
    width: 20%;
  }

  .columna-60-mb {
    width: 70%;
  }

  .columna-40-mb {
    width: 30%;
  }

  .columna-20-mb {
    width: 80%;
  }



/*///<------------genericas-mb-------------///*/
  .filas-h-flex-mb {
    flex-direction: column;
  }

  .flex-mb {
    display: flex;
    justify-content: center;
  }


/*///<------------index-mb-------------///*/
  .columna-40-mb-index {
    width: 100%;
  }

  .container .fila-liga img {
    width: 340px;
  }

  .cabecera-mb {
    display: none;
  }

  .columna-40.columna-basebanner {
    margin-bottom: 30px;
  }

  .container .liga {
    margin-top: 30px;
  }

/*///<------------home-mb-------------///*/
  .cabecera .img-cabezote {
    background-image: none;
  }

  .cabecera .logo {
    margin-left: 0;
  }

  .caja-jugador .img-escudo {
    justify-content: flex-start;
    margin-left: 10px;
  }

  .caja-jugador .columna-60 p {
    padding-right: 0;
    margin-left: 0;
}

  .cabecera .caja-salir {
    margin-right: 5px;
  }

  .cabecera .caja-salir input {
    padding: 20px 15px 20px 15px;
    border-radius: 50px;
  }

  /*.cabecera .menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: none;
  }*/

  .cabecera .link-logo .logo {
    margin-left: 5px;
    height: auto;
    margin-top: 0;
  }

  .cabecera .hamb {
    color: rgba(255, 255, 255, 0.9);
    font-size: 2rem;
    display: block;
    margin-top: 5px;
    margin-right: -20px;
    z-index: 8001;
    position: fixed;
  }

  .filas-h .arquero img {
    position: relative;
    margin-top: -70px;
    width: 100%;
  }

  .filas-h-flex-end .pest-equipos {
    position: relative;
    top: 100px;
    margin-left: 60px;
  }

  .caja-noticias-e {
    margin-top: 100px;
    padding: 0;
    width: 100%;
  }

  .caja-noticias-e p {
    padding: 10px;
  }

  .caja-noticias-e::after {
    content:"";
    position: absolute;
    top: 30px;
    margin-left: 30px;;
  }

  .filas-h .fr-reglas, .fr_preguntas {
    margin-top: 30px;
    margin-left: 30px;
  }

  .filas-h .fr_preguntas {
    margin-top: 5px;
  }

  .filas-h .margin-logos img.logos1 {
    margin-top: 120px;
  }

  .filas-h .logos img {
    width: 120px;
    padding-top: 0;
    margin-left: 5px;
  }


/*///<------------zona-mb-------------///*/
  .columna-40-mb-zona {
    width: 100%;
  }

  .filas-h .jugadores-hym {
    margin-top: 30px;
    margin-left: 0;
  }

  .filas-h .jugadores-hym img{
    width: 200px;
  }

  .txt-intro-zona h3 {
    padding: 10px;
    text-align: center;
  }

  .columna-40-mb-zona {
    width: 100%;
  }

  .filas-h-flex-h {
    display: flex;
    align-items: center;
  }

  .filas-h-flex .filas-h-flex-h .btn1 {
    margin-top: 0;
  }

  .filas-h-flex .filas-h-flex-h img {
    width: 310px;
    padding: 5px 0;
    cursor: pointer;
    transition: all .3s ease;
  }

/*///<------------partidos-mb-------------///*/
  .columna-60-partido-mb {
    width: 100%;
  }

  .filas-columna-partido-mb {
    flex-direction: column;
  }

  .caja-ronda, .caja-ronda-2 {
    margin-bottom: 5px;
    width: 99%;
    height: 410px;
    padding: 15px;
  }

  .caja-ronda, .caja-ronda-2 {
    margin-right: 0;
    margin-bottom: 30px;
  }

  .txt-fases-t2 {
    margin-right: 0;
    margin-top: 30px;
  }

  .caja-ronda img {
    width: 150px;
    margin: 5px;
  }

/*///<------------ronda-mb-------------///*/
  .caja-rondas {
    display: flex;
    width: 99%;
    height: auto;
    border: 1px solid #fff;
    margin-top: 40px;
    margin-bottom: 50px;
  }

  .bt_volver-ronda-mb {
    position: absolute;
    margin-right: -320px;
    margin-top: -1180px;
  }

  .columna-ronda-mb {
    width: 100%;
  }

  .column-ronda-mb {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .caja-rondas .caratula-ronda img {
    width: 250px;
    margin: 0;
    padding: 0;
    margin-top: 30px;
    margin-left: 0;
  }

  .img-partidos .img-hover img {
    width: 150px;
    height: auto;
    margin-bottom: 15px;
  }

  .txt-partidos {
    color: #fff;
    font-family: "roboto", Sans-serif;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin: 30px 0 20px 0;
    text-shadow: 3px 3px 7px rgb(0 0 0 / 25%);
  }

/*///<------------conocimiento-mb-------------///*/

  .columna-conocer-mb {
    display: flex;
    flex-direction: column;
  }

  .caja-conocer {
    //display: flex;
    //flex-direction: column;
    width: 99%;
    margin: 0;
    margin-top: 150px;
    margin-bottom: 30px;
  }

  .pestana-ronda p {
    padding-top: 10px;
    font-size: 1rem;
    width: 300px;
    height: 40px;
    margin-top: -74px;
    z-index: 1;
  }

  .pestana-ronda strong {
    font-size: 1.2rem;
    font-weight: 700;
  }

  .pestana2-ronda p {
    padding-top: 10px;
    padding-bottom: 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 300;
    width: 300px;
    height: 35px;
    margin-left: 25px;
    border-radius: 0;
  }

  .caja-conocer .color-base-conocer {
    height: auto;
  }

  .columna-100-conoce-mb {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .columna-100-conoce2-mb {
    width: 100%;
  }

  .columna-100-conoce2-mb p {
    margin-top: 0;
    padding: 0 10px;
  }

  .bt_volver-conocer-mb {
    position: absolute;
    margin-left: 300px;
    margin-top: -300px;
    z-index: 9001;
  }

  .column-conocer-mb {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .filas-retos {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .filas-retos .logos-conocer-mb img{
    width: 110px;
  }

  .filas-h-flex-conocer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .italica {
    text-align: center;
  }

  .caja-conocer .color-base-conocer-3 {
    border-radius: 0 0 25px 25px;
  }

  .margin-top-btn {
    margin-top: 20px;
    margin-left: -45%;
    transform: translateX(50%);
  }


/*///<------------retados-mb-------------///*/
  .filas-h-flex-conocer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .columna-10-retados {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .txt-seleccion {
    text-align: center;
    margin-top: 0;
    padding: 0 35px 0 35px;
  }

  .box-search input {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .fotos-columna-mb {
    flex-direction: column;
    align-items: center;
  }

  .retados img {
    width: 150px;
  }

/*///<------------preguntas-mb-------------///*/
  textarea {
    width: 95%;
  }

  .txt-corrido-cabezote {
    text-align: center;
    padding: 5px;
    margin-top: 0;
  }

  .jugada img {
    margin-bottom: 0;
    width: 300px;
  }

  .caja-preguntas {
    margin: 8px;
  }

  #correcto video {
    width: 100%;
  }

  #incorrecto video {
    width: 100%;
  }

  #correcto .container-correcto {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.9);
    width: 100%;
    height: 100%;
    top: 803px;
    z-index: 9999;
  }

  #incorrecto .container-incorrecto {
    position: fixed;
    background-color: rgba(0 0 0 0.9);
    width: 100%;
    height: 100%;
    top: 803px;
    z-index: 9999;
  }

  #correcto .caja-correcto {
    width: 100%;
  }

  #incorrecto .caja-incorrecto {
    width: 100%;
  }

  #correcto .container-correcto .bt_cerrar {
    margin-left: 45%
  }

  #incorrecto .container-incorrecto .bt_cerrar {
    margin-left: 45%
  }


/*///<------------cierre-mb-------------///*/
  .caja-rondas .txt-cierre {
    font-size: 2.5rem;
    margin: 20px 0;
  }

  .caja-txt-aplicacion {
     margin-left: 0;
     margin-bottom: 25px;
  }

  .caratula-ronda {
    display: flex;
    justify-content: center;
  }

  .caja-rondas .caratula-ronda img {
    margin-top: 0;
    margin-top: 45px;
  }

  .caja-rondas .caratula-ronda .escudo-ae img {
    margin-top: -40px;
    width: 100px;
  }



/*///<------------aplicacion-mb///equipo-------------///*/
  .margin-container-mb {
    margin-top: 100px;
  }

  .margin-container-mb .bt_volver-mba {
    position: absolute;
    margin-top: -890px;
    margin-left: 80%;
  }


/*///<------------general-------------///*/
  .general .columna-ronda-mb .img-ranking img {
    width: 150px;
    margin: 0 10px;
  }

/*///<------------ranking-g-------------///*/
  .columna-100rmb {
    width: 100%;
  }

  .caja-ranking-gmb {
    width: 100%;
  }

  .txt-ranking {
    margin: 10px;
    text-align: center;
  }

  .caja-ranking .caja-datos-ranking {
    height: 100%;
  }

  .caja-ranking .caja-datos-ranking img {
    margin-bottom: 15px;
    width: 100%;
  }

/*///<------------ranking-d-------------///*/
  .menu-2 {
    text-align: center;
  }

  .pestana-ranking p {
    margin-left: 50%;
    transform: translateX(-50%);
  }

  .caja-ranking-d {
    width: 95%;
    display: flex;
    flex-direction: column;
  }

  .caja-ranking-d .columna-100rmb img {
    width: 110px;
  }

  .caja-ranking-d table {
    margin: 0 0 20px 0;
  }

  .caja-ranking-d table th, td {
    font-size: 0.7rem;
  }


/*///<------------ranking-e-------------///*/
  .caja-ranking-e {
    flex-direction: column;
    width: 98%;
  }

  .caja-ranking .img-ranking-e img {
    width: 100px;
  }

  .color-70 {
    border-radius: 25px;
  }

  .caja-ranking-e table th, td {
    font-size: 0.7rem;
  }

  .caja-ranking .caja-datos-ranking {
    border-radius: 0 0 25px 25px;
  }


/*///------------equipo_t------------->///*/

  .caja-equipo-t {
   width: 100%;
  }

  .caja-equipo-t img {
   margin: 5px;
  }

  .pestana-equipo-t p {
    width: 90%;
  }

  .columna-integrante-e {
    display: flex;
    flex-direction: row;
  }

  .img-fr1 {
    margin-top: 15px;
  }

  .columna-integrante-e .escudo img {
    margin-bottom: 10px;
  }

  .columna-integrante-e .integrante img {
    margin-top: 10px;
  }








/*///------------footer------------->///*/
  .margin-bottom-mb {
    margin-bottom: 30px;
  }

  .footer-caja-logos {
    flex-direction: column;
  }

  .footer-caja-logos p {
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 10px;
  }

  .columna-33 {
    width: 100%;
    margin-bottom: 20px;
  }

  .columna-mb-100 p {
    text-align: center;
  }

  #banner .banner-home {
    height: 100vh;
    object-fit: cover;
    object-position: center;
  }

  #banner .container p {
    font-size: 1rem;
  }

}