.f-11 {font-size: 11px;}
.f-12 {font-size: 12px;}
.f-14 {font-size: 14px;}
.f-14i {font-size: 14px!important;}
.f-15 {font-size: 15px;}
.f-20 {font-size: 20px;}
.f-30 {font-size: 30px;}
.opacity-25 {opacity: 0.25;}
.opacity-50 {opacity: 0.5;}
.opacity-60 {opacity: 0.6;}
#loader{position: fixed; top: 0; left:0; width:100%; height:100%; background: #14171d; z-index:2000;}
#loader img {width: 64px; height: 64px; left: calc(50% - 32px); top: calc(50% - 32px); position: absolute;}
.ver-equipo {text-decoration: none;}
a.ver-equipo:hover {color: #ffc107!important;}
.ver-sinequipo {text-decoration: none;}
a.ver-sinequipo:hover {color: #ffc107!important;}
.f-13, .dropdown-item {font-size: 13px;}
.f-14 {font-size: 14px;}
.f-15 {font-size: 15px;}
.navbar-dark .navbar-nav .nav-link {font-size: 14px;}
.medalla{font-size: 40px; position: relative; top: 3px;}
.oro {color:#efbb00}
.plata {color:#8b9196}
.bronce {color:#de6d1d}
.sin-podio{opacity: 0.1;}
.autotrol{letter-spacing: -0.2rem;}
.penal {letter-spacing: 0;}
#ver-posiciones, #ver-resultados, #ver-proximos, #ver-goleadores {text-decoration: none!important;}
#ver-resultados, #ver-proximos, #ver-goleadores {position: relative; top:10px}
.card-torneos {text-decoration: none; color:#333; border-radius: 5px; border: 0;}
.card-torneos:hover {text-decoration: none; color:#f8f9fa;}
.css-torneos:hover > .portada-torneo .s-nombretorneo, .css-torneos:hover > .portada-torneo .hist-nombretorneo, .css-torneos:hover > .portada-torneo .hist-nombrecampeon  {color: #04ff04;}
.card-torneos:hover small.f-11 {text-decoration: none; color: #212529;}
.b-b-posicion {border-bottom: 1px solid #3d4246;}
.bg-navfnd {background:#1f232c;}

@font-face {
  font-family: 'camisetas';
  src: url('../../camisetas/font/camisetas.eot?28722940');
  src: url('../../camisetas/font/camisetas.eot?28722940#iefix') format('embedded-opentype'),
  url('../../camisetas/font/camisetas.woff?28722940') format('woff'),
  url('../../camisetas/font/camisetas.ttf?28722940') format('truetype'),
  url('../../camisetas/font/camisetas.svg?28722940#camisetas') format('svg');
  font-weight: normal;
  font-style: normal;
}
.c-icon {
  font-family: "camisetas";
  font-style: normal;
  font-weight: normal;
    speak: never;
    
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    
    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */
    
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  }
  .c-icon {font-size: 400%; min-width: 100%; margin: 0; padding: 0; position: absolute; z-index: 4;}
  
  #pant1-cam, #pant1-cam-e {font-size: 180%; transform: rotate(83deg); margin-left: -7px; text-shadow: 2px -2px 4px rgb(0 0 0 / 30%);}
  #pant2-cam, #pant2-cam-e {font-size: 180%; transform: rotate(-83deg); margin-right: -7px; text-shadow: -2px -2px 4px rgb(0 0 0 / 30%);}
  .pre-pants {position: relative; top: 58px; padding: 0; margin: 0; text-align: center;}
  .pre-medias {position: relative; top: 66px; padding: 0; margin: 0; text-align: center;}
  #medias-cam, #medias-cam-e {font-size: 270%; text-shadow: 0px 0px 4px rgb(0 0 0 / 30%), 0px 0px 14px rgb(0 0 0 / 15%);}
  
  .c-s {text-shadow: 0 0px 2px rgb(0 0 0 / 50%), 0 0px 4px rgb(0 0 0 / 50%)}
  .c-t {top:-15px;}
  .c-icon.icon-tipo-v {top: 7px;}
  .c-icon.icon-tipo-banda, .c-icon.icon-tipo-banda2 {top: 5px;}
  .c-icon.icon-tipo-banda-horizontal {top: 6px; font-size: 390%!important; left: 0.5px;}
  
  .pt-3-25rem {padding-top: 3.25rem !important;}
  .pt-5rem {padding-top: 5rem !important;}
  .mt--4 {margin-top: -4px;}
  .t--2 {top: -2px;}
  .t--7 {top: -7px;}
  .fondoequipo {background: #2a2f3b;}
  .fondoequipo .b-b-posicion {border-bottom: 1px solid #3f4759;}
  .fondoequipo .table {border-color: #3f4759!important;}
.slick-prev:before, .slick-next:before {color: #999999!important;}
.contiene-equipos{max-width: calc(100% - 40px)!important; margin-left:20px!important}
@media (min-width:1025px) {
  .ver-equipo {font-size:18px}
  .w-100.text-start.pb-0.mb-0.small.lh-sm small.d-block.text-gray-dark, .w-100.text-end.pb-0.mb-0.small.lh-sm small.d-block.text-gray-dark {font-size: 120%;line-height: 140%;}
  .text-center img.bd-placeholder-img.flex-shrink-0.rounded {width: 80px!important; height: 80px!important; margin-bottom: 10px;}
  .css-tipo3, .css-tipo3playoffs {width: 54px; height: 46px; margin: 0px auto;}
  .versus-camisetas {font-size: 14px; padding: 1px 6px 3px; border-radius: 50%; background: #cccfdb; color: #1f232c!important}
  #mostrar-camisetas-1, #mostrar-camisetas-2 {height:75px}
  #mostrar-camisetas-1 .c-icon, #mostrar-camisetas-2 .c-icon {font-size: 200%; left: 0;}
  #mostrar-camisetas-1 #pant1-cam, #mostrar-camisetas-2 #pant1-cam {font-size: 90%; margin-left: -4px;}
  #mostrar-camisetas-1 #pant2-cam, #mostrar-camisetas-2 #pant2-cam {font-size: 90%; margin-right: -4px;}
  #mostrar-camisetas-1 .pre-pants, #mostrar-camisetas-2 .pre-pants {top:26px;}
  #mostrar-camisetas-1 #medias-cam, #mostrar-camisetas-2 #medias-cam {font-size: 135%;}
  #mostrar-camisetas-1 .pre-medias, #mostrar-camisetas-2 .pre-medias {top:30px}

  .hist-titulotorneo {font-size: 16px; margin-top: -10px;}
  .hist-nombretorneo {font-size: 34px; font-weight: 900; margin-top: 10px;}
  .hist-idcampeon {font-size: 34px; font-weight: 900; margin-top: 15px;}
  .ranking-idcampeon {font-size: 34px; font-weight: 900; margin-top: 7px; margin-bottom: 3px;}
  .ranking-goleadores {font-size: 28px; font-weight: 900; margin-bottom: 5px}
  .contieneequiposquejugo {width: 70px; margin-right: 5px;}
  .equiposquejugo {color:#fff; font-size:9px}
  .ranking-posicionpartidos {font-size: 20px; font-weight: 900; margin-top: 15px; margin-right: 20px; margin-left: -5px;}
  .hist-nombrecampeon {margin-top:-25px!important}
  .hist-img {max-height:75px; margin-top: 10px; margin-left: 20px;}
  .ranking-img {max-height: 50px; margin-top: 5px; margin-left: -5px; margin-right: 10px;}

  .tabla-puntos {width: 45px;}
  .match-status {font-size: 12px; margin-bottom: 5px;}
  .match-status small {padding: 5px 10px}
  .separador {font-size: 30px; padding-right: 0.2rem; padding-left: 0.25rem;}
}
@media (max-width:991px) {
  .navbar-collapse .navbar-nav .link-warning {font-size: 16px; padding: 1.1rem 0.1rem;}
  .navbar-collapse {margin-top: 10px;}
  .navbar-nav .link-warning {color: #aefe05; font-weight: 700; text-transform: uppercase; letter-spacing: 0.025rem; font-size: 12px; position: relative; top: 0px;}
  .navbar-nav .link-warning:hover {color: #04ff04;}
}
@media (min-width:992px) {
  .navbar-nav .link-warning {color: #aefe05; font-weight: 700; text-transform: uppercase; letter-spacing: 0.025rem; position: relative; top: 0px;}
  .navbar-nav .link-warning:hover {color: #04ff04;}
  .nav-item {padding: 0.5rem 1rem}
}
@media (min-width:992px) and (max-width:1200px) {
  .navbar-nav .link-warning  {font-size: 14px;}
}
@media (min-width:1201px) {
  .navbar-nav .link-warning  {font-size: 15px;}
}
@media (max-width:1024px) {
  .css-tipo3, .css-tipo3playoffs {width: 42px; height: 42px; margin: 0px auto;}
  .versus-camisetas {padding: 0 3px; font-size: 9px; border-radius: 50%; background: #cccfdb; color: #1f232c!important}
  #mostrar-camisetas-1, #mostrar-camisetas-2 {height:50px}
  #mostrar-camisetas-1 .c-icon, #mostrar-camisetas-2 .c-icon {font-size: 128%; left: 0;}
  #mostrar-camisetas-1 #pant1-cam, #mostrar-camisetas-2 #pant1-cam {font-size: 62%; position: relative; left: 4px; transform: rotate(80deg)}
  #mostrar-camisetas-1 #pant2-cam, #mostrar-camisetas-2 #pant2-cam {font-size: 62%; position: relative; right: 3px;  transform: rotate(-80deg)}
  #mostrar-camisetas-1 .pre-pants, #mostrar-camisetas-2 .pre-pants {top:10px;}
  #mostrar-camisetas-1 #medias-cam, #mostrar-camisetas-2 #medias-cam {font-size: 100%;}
  #mostrar-camisetas-1 .pre-medias, #mostrar-camisetas-2 .pre-medias {top:7px}

  .hist-titulotorneo {font-size: 14px; margin-top: -5px;}
  .hist-nombretorneo {font-size: 16px; font-weight: 900; margin-top: 16px;}
  .hist-idcampeon {font-size: 16px; font-weight: 900; margin-top: 17px;}
  .ranking-idcampeon {font-size: 24px; font-weight: 900; margin-top: 5px; margin-bottom: 0px;}
  .ranking-goleadores {font-size: 20px; font-weight: 900; margin-bottom: 5px;}
  .equiposquejugo {color:#fff; font-size:9px}
  .contieneequiposquejugo {width: 40px; margin-right: 5px;}
  .ranking-posicionpartidos {font-size: 15px; font-weight: 900; margin-top: 14px; margin-right: 15px; margin-left: -10px;}
  .hist-nombrecampeon {margin-top:-25px!important}
  .hist-img {max-height:40px; margin-top: 15px; margin-left: 12px;}
  .ranking-img {max-height:40px; margin-top: 5px; margin-left: -5px; margin-right: 10px;}

  .tabla-superior .tabla-puntos, .tabla-superior .tabla-equipo {font-size: 12px;}
  .tabla-puntos{width: 0px; padding-left: 3px!important; padding-right: 3px!important;}
  .tabla-puntos.ultimo{width: 22px; padding-left: 0.25rem!important; padding-right: 0.5rem!important;}
  .nav-item a {padding: 0.75rem 0rem; display: block;}
  .ver-equipo {font-size:16px}
  .categoria-resultados {font-size: 11px;}
  .match-status {font-size: 12px; margin-bottom: 5px;}
  .match-status small {padding: 5px 7px; font-size: 11px;}
  .separador{font-size: 25px; position: relative; top: -2px; padding: 0 3px 0 4px;}
  .tabla-equipo span.ms-0.ms-lg-2 {font-size: 10px; font-weight: 900;}
  .navbar-nav .link-warning.de-menu {font-size: 12px!important;}
}
@media (max-width:575px) {
  .c-nombretorneo {font-size: 13px;}
  }
@media (min-width:576px) {
  .c-nombretorneo {font-size: 16px;}
}
.link-warning.btn-navbar {text-decoration: none}
.index-navbar {z-index:2000; padding-top: 0.25rem; padding-bottom: 0.25rem;}
.navbar-toggler {color: #aefe05; padding: 0.25rem 0rem}
.navbar-toggler:focus {color:#aefe05; box-shadow: none;}

.match-status .bg-danger {background: #d32f2f!important}
.match-status .bg-warning {background: #FFA000!important}
.match-status .bg-success {background: #388e3c!important}

.css-torneos {cursor: pointer; text-decoration: none; margin-top: 15px; border-radius: 5px; box-shadow: 0 5px 10px #000000;}
.css-torneos-ranking {text-decoration: none; margin-top: 5px;}

.portada-torneo {background: rgba(0,0,0,0.65);}
.p-nombretorneo{margin-bottom: -10px; text-transform: uppercase; font-weight: 900; color: #fff;}
.s-nombretorneo{font-weight: 700; color: #a0e809;}
.c-nombretorneo{text-transform: uppercase; font-weight: 900; color: #fff;}
.c-nombretorneo i, .btn-navbar i.fa-court-sport {top:3px}
.bread-menu {background: #aefe05;}
.bread-menu h6 {font-weight: 900; font-size: 18px; line-height: 24px; margin-top: 7px; margin-bottom: 5px; text-shadow: 1px 1px 1px #77ff77}
.index-navbar .navbar-toggler {color: #aefe05;}
.index-navbar .navbar-toggler:hover{color:#04ff04}
h2.mb-3.text-warning {font-weight: 700; color: #aefe05 !important; text-shadow: 2px 2px 2px #20242d;}
h2.my-1.text-warning {font-weight: 700; color: #aefe05 !important; text-shadow: 2px 2px 2px #20242d;}
h1.d-block.mt-1.mb-0.text-warning {color: #aefe05 !important}
.card.text-light.bg-dark {background:rgb(230 81 0 / 95%) !important}
.p-ascensos {background: rgb(89 157 27 / 90%);}
.p-repechajes {background: rgb(27 109 157 / 90%)}

/** tipo partido eliminatoria **/
.ver-equipo.text-primary {color: #dedede!important;}
.ver-equipo.text-secondary {color: #dedede!important;}
.css-tipo3.bg-primary, .css-tipo3.bg-secondary, .css-tipo3playoffs.bg-primary, .css-tipo3playoffs.bg-secondary, .bg-no-jugado {background: #14172b!important;}
.css-tipo3playoffs.ro-le {-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.css-tipo3playoffs.ro-le, .css-tipo3playoffs.ro-ri {top:-60px;}
.css-tipo3:nth-child(1) {-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.css-tipo3playoffs.ro-ri {-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.css-tipo3:nth-child(2) {-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.css-tipo3.bg-primary span {background: #039503; height: 22px; width: 22px; text-align: center; bottom: -18px; color: #fff;}
.css-tipo3.bg-secondary span {background: #6c757d; height: 22px; width: 22px; text-align: center; bottom: -18px; color: #fff;}
.css-tipo3playoffs.bg-primary span {background: #039503; height: 22px; width: 22px; text-align: center; bottom: -18px; color: #fff;}
.css-tipo3playoffs.bg-secondary span {background: #6c757d; height: 22px; width: 22px; text-align: center; bottom: -18px; color: #fff;}
/** tipo partido eliminatoria **/

.css-navbar {top: 64px;}

.hist-titulotorneo {color: #cccccc;}
.hist-nombretorneo {color: #aefe05}
.ranking-idcampeon, .hist-idcampeon, .ranking-posicionpartidos, .ranking-goleadores {color: #cccccc;}
.hist-nombrecampeon {color: #aefe05;}

/*nuevodiseño*/
.card {background: rgb(31 35 44 / 90%)}
.css-torneos .card {background: rgb(31 35 44 / 90%)}
.css-torneos .card:hover {background: rgb(31 35 44 / 60%)}
.text-muted {color: #eeeeee !important;}
.border-bottom {border-bottom: 1px solid #2a2f3b!important}
small.d-block.text-gray-dark, .table, h6.pb-2.pt-3.px-3 {color: #dedede;}
small.d-block.text-gray-dark b.text-primary {color: #aefe05!important;}
.border-end.border-white.css-tipo3, .border-end.border-white.css-tipo3playoffs, .table {border-color: #2a2f3b!important}
.zoomcamisetas {zoom:1.35}
/*nuevodiseño*/

.fondoequipo .col-12.col-lg-7, .fondoequipo .col-12.col-lg-5 .w-100 {display: flex; flex-direction: column; justify-content: center;}
.fondoequipo .col-12.col-lg-7 {align-items: flex-end;}
#css-goleadores strong.d-block.text-gray-dark:not(.de-equipos) {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: calc(100% - 70px);}
.modal-backdrop {z-index: 1020!important;}
.modal {z-index: 3010!important;}
.cerrar-mapa {position: absolute; background: #ffffff; border-radius: 50%; top: 20px; right: 20px; border: 1px solid #aaaaaa; box-shadow: 0 1px 10px 1px rgb(0 0 0 / 50%);}
.cerrar-mapa .btn-close {padding: 1rem!important;}
.navbar hr {margin: 0.1rem 0!important; opacity: 0.1;}
.navbar-toggler:not(.collapsed) .navbar-toggler-icon i:before {content: "\f00d";}

.back-waiver {width: 100%; height: 100%; background: rgb(0 0 0 / 50%); position: absolute; border-radius: 15px; border: 1px solid #aefe05}
.waiver-option:hover .back-waiver {background: rgb(174 254 5 / 25%)!important;}
.waivers {cursor: pointer}
.waivers img {border-radius:15px}
.navbar-nav .link-warning i {font-size: 18px!important}