@font-face {
    font-family: 'Fira Sans';
    src: url('https://futbuteo.com/fonts/din-Condensed.eot');
    src: url('https://futbuteo.com/fonts/din-Condensed.eot?#iefix') format('embedded-opentype'),
    url('https://futbuteo.com/fonts/din-Condensed.woff') format('woff'),
    url('https://futbuteo.com/fonts/din-Condensed.ttf') format('truetype'),
    url('https://futbuteo.com/fonts/din-Condensed.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body{
   font-family: 'Noto Sans', sans-serif;
   color: #fff;
   background-color: #010a0f!important;
   float: left;
   margin: 0px;
   width: 100%;

}
a{
   color:#001e28;
}
a:hover{
   color:#FF6b00!important;
   text-decoration: underline;
}
a.refree:hover{
   color:#FF6b00;
   text-decoration: underline;
}
tbody, td, tfoot, th, thead, tr{
   font-size: 12px;
   font-family: 'Fira Sans';
}
.titletable{
   color: rgba(255, 255, 255, 0.5);
}
.equipocell a{
   color: #fff;
}
main{
   background-color: #000;
   float: left;
   width: 100%;
}
#main{
   background-color: #000;
}
.mainmenu .navbar{
   float: left;
}
.table>:not(caption)>*>*{
   border-bottom: 0px!important;
   overflow: hidden;
   white-space: nowrap;
   max-width: 160px;
   text-overflow: ellipsis;
}
.table-bordered>:not(caption)>*>*{
   border-width: 0px!important;
   font-family: 'Fira Sans';
}
.resultleft .table-bordered>:not(caption)>*{
   border-width: 0px!important;
}
.clasificacion{
   float: left;
   padding: 0px 1%;
}
.navbar-nav .dropdown-menu{
   background: #390412;
   
   text-transform: uppercase;
   font-size: 12px;
   padding: 15px 0;
   
}
.dropdown-item{
   color: #f0ce00!important;
   font-weight: 500!important;
}
.dropdown-item:hover{
   background-color: #000000!important;
}
.content h2{
   font-size: 20px;
   font-weight: 700;
   font-family: 'Fira Sans';
   margin-bottom: 0px;
   float: left;
   color: #fff;
   font-size: 18px;
   border: 0px;
   padding: 10px 0px;
   width:100%;

}
.content h2.infopartido{
   color: #fff;
}

.content .teamscategories h2{
   color: #0f2d37;
   border-bottom: 2px solid #F0CE00;
   color: #fff;
   text-align: center;
   width: 100%;
}

.resultleft div.equipaciones{
   width: 300px;
   background-color: #efefef;
   border-radius: 5px;
   margin-left:   30px;
   float: right;
   position: relative;
   z-index: 111;
}
.boxTeam{
   padding: 3%;
   border-radius: 20px;
   position: relative;
   overflow: hidden;
   z-index: 111;
   width: 100%;
   margin-bottom: 25px;
}
#mapCampo{
   border-radius: 5px;
}
.textoTeam p{
   font-size: 14px;
}
.textoTeam a{
   color:#fff;
}
.namelink{
   color: #fff;
   font-size: 14px;
   float: left;
   width: 100%;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   font-family: 'Fira Sans';
}
.equipacionShield{
   position: absolute;
   margin-top: 120px;
   margin-left: -132px;;
}
a.resultado{
   float: left;
    display: block;
    width: 100%;
    color: #fff;
    font-family: 'Fira Sans';
    font-size: 14px;
    padding: 5px;
    margin: 6px 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
a.resultado:hover{
   color:#fff;
   background-color: #000;
}
.resultadosbox{
   margin-top: 15px
}
.resultadosh2{
   font-size: 16px;
   margin-bottom: 30px;
   text-align: center;
}
.resultadosh2 span{
   font-size: 32px;
   font-family: 'Fira Sans';
   text-transform: uppercase;
}
.matchdetail{
   background: #171C1F;
   padding: 0 3% 40px 3%;
   text-align: center;
   border-radius: 20px;
   font-family:'Fira Sans';
   width: 100%;
}
.matchdetail .equipo1, .matchdetail .equipo2{
   float: left;
   width: 40%;
}

.matchdetail svg{
   margin-right:  5px;
   filter: invert(1);
}
.matchdetail .number{
   background-color: rgba(0, 0, 0, 0.5);
   border-radius: 10px;
   float: none;
   color: #fff;
   padding: 7px 30px 5px 30px;
   font-size: 18px;
   display: block;
   margin-top: 10px;
}
.matchdetail p{
   float:left;
   width:100%;
}

.matchdetail p a{
   color: #ffffff;
}
.matchdetail p a:hover{
   color: #001e28;
}
.matchdetail span.resultado {
   float: none;
   float: none;
   font-size: 35px;
   line-height: 30px;
   margin-top: 22px;
   display: inline-block;
   padding: 10px 15px 7px 15px;
   border: 0px;
   background-color: #efefef;
   color: #000000;
   font-family: 'Fira Sans';
   font-weight: 600;
}
.matchcategory{
   float: left;
   width: 100%;
}
.matchestoday{
   text-align: center;
   font-size: 12px;
   font-family: 'Fira Sans';
}
.subcampoTitle{
   font-size: 13px;
   margin: 50px 0 0px 0;
   text-align: center;
   float: left;
   width: 100%;
}
.subcampoTitle span{
   background-color: #fff;
   color: #000;
   padding: 10px 20px;
   border-radius: 20px;
   margin: 20px 0;
   display: inline-flex;
}
[id^="hora-"] {
  width: 100%;
}
.groupcampo{
   float: left;
   width: 100%;
}
.escudodetail{
   height: 60px;
   width: auto;
}
.infopartido{
   width: 100%;
}
.infopartido a{
   color: #fff;
}
.infopartido a:hover{
   color: #ccc;
   text-decoration: none;
}
.info-jornada{
   width: 15px;
}
.info-partido{
   width: calc(100% - 100px);
}
#resulta2 .score{
   width: 30px;
   font-size: 18px;
   font-weight: 600;
}
#resulta2 .date{
   width:70px;
   height: 50px;
   text-align: right;
   padding-top: 15px;
   font-size: 12px;
}
#resulta2 .match-category{
   margin-top:10px;
}
#resulta2 .match-category a{
   font-size: 12px;
   font-family: 'Fira Sans';
   color: #fff;
}
.info-partido .local, .info-partido .visitante{
   width: 100%;
   padding-left: 5px;
   height: 26px;
   display: flex;
   align-items: center;
}
.info-partido .local img, .info-partido .visitante img{
   float: left;
   max-height: 18px;
   width: auto;
}
.info-partido .local span, .info-partido .visitante span{
   background-color: transparent;
   font-family: 'Fira Sans';
   font-size: 12px;
   float: left;
   padding: 0px;
   line-height: 35px;
   width: calc(100% - 30px);
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}
.date .fecha, .date .hora{
   width: 100%;
}
.boxbuscador{
   width: 100%;
   background: #171C1F;
   border-radius: 8px;
   margin-bottom: 20px;
   position: relative;
   padding-left: 14px;
}
.buscador#search, .buscador#buscador-jugador{
   background-color: #171C1F;
   display: inline-block;
   padding: 5px 0px 5px 2px;
   border-radius: 5px;
   margin: 0px;
   color: #fff !important;
   border: 0px solid #dddddd;
   width: calc(100% - 40px);
   position: relative;
}
.buscador.w100#search{
   width: 100%;
}
.buscador.equipopage#search{
   margin-bottom: 30px;
}


/* Este span simula el cursor */
.input-cursor {
 position: absolute;
 left: 10px; /* ajusta la posición según necesites */
 top: 50%;
 transform: translateY(-50%);
 width: 2px;
 height: 1em; /* iguala al tamaño de la fuente */
 background-color: #ccc; /* color del cursor */
 animation: blink 1s step-start infinite;
}
@keyframes blink {
 50% { opacity: 0; }
}
/* Aumentamos el padding-left del input para que el texto no se superponga al cursor */
.buscador {
 padding-left: 15px;
}
.tituloTeam{
   float: left;
   width: 100%;
   z-index: 1111111;
   position: relative;
}
.textoTeam{
   z-index: 11111;
   position: relative;
}
.content-area{
   float:left;
   width:100%;
   background: #000;
}
.table-striped>tbody>tr:nth-of-type(odd)>*{
      color: #fff!important;
      font-family:'Fira Sans';
}
.resultleft>tbody>tr:nth-of-type(odd)>*{
   color: #fff!important;
}
.table{
   color: #fff!important;

}
#content{
   margin: auto;
   width: 100%;
   float: left;
   background-color: #000;
   padding-top: 20px;

}
.topbar p{
   font-size: 12px;
   line-height: 12px;
    text-align: left;
    padding: 10px 0; 
    color: #fff;
}
.navbg{
   width: 100%;
   float: left;
   border-bottom: 1px solid #ccc;
   padding-bottom: 5px!important;
}
.topbar{
   background-color: #000;
   color: #fff;
   width: 100%;
   height:  30px;
}
.buscardor{
   padding: 10px 20px;
   border-radius: 5px;
   border: 1px solid #ddd;
}
#eliminarCookie{
   background-color: #ab002f;
   color: #fff;
   font-family: Ubuntu;
   font-size: 12px;
   border: 0px;
   border-radius: 6px;
   padding: 8px 12px;
   float: right;
   margin-top: 8px;
}
.resultleft div{
   float: left;
}

.results span.cronicatext{
   color: #fff;
   font-family: 'Fira Sans';
   font-size: 18px;
   border: 0px;
   border-radius: 6px;
   padding: 8px 12px;
}
.selectTeam{
   color: #fff;
   font-family: 'Fira Sans';
   font-size: 18px;
   text-align: center;

}
.trash{
   margin-right: 5px;
}
.navbar-dark .navbar-nav a.nav-link{
   font-weight: 600;
   text-transform: uppercase;
   font-size: 12px;
   color: #001e28;
   padding: 10px 10px;

}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
   color: #fff!important;
   background: #390412!important;
   border-radius: 5px!important;
}

.nav-link img{
   margin-right: 5px;
}
.navbar-nav{
   flex-direction: initial!important;
}
.alineaciones{
   float: left;
   width: 100%;
   font-size: 12px;
   color: #fff;
   text-transform: capitalize;
   font-family: 'Fira Sans';
}
.alineacion_local, .alineacion_visitante{
   width: 40%;
   float: left;
   padding: 20px;
   background: #202020;
   border-radius: .375rem;
   margin: 0 5%;
   margin: 0 5%;
   text-align: center;
   overflow: hidden;
   position: relative;
}
.fondoalineacion{
   background-size: auto;
   position: absolute;
   width: 100%;
   height: 100%;
   background-size: 200%;
   filter: blur(20px) brightness(0.5);
   left: 0;
   z-index: 17;
   transform: scale(1);
   background-position: center;
}
.results .alineacion_local span, .results .alineacion_visitante span{
   color:#efefef;
   font-size:18px;
   text-transform: uppercase;
   padding: 0px;
   float: none;
}
.results .alineacion_local ul, .results .alineacion_visitante ul{
   padding: 0px;
   list-style: none;
   z-index: 111;
   position: relative;

}
.results .suplentes {
   color: #ffb5b5;
}


.results .alineacion_local li, .results .alineacion_visitante li{
   padding:5px 0;
}
.results .alineacion_local p, .results .alineacion_visitante p{
   float: left;
   width: 100%;
   margin:0px;
   background: #000000;
   padding: 10px;
   text-align: center;
   border-radius: 0.375rem;
   margin-bottom: 20px;
   position: relative;
   z-index: 111;
   opacity: 0.7;
}
.results .alineacion_local svg, .results .alineacion_visitante svg{
   float: none;
   margin-top: -3px;
   margin-right: 5px;

}
.alineacion_local h4, .alineacion_visitante h4{
   font-size: 14px;
   position: relative;
   z-index: 111;
}

.ball{
   width: 8px;
   height: 8px;
   background: red;
   -webkit-animation: liveTickerCore__livetickerCore_animation-3rzC 1s infinite;
   animation: liveTickerCore__livetickerCore_animation-3rzC 1s infinite;
   border-radius: 50%;
   display: block;
   float: left;
   margin-right: 5px;
   margin-top: 1px;
}
@keyframes liveTickerCore__livetickerCore_animation-3rzC {
  0% {
      opacity:1
  }

  50% {
      opacity:0
  }

  100% {
      opacity: 1
  }
}
p{
   color: #fff;
   margin:0px;
   font-size: 12px;
   font-family: 'Fira Sans','Ubuntu', helvetica;
   margin-bottom: 30px;
}
h1{
   color: #fff;
   font-size: 14px!important;
   font-family: 'Fira Sans';
   text-align: center;
   padding: 0 0 20px 0;
   font-weight: 400;
}
h2{
   color: #fff;
   font-size: 14px;
}
.wrap{
   max-width: 1200px;
   margin:  auto;
    width: 100%;
    height:    100%;
    padding: 0 10px;
}
.logobar{
   float: left;
   width: 100%;
   color: #fff;
   background-color: #111517;
   text-transform: uppercase;
   font-size: 14px;
   height:  85px;
}
.logobar .btnlogin span{
   color: #f0ce00;
   font-size: 12px;
   text-decoration: none;
   font-weight: 100;
   font-family: 'Fira Sans', Arial;
   letter-spacing: -1px;
   text-align: center;
}
.logobar a{
   color: #f0ce00;
   text-decoration: none;
}
.logoinner{
   display: block ;
   float:left;
   width:100%;
   height:  100%;
}
.logof img{
   margin: auto;
   height: 100%;

}
.logof, .results{
   float:left;
}
.logof{
   text-align: center;
    width: 100%;
    position: absolute;
    max-width: 1200px;
}
.logof span{
   color: #efefef;
   text-transform: uppercase;
   text-decoration: none;
}
.login{
   float: right;
   height: 100%;
   justify-items: center;
   padding: 5px 5px;
   font-weight: 600;
   height: 60px;
   width: 150px;
   position: absolute;
   right: 0;
   margin-top: 17px;
}
.login2{
   float: right;
   height: 100%;
   justify-items: center;
   padding: 5px 5px;
   font-weight: 600;
   height: 60px;
   width: 150px;
   position: absolute;
   right: 150px;
   margin-top: 17px;

}

.btnlogin{
    padding: 5px 10px;
    border-radius: 5px;
}


.logof span, .results span{
   float: left;
   justify-items: center;
   padding: 2px 12px;
   font-size: 12px;
   color: #efefef;
   font-family: 'Fira Sans';
}
.results h2 span{
   background-color: transparent;
}
.btncta{
   color: #000;
   font-family: 'Fira Sans';
   border:2px solid #f0ce00;
   background-color: #f0ce00;
   text-transform: uppercase;
   border-radius: 5px;
   margin-left: 10px;
   padding: 8px 20px 4px 20px;
   float: left;
   width: 100%;
   margin-top: 25px;
   text-align: center;
}
.btncta:hover{
   color: #000;
   border:2px solid #fff;
}

.cerrarSesion{
   color: #f0ce00;
   background-color: transparent;
   text-decoration: underline;
   border:0px;
}
.header p{
   font-size: 30px;
   text-align: center;
   text-transform: uppercase;
   color: #f0ce00;
}
.header-btn.hamburger-wrap{
   width: 50px;
   z-index: 1;
   position: absolute;
}
.fila{
   float: left;
   width: 100%;
   display: block;
   border-bottom: 1px solid #303030;
   height:70px;
}
.cell{
   display: grid;
   color: #fff;
   font-family: 'Fira Sans';
   font-size: 25px;
   width: 100%;
   height: 100%;
}
.cell p{
   font-size: 12px;
   margin: auto;
   margin-left: 20px;
   font-family: 'Fira sans','Ubuntu', Helvetica;
}
.vs p{
   margin:auto;
}
.vs{
   width: 30px;
}
.vs .resultado{
   font-size: 20px;
   font-family: 'Fira Sans';
}
#partidos ul{
   padding-left: 0;
   list-style:none;
   border-radius: 5px;
}
#partidos li{
  background:#171C1F;
  font-family:'Fira Sans';
  font-size:12px;
  padding:8px 5px;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 5px;
}
#partidos img{
   margin-bottom: 10px;
   margin-right: 10px;
   max-width: 40px;
   margin: 0px 5px;
   max-height: 40px;
   width: auto;
   height: auto;

}
#partidos{
   font-family: 'Fira Sans';
    font-size: 20px;
    color:#000;
    width:100%;
}
#partidos .match{
   width: 100%;
   text-align: center;
   border-radius: 5px;
}
#partidos .match:hover{
   opacity: 0.7;
   background-color: #000;
}
#partidos .match .equipo1{
   display: block;
   width: 40%;
   float: left;
   text-align: right;
   font-size: 16px;
   font-family: 'Fira Sans';
   color: #000;
   margin-top: 14px;
   font-size: 12px;
}
#partidos .match .equipo2{
   display: block;
   width: 40%;
   float: left;
   text-align: left;
   font-size: 16px;
   font-family: 'Fira Sans';
   color:#000;
   margin-top: 14px;
   font-size: 12px;
}
#partidos .match .equipo1name{
   text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 54px);
    float: left;
    margin-top: 14px;
    color: #fff;
    font-size: 12px;
}
#partidos .match .equipo2name{
   text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 54px);
    float: right;
    margin-top: 14px;
    font-size: 12px;
    color: #fff;
}


.linktocat{
   font-size: 12px;
   font-family: 'Fira Sans';
   color: #fff;
   text-decoration: none;
   padding: 15px 5px 10px 5px;
   line-height: 12px;
   float: left;
   display: block;
   margin-right: 5px;
   width: 100%;
   text-align: center;
   background-color: #000;
   border-radius: 5px;
}
span.match{
   font-size: 12px;
   line-height: 12px;
   padding: 0px 0 00px 0;
   background: none;
   color: #000;
   font-family: 'Fira Sans';
   margin-right: 5px;
   width: calc(100% - 110px);
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
}
span.matchhour{
   padding: 0px;
   color: #fff;
   font-size: 13px;
   width: 100%;
   text-align: center;
   float: left;
}
span.resultado{
   padding: 4px 5px 2px 5px;
   border-radius: 5px;
   font-size: 12px;
   margin-top: 10px;
   border: 1px solid #000;
   line-height: 12px;
   float: right;
}
.jornresult{
   width: 20%;
   float: left;
   text-align: center;
   color: #000;
}
.jornresult span{
   display: block;
   color:#fff;
}
.jornresult .resultado{
   font-size: 20px;
   font-family: 'Fira Sans';
   float: none;
   border: 0;
   color: #fff;
   display: inline-block;
   padding: 0px 10px 1px 10px;
   line-height: 20px;
}
.h3resultTeam{
   text-align: center;
   margin-bottom: 0px;
   color: #fff;
   font-family: 'Fira Sans';
   margin-top: 45px;
   font-size: 16px;
   text-transform: uppercase;

}
.linktocat:hover{
   background-color:#303030;
   color: #fff;
}
li.equipo{
   font-family: 'Fira Sans';
   font-size: 14px;
   padding: 14px 16px;
   cursor: pointer;
   color: #000;
}
li.equipo:hover{
  background:#ccc;
  color:#000;
}
#resultados .searchequipo{
   background-color: #fff;
   color:#001e28;
   padding:10px;
   font-size: 12px;
   margin-top:35px;
}
#resultados .searchequipo{
   text-decoration: none;
   color:#001e28;
   font-size: 14px;
   font-family: Ubuntu;
}
#resultados .searchequipo:hover{
   background-color: #fff;
}
#resultados{
   position: absolute;
   width: 90%;
   max-width: 600px;
   margin-top: 35px;
   background-color: #fff;
   border-radius: 5px;
}
#resultados ul{
   padding-left: 0;
   display: none;
}
#resultados ul ul{
   padding-left: 0;
   list-style: none;
}
#resultados ul li.equipos{
   background: #fff;
   padding: 5px 10px;
   font-family: Ubuntu;
   border-bottom: 1px solid #ccc;
   max-width: 400px;
}
.equipo a{
   color: #001e28;
   text-decoration: none;
}
#resultados .listTeams{
   margin-top: -28px;
}
#resultados .listCategories{
   margin-top: -28px;
}
#resultados .listTeams .searchequipo a{
   color: #000;
   text-decoration: none;
}
.noResults{
   margin-top: -28px;
    padding: 10px;
    background: #ffb7b7;
    max-width: 90%;
    font-size: 14px;
}
.shield{
   max-height: 40px;
   max-width: 40px;
   height:auto ;
   width: auto;
   vertical-align: middle;
   margin:auto;
}
.equipolink{
   background-color: #181818;
   color: #fff;
   padding: 10px;
   border-radius: 4px;
   margin: 0px 9px 8px 0px;
   display: block;
   font-family: 'Fira Sans';
   max-width: 300px;
   text-align: center;
   float: left;
   height: 42px;
   text-decoration: none;
   font-size: 12px;
}
.equipolink:hover{
   background-color: #001e28;
   color: #fff;
}
.equipolink img{
   margin-right: 10px;
}
.equipoShield{
   float:left;
}
.boxTeam .equipoShield{
   height:  55px;
   width:   auto;
}
.equipoName{
   float:left;
   padding: 7px 10px;
   font-size:  30px!important;
}
.teamscategories{
   float: left;
   margin-bottom: 100px;
   width: 100%;
}
.teamscategories a{
   float: left;
    font-size: 12px;
    background-color: #171C1F;
    color: #fff;
    border-radius: 37px;
    padding: 10px 16px;
    margin: 5px;
    font-family: 'Fira Sans';
    text-decoration: none;
}
.teamscategories a:hover{
   background-color: #000
   color: #000;
}
.teamscategories h2{
   font-size: 18px;
   font-family: 'Fira Sans';
}
}
.content{

   width: 100%;
   float:left;
}
.content.sinpadding{
   margin-bottom: 100px;
}
.contenidohome{
   padding: 15px;
   background-color: ##171C1F;
   border-radius: 10px;
   margin-top: 50px;
   font-size: 14px;
   float:left;
   color:#fff;
   font-family: 'Fira Sans';
}
.contenidohome p{
   font-size: 14px;
}
.col1, .col2, .col3, .col4{
	width: calc(25% - 25px);
	float: left;
	display: block;
}
.col1 .fila{
   border-right: 0px;
}
.col1 .fila img, .col2 .fila img{
   padding:0px;
}
.col1 .fila .text, .col2 .fila .text{
   vertical-align: middle;
   margin: auto;
}
.fila .cell .img{
   margin: auto;
}
.vs{
   float: left;
   width: 100px;
}
.col2 .fila{
   border-left: 0px;
}
.connected{
   background-color: #f0ce00;
   color: #000;
   font-family: 'Fira Sans';
   font-size: 12px;
   border-radius: 3px;
   padding: 5px 10px;
}
.boxup{
   float: left;
}
.box{
   background-color: rgba(0,0,0,0.4);
   margin-bottom: 30px;
   border: 1px solid #303030;
   border-radius: 5px;
   padding: 50px;
   height: 260px;
}
.cronica span{
    background: #ab002f;
    display: block;
    float: left;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Noto Sans';
    border-radius: 5px;
    color: #eee;
}
.cronica div{
   float: left;
}
.textocronica{
   padding: 10px;
   background-color: #171C1F;
   border-radius: 5px;
}
.boxgray{
   background-color: #171C1F;
   border-radius: 24px;
   padding: 8px 16px;
   float: left;
   width: 100%;
}
.textocronica p{
   font-size: 14px;
}
#contentjornadas{
   height: 475px;
   overflow: hidden;
   position: relative;
   float: left;
   padding: 1%;
}
#botonMostrar {
   top: 425px;
   left: 10px;
   background: #f0ce00;
    border: 0px;
    border-radius: 5px;
    margin-top: 10px;
    padding: 5px 10px;
    font-family: 'Fira Sans';
    text-transform: uppercase;
    color: #001e28;
    position: absolute;
}
#botonMostrar:hover{
   background:#001e28;
   color: #fff;
}
#botonOcultar{
   bottom: 10px;
   left: 10px;
   display: none;
   background: #001e28;
    border: 0px;
    border-radius: 5px;
    margin-top: 10px;
    padding: 5px 10px;
    font-family: 'Fira Sans';
    text-transform: uppercase;
    color: #fff;
}
#botonOcultar:hover{
   background: #fff;
   color: #001e28;
}
#flechaArriba {
    float: right;
    position: fixed;
    bottom: 50px;
    right: 50px;
    background: #fff;
    padding: 5px 10px;
    border-radius: 4px;
 font-size: 24px;
 cursor: pointer;
 display: none;
}
.totaljornadas{
   float: left;
   width: 100%;
}
.jornada{
   float: left;
   padding: 5px;
   border-radius: 5px;
   width: 100%;
   color: #fff;
}
.jornada h2{
   float: left;
   width: 100%;
   background: rgba(0, 0, 0, 0.5);
   color: #fff;
   text-align: center;
   margin-top: 0px;
   border-radius: 10px;
}
.jornada p{
   float: left;
   width: 100%;
   text-align: center;
   border-bottom: 1px solid #fff;
   padding: 10px 0;
   font-family: 'Fira Sans';
   font-size: 12px;
}

.linearesultado span{
   font-size: 16px;
   font-family: 'Fira Sans';
   background: #fff;
   padding: 7px 5px 5px 5px;
   border-radius: 3px;
   border: 1px solid #ccc;
   color: #000;
   float: none;
}
.lineapartido{
   width: 100%;
   float: left;
   padding: 10px 0;
}
.lineaequipo{
   width: 40%;
   float: left;
   font-family: 'Fira Sans';
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   font-size: 13px;
   padding-top: 5px;
   color: #ffffff;
}
a.lineaequipo:hover{
   text-decoration: underline;
}
.linearesultado{
   width: 20%;
   float: left;
   text-align: center;
}
.left{
   text-align: left;
}
.right{
   text-align: right;
}
.center{
   text-transform: center;
}
.col-md-8.results{
   margin-bottom: 50px;
}

.fira{
   font-family: 'Fira Sans';
}
.size16{
   font-size: 16px;
}
.size14{
   font-size: 14px;
}
.size13{
   font-size: 13px;
}
.pd1{
   padding: 1%;
}
.br6{
   border-radius: 6px;
}
.bgblack{
   background-color: #000;
}
.mb30{
   margin-bottom: 30px;
}

   /* Estilo para el botón principal */
#toggleButton {
cursor: pointer;
color: #007BFF;
padding: 5px;
margin-top: 15px;
display: inline-block;
}

/* Estilo para los enlaces del menú */
.menu-link {
   cursor: pointer;
   color: #fff;
   width: 100%;
   display: block;
   font-family: 'Fira sans','Ubuntu';
   text-transform: uppercase;
   padding: 10px;
}

/* Estilo para los enlaces del submenú */
.submenu-link {
color: #28A745;
}
.submenu-link svg{
   float: right;
}
#menu{
   position: fixed;
   width: 100%;
   z-index: 222;
 }
ul#menu, ul.submenu{
   list-style: none;
   padding-left: 0px;
}
ul.submenu{
   background-color: #efefef;
}
.submenu li.menu__item{
   background-color: #efefef;
   border-bottom: 1px solid #ccc;
}
.menu__item a{
   font-family: 'Fira Sans';
   color: #000;
   padding:10px 5px;
   text-decoration: none;
   width: 100%;
   float: left;
}
li.menu__item{
   padding: 10px;
   float: left;
   width: 100%;
}
.entry-header{
   overflow: hidden;
   display: block;
   float: left;
   position: relative;
   width: 100%;
   margin-bottom: 15px;
   border-radius: 24px;
   
}
.alert{
   background:rgb(34, 34, 34);
}
.alert span{
   padding-left: 10px;
      vertical-align: text-top;
}
.alert a{
   color: #ffffff;
}
.campo-badge{
   background-color: chocolate;
}
.jugador-badge{
   background-color: #9018ee;
}

.group-selector, .season-selector{
   color: #fff;
   font-size: 12px;
   font-family: 'Fira Sans';
}
#groupSelector, #seasonSelector{
   background: #000;
   border: 0;
   color: #fff;
   border-bottom: 1px solid #fff;
}
.specialbg{
   position: absolute;
   width: 100%;
   height: 100%;
   background-image: url(https://futbuteo.com/images/image.png);
   background-size: 100% 100%;
   background-position: center center;
   filter: blur(50px);
   overflow: hidden;
   border-radius: 16px;
   transform: scale(1.5);
}
.specialh1{
   position: relative;
   width: 100%;
   height: 100%;
   top: 0;
   padding: 30px 0px;
}
.specialh1 h1{
   padding: 0px;
   line-height: 14px;
   margin-bottom: 0px;
}
.menu-link svg{
   margin-right: 10px;
   width: 16px;
   height: auto;
}
.menu-link a.nav-link, .menu__item a.nav-link{
   color:#000;
   font-family: 'Fira Sans';
   text-transform: uppercase;
}
.bottombar{
   display: none;
   width: 100%;
   position: fixed;
   bottom: 0;
   z-index: 1;
   background-color: #fff;
   padding-bottom: 10px;
}
.selectbar{
   display: block;
   font-size: 12px;
   width: 25%;
   padding: 7px 0px 0px 0px;
   float: left;
   text-align: center;
}
.selectbar.active{
   background-color: #f0f0f0;
}
.selectbar span{
   float: left;
   width: 100%;
   font-size: 12px;
   font-family: 'Fira Sans';
   text-transform: uppercase;
}
.selectbar img{
   width: 40px;
}
    
//**ARBITROS**//

.buttoncta{
  background:#f0ce00;
  border:0px;
  border-radius: 5px;
  margin-top: 10px;
  padding: 5px 10px;
  font-family: 'Fira Sans';
  text-transform: uppercase;
  color: #001e28;
  position: absolute;
}
textarea{
    border: 0px;
    border-radius: 5px;
    float: left;
    width: 100%;
  }
.arbitrorating{
  float:left;
  width: 100%;
  font-size:14px;
  margin-top:10px;
}
.ratinglabel{
  float:left;
}
.rating {
  direction: rtl;
  unicode-bidi: bidi-override;
  text-align: left;
  float:left;
  margin-left:10px
}

.rating input[type="radio"] {
    display: none;
}

.rating label {
    font-size: 1rem;
    color: #ddd;
    cursor: pointer;
}

.rating input[type="radio"]:checked ~ label {
    color: #ffc107;
}

.rating label:hover,
.rating label:hover ~ label {
    color: #ffc107;
}
.stadistic{
   float: left;
   background-color: #171C1F;
   padding: 15px;
   border-radius: 24px;
   width: 100%;
}
.stadistic .matchs{
   background-color:rgba(0, 0, 0, 0.5);
   border-radius: 10px;
   width: 31%;
   float: left;
   margin: 1%;

}
.stadistic .win{
   text-align:center;
   font-size:40px;
   margin:0px
}
.refree{
   color: #fff;
   text-decoration: underline;
   font-size: 14px;
}
a.refree{
   text-decoration: underline;
   color: #ccc;
}
.arbitro-cat-group a{
   color: #ccc;
}
.equipoarbitrado{
   margin-left: 5px;
}
.arbitro-cat-group{
   color: #ccc;
}
.equipo-victorias, .equipo-derrotas {
   padding-bottom: 1rem;
}

.equipo-victorias .equipo, .equipo-derrotas .equipo{
   padding-bottom: 0px;
   float: left;
   width: 100%;
   margin:0px 0px 0px 5px;
   background: #171C1F;
   border-radius: 0.375rem;
   padding: 10px;
}
.equipo-victorias .h3, .equipo-derrotas .h3{
   margin:0px;
}

.equipo-header {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 0.5rem;
}

.detalle-partidos {
   margin-left: 40px;
   list-style: none;
   padding-left: 0;
}

.detalle-partidos li {
   padding: 3px 0;
   font-size: 0.9em;
   color: #fff;
}
.arbitro-resultado{
   font-weight: 900;
   background: #fff;
   color: #000;
   padding: 1px 3px;
   border-radius: 2px;
   margin: 0 8px;
}
.partidosArbitrados{
   float: left;
   width: 100%;
   background-color: #000;
   border-radius: 10px;
   color: #fff;
   font-family: 'Fira Sans';
   padding: 10px;
   margin-top: 10px;
   font-size: 13px;
}
.partidosArbitrados img{
   float: left;
}
.partidosArbitrados .equipo{
   float: left;
   width: 100%;
}
.partidosArbitrados h2{
   margin-bottom:20px;
}
.partidosArbitrados h3{
   color: #fff;
   font-family: 'Fira Sans';
   font-size: 16px;
   float: left;
   margin: 0 0 0 5px;
}
.partidosArbitrados img{
   max-height: 20px;
   max-width: 20px;
   width: auto;
}
.partidosArbitrados li{
   padding: 5px 0;
}
.partidosArbitrados ul{
   list-style: none;
   padding: 0px;
   margin-left: 25px;
   width: 100%;
   float: left;
}


.container { display: flex; justify-content: space-around; font-size:'Fira Sans';  }
.container h3{
   font-family:'Fira Sans'; font-size: 14px;color:#fff
}
.site-content h4{
   font-family:'Fira Sans'; font-size: 14px;color:#fff; text-align: center;
}
.team { width: 45%; padding: 10px; border: 1px solid #000; border-radius: 10px; }
.team h2 { text-align: center; }
.players { list-style: none; padding: 0; }
.players li { padding: 5px 0;  font-family: 'Fira Sans'; font-size: 13px;color:#ccc;}
.timeline { margin-top: 20px; padding: 10px; border: 1px solid #000; border-radius: 10px; }
.event { margin-bottom: 10px; width: 100%;
color: #fff;
font-size: 13px;
}
.goles-timeline{width: 100%}
.goles-timeline h3, .alineaciones h3{
   font-family: 'Fira Sans';
   color:#fff;
   font-size: 14px;
   text-align: center;
   margin-top: 30px;
}
.goles-timeline p{
   font-family: 'Fira Sans';
   color:#ccc;
   font-size: 13px;
}
.timeline-entry {
    display: flex;
    align-items: center;
    margin: 10px 0;
    gap: 15px;
    width: 100%;
}
.playerlink{
   color: #fff;
}
.results span.minutes {
    font-weight: bold;
    color: #666;
    padding: 0px 10px 0px 10px;
    font-size: 12px;
}

.team-left, .team-right {
    flex: 1;
    padding: 5px 10px;
}

.team-left {
    text-align: right;
}

.team-right {
    text-align: left;
}

.score {
    width: 80px;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    color: #fff;
}

.tipo-gol {
    font-size: 0.8em;
    font-style: italic;
    margin-left: 5px;
    margin-right: 5px;
}

.results span.gol-normal {
    background-color: #2ecc71; /* Verde para goles normales */
    color:#000000;
}

.results span.gol-propia {
    background-color: #f84c3a; /* Rojo para propias */
    color:#000000;
}

.results span.gol-penalti {
    background-color: #3498db; /* Azul para penaltis */
    color:#000000;
}

.gol-local, .gol-visitante {
   font-size: 12px;
}

.resultleft div.gol-local{
   float: right;
}
@media (max-width: 780px) {
  .section {
    display: none;
  }
  .textoTeam{
   width: 100%;
  }
  .alineacion_local, .alineacion_visitante{
      width: 48%;
      margin:0px 1%;
      padding: 5px;
  }
  #botonMostrar{
   display: none;
  }
  #contentjornadas{
   height: auto;
  }
  .section.active {
    display: block;
    width: 100%;
  }
  .resultleft div.equipaciones{
   float: inherit;
   margin-top: 30px;
  }

  .col-md-8.results{
   margin-bottom: 0px;
  }
   .shield{
      max-height: 30px;
      max-width: 30px;
   }
   h1{
      font-size: 16px!important;
      padding: 0px;
   }
   .bottombar{
      display: block;
   }
   .cell{
      font-size: 20px;
   }
   .col1 .fila .text, .col2 .fila .text{
      line-height: 30px;
   }
   input{
      width: 100%;
   }
   .box.jornada{
      height: 380px;
   }
   .navbg{
      width: 100%;
      float: left;
      overflow-x: auto;
   }
   .logof img{
      z-index: 10;
      position: sticky;
      height: 60px;
      width: auto;
   }
   .logof{
      width: 100%;
      position: relative;
   }
   .btnlogin img{
      height: 30px;
      width: 40px;
   }
   .btnlogin{
      padding: 3px 0px;
      background-color: transparent;
   }
   .logobar{
      height: 55px;
   }
   #toggleButton{
      margin-top: 5px;
   }
   .logof span{
      padding: 20px 10px;
      font-size: 16px;
   }
   .col-md-8.results{
      width: 100%;
   }
   .login{
      width: 50px;
      font-family: 'Fira Sans';
      text-align: center;
      padding: 0px;
      margin-top: 0px;
      height: 50px;
   }
   .login2{
      width: 50px;
      font-family: 'Fira Sans';
      text-align: center;
      padding: 0px;
      margin-top: 0px;
      right: 50px;
      height: 50px;
   }
   .clasificacion{
      width: 100%;
   }
   .cellteam{
          text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100px;
   }
   .namelink{
      font-size: 12px;
   }
   .matchdetail span.resultado{
      padding: 2px 4px 0px 4px;
      font-size: 20px;
   }
   #cookiescript_badge{
      display: none!important;
   }
}
#cookiescript_badge{
      right: 10px!important;  
      left: initial!important;
   }

#home h1{
   font-weight: 400;
   text-transform: uppercase;
   margin-top: 26px;
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {

   .dropdown-menu li{
      position: relative;
      padding: 5px 0;
   }
   .dropdown-menu .submenu{ 
      display: none;
      position: absolute;
      left:100%; top:-7px;
   }
   .dropdown-menu .submenu-left{ 
      right:100%; left:auto;
   }

   .dropdown-menu > li:hover{ background-color: #000000 }
   .dropdown-menu > li:hover > .submenu{
      display: block;
   }
}  
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

.dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
}
.dropdown-menu li{
      position: relative;
      padding: 5px 0;
   }

}
.submenu-group{
   padding-left: 0px!important;
}  
.menuicon{
   filter: invert(1);
   margin-right: 10px;
   height: 20px;
}
.menuicon2{
   margin-right: 10px;
   height: 20px;
}
/* ============ small devices .end// ============ */


.footer{
   width: 100%;
   float: left;
   padding: 50px;
   background: #111517;
   margin-top: 50px;
}
.footer li {
   list-style: none;
   display: inline;
}
.footer li a{
   padding: 10px 20px;
   color: #ccc;
   font-family: "Fira Sans";
   font-weight: 2000;
   color: #fff;
   text-decoration: none;
   font-size: 12px;
}
.footer li a:hover{
   color: #f0ce00;
   background-color: #000000;
}

/**MENU**/

.burger-menu {
  cursor: pointer;
  padding: 20px;
  float: left;
  top: 20px;
  left: 20px;
  margin-right: 10px;
}

.bar {
   width: 23px;
   height: 2px;
   background-color: #fff;
   margin: 7px 0;
   transition: 0.4s;
}
  .submenu {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease-in-out;
    }
/**DATEPICKER**/
#match-rows_calendar{
   float: left;
   width: 100%;
   text-align: center;
   margin-top: 15px;
   margin-bottom: 20px;
}
#match-calendar-dp-trigger{
   margin-top: -2px;
   float: left;
}
.Ig{
   max-width: 360px;
   margin: auto;
   float:none!important;
}
.Qg{
   float: left;
}
.Lg{
   float: left;
   padding-right: 5px;
}
.Jg.gh.Yg{
   font-size: 12px;
   color: #fff;
   text-decoration: none;
   float: left;
   text-align: center;
}
.Jg.gh.Yg.Og.today{
   color: #FF6b00;
}
.Jg.gh.Yg.Og{
   color: #FF6b00;
}

.Jg.gh.Yg span{
   float: left;
   width: 100%;
   line-height: 12px;
   font-family: 'Fira Sans';
}
#ui-datepicker-div{
   position: absolute!important;
   z-index: 1001!important;
   background: #000;
   color: #fff;
   font-family: 'Fira Sans';
   font-size: 12px;
   top:0px!important;
   width: 100%;
 }
 .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all{

   border: 0px;
       background: #000;
    color: #fff;
    font-family: 'Fira Sans';
    font-size: 12px;
}
.ui-datepicker .ui-datepicker-title select{
   background: #000;
   color: #fff;
   font-family: 'Fira Sans';
   font-size: 12px !important;
   border: 0px;
}
.ui-datepicker th{
   color: #fff;
   font-family: 'Fira Sans';
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
   color: #fff!important;
    background: transparent!important;
    border: 1px solid transparent!important;
    font-family: 'Fira Sans';
    text-align: center;
}
.ui-datepicker table{
       background: rgb(34, 34, 34);
}
.ui-widget.ui-widget-content{
   border:0px!important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
   border: 0px!important;
   background: rgb(255, 107, 0)!important;
   color: #000!important;
   border-radius: 100px!important;
   max-width: 24px;
   margin: auto;
   max-height: 24px;
}
.ui-datepicker-title{
   padding: 10px;
}
.ui-datepicker-prev.ui-corner-all, .ui-datepicker-prev.ui-corner-all, .ui-datepicker-next.ui-corner-all{
   margin-top: 10px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
   filter: invert(1);
}
.ui-datepicker-week-end{
   background-color: #303030!important;
}
.ui-datepicker th.ui-datepicker-week-end{
   background-color: #202020;
}
.ui-datepicker th {
   border-bottom: 1px solid #505050 !important;
   border-top: 1px solid #505050 !important
}
#toggleAnteriores, #showMoreMatches{
   font-size: 12px;
   color: #fff;
   background: transparent;
   border: 0px;
   float: left;
}
#toggleAnteriores svg{
   margin-right: 5px;
   height: 20px;
}
#toggleAnteriores:hover{
   color: #ccc;
   text-decoration: underline;
}
#scroll-to-top {
   position: fixed;
   bottom: 20px;
   right: 20px;
   display: none;
   background: rgba(0, 0, 0, 0.7);
   padding: 10px;
   border-radius: 50%;
   z-index: 1000;
   cursor: pointer;
}
 #scroll-to-top svg {
   width: 24px;
   height: 24px;
}
 /* Estilos para el timeline de horas */
 .sidebar {
   position: fixed;
   top: 140px;
   right: 0;
   background: rgba(0, 0, 0, 0.8);
   padding: 10px;
   border-radius: 0.575rem;
   max-height: calc(100vh - 100px);
   overflow-y: auto;
   z-index: 1000;
   font-size: 12px;
   opacity: 0.8;
   color: #fff;
   text-align: right;
}
#home .sidebar{
   top: 190px;
}
 .sidebar a {
   display: block;
   margin-bottom: 8px;
   text-decoration: none;
   color: #ccc;
   text-align: right;
}
 .sidebar a.active {
   font-weight: bold;
   color: #FF6b00;
   font-size:14px;
}

.search-container {
    position: relative;
    max-width: 100%;
    margin: 0px auto;
}

.results-dropdown {
    display: none;
    position: absolute;
    width: 100%;
    background: #111111;
    border: 1px solid #111111;
    z-index: 1000;
}

.search-item {
    padding: 10px;
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: #fff;
    background-color:#181818;
    font-family: 'Fira Sans';
    font-size:13px;
}

.search-item:hover {
    background: #f5f5f5;
    color:#000
}

.type-badge {
    font-size: 0.8em;
    padding: 2px 5px;
    border-radius: 3px;
    margin-right: 8px;
}

.equipo-badge {
    background: #4CAF50;
    color: white;
}

.categoria-badge {
    background: #2196F3;
    color: white;
}
.global-search-fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    margin: 0 !important;
    padding: 15px !important;
    background: #111 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    animation: slideDown 0.3s ease;
    height:100vh;
    opacity:0.9
}

/* Animación suave */
@keyframes slideDown {
    from { transform: translateY(-100%); }
    to { transform: translateY(0); }
}

/* Botón de cerrar */
.search-close {
    position: absolute;
    right: 20px;
    top: 25px;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px;
}

.search-close svg {
    width: 20px;
    height: 20px;
    fill: #ccc;
}

/* Overlay para fondo */
.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9998;
    display: none;
}
#globalSearch {
    cursor: pointer;
    border-radius: 3px!important;
    background-color: #303030;
    border: 0px;
    color: #fff;
    padding: 10px;
    font-size: 13px;
    width: 100%;
}

/* Opcional: cambiar estilo cuando está fijo */
.global-search-fixed #globalSearch {
    cursor: text;
    padding-right: 40px !important; /* Para que el texto no quede detrás del botón de cerrar */
    width: calc(100% - 40px);
    background-color:#000;
    color: #fff;
    font-family: 'Fira Sans';
    font-size:13px;
}
input::placeholder {
  color: #ccc;
  font-size: 14px;
  font-family: 'Fira Sans';
  font-size:13px;

}
/*JUGADORES*/

#jugador svg{
   margin-right: 5px;
}
#resultados-jugadores{
   background-color: #171C1F;
   padding: 10px;
   border-radius: 4px;
}
#resultados-jugadores li a{
   font-family: 'Fira Sans';
   color: #fff;
   font-size: 14px;
}
#resultados-jugadores li{
   font-family: 'Fira Sans';
   color: #ccc;
   font-size: 14px;
}