.bg-personal{
  width: 100% !important;
  height:150px !important;
  background-repeat:no-repeat !important;
  background-size: cover !important;
  background-attachment: fixed !important;
    }
  
}
.main {
    background-color: #fff;

  
}
@media (min-width: 800px) {
    .main{
          /*background-color: #03013f;*/
    background-image: url('../img/fondo.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    }
   
}


.main2 {
   min-height: 100vh;
   background-image: url('../img/fondo.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;

  

   
}

.cbg {
   background-color: #fff;
   
}

.header {
 
 
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
  

}
@media (max-width: 800px) {
    .header{
            background-color: #fff;  
    }
   
}

.headerlogin {
  
    background-color: #fff;  
  
}
@media (min-width: 800px) {
    .headerlogin{
             
               display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   min-height: 100vh;
   background-image: url('../img/fondo.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    }
   
}

.header img {
   width: 150px;
   height: 150px;
}

.header p {
   color: #000;
   margin: 0 100px 0 100px;
   font-size: 35px;
   font-family: 'Rock Salt', cursive;
}

@media (max-width: 1400px) {
   .header p {
       font-size: 30px;
   }
}

@media (min-width: 1200px) {
   .header {
       flex-direction: row;
   }
}

img {
   object-fit: cover;
}

.medidaselect {
   display: block;
   height: 40px;
   width: 400px;
}


/* Inicio Presentacion*/

.presentacion {
   display: block;
   margin: 0 auto;
   background-color: #fff;
}

.carousel-inner img {
   display: flex;
   margin: 0 auto;
   width: auto;
   height: auto
}

.ubicacion-canchas img {
   display: flex;
   margin: 0 auto;
   border-radius: .5rem;
   width: 350px;
   height: 100px;
}

@media (max-width: 280px) {
   .ubicacion-canchas img {
       width: 250px;
       height: 100px;
   }
}

@media (min-width: 1000px) {
   .presentacion {
       display: flex;
       justify-content: left;
       align-items: flex-start;
       margin-bottom: 30px;
   }
   .ubicacion-canchas img {
       margin-top: 60px;
   }
}


/* Fin Presentacion*/

.bienvenidos {
   align-items: center;
   margin: 180px 30px;
}

.bienvenidos h1 {
   color: #000;
   font-family: 'Annie Use Your Telescope', cursive; 
   font-family: 'Roboto', sans-serif;
}

.px-partidos img {
   width: 50px;
   height: 50px;
}

.card {
   width: auto;
   height: auto;
}

.card-jugadores {
   background: rgb(2, 11, 164);
   background: linear-gradient(90deg, rgba(2, 11, 164, 1) 0%, rgba(1, 7, 96, 1) 19%, rgba(0, 3, 34, 1) 34%, rgba(0, 3, 34, 1) 66%, rgba(1, 7, 96, 1) 81%, rgba(2, 11, 164, 1) 100%);
}

.cardheader {
   height: 35px;
   display: flex;
   justify-content: space-between;
   color: #fff;
   font-size: 15px;
}

.card-bodys {
   background: rgb(16, 73, 206);
   background: radial-gradient(circle, rgba(16, 73, 206, 1) 0%, rgba(4, 38, 119, 1) 32%, rgba(1, 36, 120, 1) 62%, rgba(0, 10, 55, 1) 100%);
}

.vs {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 0 10px 0 10px;
}

h5 {
   font-size: 20px!important;
}

.info-partidos {
   color: #fff;
   background-color: #000;
   display: flex;
   justify-content: space-between;
   height: 80px;
   width: auto;
}

.info-partidos img {
   width: 16px;
   height: 16px;
}

.info-campos {
   padding: 2px;
   margin: 5px;
   background-color: #03013f;
   text-align: center;
}

.ver-partido {
   text-align: center;
}

.destacado img {
   width: 100px;
   height: 126px;
}

.barra h3 {
   font-size: 7rem;
   color: #fff;
   font-family: 'Caveat', cursive;
}

.destacado h2 {
   color: #fff;
   font-family: 'Roboto', sans-serif;
}

.jugador {
   color: #fff;
   text-align: center;
}

.goles {
   background-color: #fff;
}

.goles,
.info-jugador p {
   font-size: 20px;
   color: #fbfcfc;
}

.info-jugador small {
   color: #e6b80a;
   font-size: 2rem;
}

.galeria {
   background-color: #fff;
}

.contenedor-galeria {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-evenly;
   margin-top: 30px;
}

.img-galeria {
   width: 80%;
   display: block;
   margin-bottom: 15px;
   box-shadow: 0 0 6px rgba(0, 0, 0, .6);
   cursor: pointer;
}

@media (min-width: 800px) {
   .contenedor-galeria {
       justify-content: space-evenly;
       align-items: center;
   }
   .img-galeria {
       width: 40%;
   }
}

@media (min-width: 1200px) {
   .img-galeria {
       width: 30%;
   }
}

.imagen-light {
   position: fixed;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.534);
   transform: translate(100%);
   transition: transform .2s ease-in-out;
}

.agregar-imagen {
   width: 60%;
   transform: scale(0);
   border-radius: 10px;
   transition: transform .3s .2s;
}

.showImage {
   transform: scale(1);
}

.show {
   transform: translate(0);
}

.close {
   position: absolute;
   top: 15px;
   right: 15px;
   width: 40px;
   cursor: pointer;
}

.barra-galeria {
   background: rgb(16, 73, 206);
   background: radial-gradient(circle, rgba(16, 73, 206, 1) 0%, rgba(4, 38, 119, 1) 32%, rgba(1, 36, 120, 1) 62%, rgba(0, 10, 55, 1) 100%);
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.barra {
   background-color: #000;
   margin: 20px 0 50px 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.barra img {
   margin: 10px;
   width: 170px;
   height: 100px;
   object-fit: cover;
}

.barra h3 {
   color: #005ff8 !important;
}

.galeria h3 {
   font-size: 7rem;
   color: #fff;
   font-family: 'Caveat', cursive;
}

td {
   font-family: 'Roboto', sans-serif!important;
   color: #000;
}

th {
   color: #d00101;
}

.card-header {
   background-color: #e5e5e5;
}

.card-header h2,
h4 {
   color: #0a0d4f;
}

.proximos-partidos h2 {
   padding: 5px;
   border-radius: .5rem;
   color: #adb2be;
   background-color: #011d62;
   width: auto;
   height: auto;
}

.lodestacado h2 {
   padding: 5px;
   border-radius: .5rem;
   color: #fff;
   background-color: #B28E5E;
   width: auto;
   height: auto;
}

.img-logo {
   object-fit: cover;
   width: 200px;
   height: 120px;
}

#div1 {
   overflow: scroll;
   width: auto;
   height: 200px;
}


/* ROSTER*/

.encabezado-roster {
   margin: 20px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.img-logo-roster {
   text-align: center;
   object-fit: cover;
   width: auto;
   height: 800px;
}

.img-roster {
   width: 200px;
   height: 150px;
}



.bloque_roster {
   display: flex;
   justify-content: space-between;
   width: 100%;
}

@media (min-width: 480px) {
   .bloque_roster {
       width: 60%;
   }
}

.sec_roster {
  background-color: rgb(2, 11, 164);
   background-color: linear-gradient(90deg, rgba(2, 11, 164, 1) 0%, rgba(1, 7, 96, 1) 19%, rgba(0, 3, 34, 1) 34%, rgba(0, 3, 34, 1) 66%, rgba(1, 7, 96, 1) 81%, rgba(2, 11, 164, 1) 100%);
  
   width: 100%;
   height: 100px;
   margin-bottom: 40px;
}

.tituloroster {
   background-color: rgb(2, 11, 164);
   background-color: linear-gradient(90deg, rgba(2, 11, 164, 1) 0%, rgba(1, 7, 96, 1) 19%, rgba(0, 3, 34, 1) 34%, rgba(0, 3, 34, 1) 66%, rgba(1, 7, 96, 1) 81%, rgba(2, 11, 164, 1) 100%);
  
   width: 10%;
   height: 100px;
}

.copa-cuerudos {
   display: flex;
   margin: 1rem 1rem 0 2rem;
   text-transform: uppercase;
   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
   color: #000;
}

.copa {
   margin: 0 0 2rem 2rem;
   text-transform: uppercase;
   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
   color: #f20087;
   font-size: 1rem;
}

.cuerudos {
   margin: 0 1rem -1rem 0;
}

.copa-cuerudos h1 {
   font-size: 2.5rem;
}

.año {
   text-transform: uppercase;
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   width: 100px;
}

.bloque_roster h2 {
   text-align: center;
   color: #fff;
   text-transform: uppercase;
   font-size: 2.7rem;
   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.bloque_roster h5 {
   text-align: center;
   color: #fff;
   text-transform: uppercase;
   font-size: 1.7rem;
   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.log-img-roster {
   border-width: 3px;
   border-style: solid;
   border-radius: 22px;
   border-color: blue;
   width: 10%;
   text-align: center;
}

.img-registro {
   width: auto;
   height: auto;
}

.card-roster {
   display: inline;
   width: 300px;
   /* display: inline-flex !important; */
   align-items: center;
}

.sec-1-roster {
   width: 100px !important;
   display: flex;
   justify-content: center;
   align-items: center;
   border-width: auto;
   border-style: solid;
   border-radius: 15px 20px 0 20px;
   border-color: #D60C9A;
}

@media (min-width: 480px) {
   .sec-1-roster img {
       object-fit: fill;
       width: 150px;
       height: 120px;
   }
}

.sec-2-roster {
   width: 200px !important;
   border-width: auto;
   border-style: solid;
   border-radius: 15px 20px 20px 0;
   border-color: #D60C9A;
}

@media (max-width:360px) {
   .sec-1-roster {
       width: 100px !important;
   }
   .sec-2-roster {
       width: 180px !important;
   }
}

@media (min-width: 540px) {
   .card-roster {
       display: inline-flex !important;
   }
   .sec-1-roster {
       width: 250px;
       max-height: 220px;
   }
   .sec-2-roster {
       width: 250px;
       max-height: 220px;
   }
}

@media (min-width: 1024px) {
   .card-roster {
       display: inline-flex !important;
   }
}

.card-body h3 {
   color: blue;
   font-size: 10px;
}

.logo-nombre {
   display: flex;
   justify-content: space-evenly;
   align-items: center;
}

.info-jugador-roster p {
   font-size: .7rem;
   color: #000;
}

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

@media (min-width: 700px) {
   .cardmisequipos {
       width: 100%;
       height: auto;
       display: flex !important;
       flex-wrap: wrap;
   }
}


/*Fin Roster*/


/*Correcciones */

.padding {
   padding-top: 10rem;
}


/* Fin Correcciones */

.img-equipos {
   width: 100px;
   height: 100px;
}

.list-group-item:hover {
   color: #e6b80a;
}

.list-group {
   font-size: 2rem;
}

.tablas th {
   text-align: center;
   color: #fff;
   background-color: #170239;
}

.tabla-info {
   color: blue;
}
.tabla-info a {
   font-family: 'Roboto', sans-serif; 
}
.contenttable {
   text-align: center;
}

.equipoindividualheader {
   display: flex;
   justify-content: left;
   align-items: center;
   background-color: rgb(249, 248, 248);
   font-family: 'Roboto', sans-serif;
   font-size: 2.5rem;
}

.ultimos-partidos {
   font-family: 'Roboto', sans-serif;
   font-size: 1rem;
}

.cardequipoindividual {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   height: 5rem;
   border-radius: .5rem;
   background-color: rgb(0, 0, 0);
}

.cardequipoindividual img {
   width: 50px;
   height: 50px;
}

.cardequipoindividual h4 {
   font-size: .9rem;
   color: #fff;
}

@media (min-width: 1200px) {
   .cardequipoindividual {
       width: 50%;
   }
   .cardequipoindividual h4 {
       font-size: 1.2rem;
   }
}

@media (max-width: 280px) {
   .cardequipoindividual h4 {
       font-size: .9rem;
   }
}


/* Inicio Patrocinadores*/

.patrocinadores {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   align-items: center;
}

.patrocinadores img {
   width: 100px;
   height: 100px;
   object-fit: fill;
}

@media (min-width: 800px) {
   .patrocinadores img {
       width: 170px;
       height: 150px;
   }
   .patrocinadores {
       display: flex;
       justify-content: space-evenly;
       align-items: center;
   }
}

@media (min-width: 540px) {
   .patrocinadores img {
       width: 140px;
       height: 110px;
   }
   .patrocinadores {
       display: flex;
       justify-content: space-evenly;
       align-items: center;
   }
}




.patrocinadores1 {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
   align-items: center;
}

.patrocinadores1 img {
   width: 350px;
   height: 150px;
   object-fit: fill;
}

@media (min-width: 800px) {
   .patrocinadores1 img {
       width: 900px;
       height: 150px;
   }
   .patrocinadores1 {
       display: flex;
       justify-content: space-evenly;
       align-items: center;
   }
}

@media (min-width: 540px) {
   .patrocinadores1 img {
       width: 700px;
       height: 150px;
   }
   .patrocinadores1 {
       display: flex;
       justify-content: space-evenly;
       align-items: center;
   }
}



/* Fin Patrocinadores*/

.eslogan {
   text-align: center;
   text-transform: uppercase;
   font-family: 'Gloria Hallelujah', cursive;
   color: #fff;
}

.pdf {
   margin: 2rem;
   display: flex;
   justify-content: left;
   align-items: center;
   text-align: center;
}

.imgpdf {
   width: 50px;
   height: 50px;
}

.footer {
   text-align: center;
   margin-top: 4rem;
   color: aliceblue;
   background-color: rgb(31, 31, 31);
   height: 6rem;
}

.footer h2 {
   font-size: 1.5rem;
}

.portada img {
   padding: 3rem;
   height: 25rem;
   object-fit: fill;
}

.portada-text h2,
h3 {
   margin-top: 1rem;
   text-align: center;
   color: rgba(0, 0, 0, 0.823);
   margin: 0 100px 0 100px;
   font-size: 50px;
   font-family: 'Roboto', sans-serif;
}

.mision-vision {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 4rem;
}

.mision-vision p {
   font-size: 15px;
   font-family: 'Roboto', sans-serif;
}

.mision {
   margin: 0 5rem 0 5rem;
   width: 50%;
}

.mision h3 {
   color: rgb(16, 73, 206);
}

.vision {
   width: 50%;
   margin: 0 5rem 0 5rem;
}

.vision h3 {
   color: #e6b80a;
}

.frases {
   margin-left: 4rem;
}

.imganes-historia {
   padding: 4rem;
}

.frase-uno p {
   font-size: 30px;
   font-family: 'Annie Use Your Telescope', cursive;
}



.img-cancha {
   width: 70px;
   height: 70px;
}

.imglogin {
   display: flex;
   margin: 0 auto;
   width: 200px;
   height: 200px;
}

.p-tablas {
   margin-left: auto;
   margin-right: auto;
   margin-top: 5rem;
}

audio {
   color: red;
   display: flex;
   margin: 0 auto;
}

.img-tabla {
   width: 40px;
   height: 40px;
}

.img-equipos-roster {
   object-fit: cover;
   border-radius: 50%;
   width: 50px;
   height: 50px;
}

.card-grupos {
   max-width: 670px;
   display: inline-flex !important;
   align-items: center;
   margin-left: 1rem;
}

.list-group-item {
   font-size: 1.5rem !important;
   margin-bottom: 1rem;
   width: 40%;
   background-color: rgb(231, 231, 231) !important;
}


/*Media Quires*/