@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

/* Importar Barlow Condensed  */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&display=swap');

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 0;
    font: inherit;
    box-sizing: border-box;
    text-decoration: none;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body#paginaCalculadora{
    background: #FFFFFF;
    /* background-color: green; */
}

.alh-wrapper {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0;
    max-width: 990px;
    height: auto;
    text-align: center;
}

 .alh-wrapper .contenedorpartidosyclasificacion { 
    height: 535px; 
} 

.alh-wrapper .alh-inicio {
    font-size: 15px;
    margin: 10px 0;
    color: #282828;
    text-align: center;
}

.alh-wrapper #losgrupos {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
}

.alh-wrapper #menugrupos {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

.alh-wrapper #menugrupos ul {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.alh-wrapper #menugrupos li.botjornada {
    cursor: pointer;
    display: inline-block;
    background-color: #e8e8e8;
    width: 5.1%;
    height: 22px;
    line-height: 24px;
    margin-bottom: 1px;
}

.alh-wrapper #menugrupos li.botjornada:hover {
    background-color: #ffbdbb;
}

.alh-wrapper #menugrupos li.botjornada.active {
    cursor: default;
    pointer-events: none;
    color: white;
    background-color: #FE4942;

}

.alh-wrapper #menugrupos li.botjornada.active a {
    color: white;
    cursor: default;
}

.alh-wrapper #menugrupos li.A {
    margin-left: 10px;
}

.alh-wrapper #menugrupos li.I {
    margin-right: 0;
}

.alh-wrapper #menugrupos li.botjornada a {
    color: #e2403a;
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 13px;
    font-family: 'Barlow Condensed';
}

.jornadasPasadas {
    opacity: 0.4;
    font-weight: normal;
}

.jornadasSinCompletar {
    opacity: 1;
    font-weight: bold;
}

.alh-wrapper .losreloads {
    width: 100%;
    display: inline;
    margin-left: 5px;
}

.alh-wrapper .reload {
    display: inline;
}

.alh-wrapper .rel {
    display: inline-block;
    width: 27px;
    height: 27px;
    background-color: #FE4942;
    /* background-image: url("https://e00-marca.uecdn.es/multimedia/graficos/futbol/2021/calculadora-liga-2021/css/img/reload.png"); */
    background-image: url('data:image/png;base64,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');
    border-radius: 50%;
    cursor: pointer;
    text-align: center;
    background-size: 100%;
}

.alh-wrapper .nodisplay {
    display: none;
}

.alh-wrapper .rel:hover {
    background-color: #c73934;
}

.activito {
    pointer-events: auto;
    opacity: 1;
}

.desactivito {
    display: none !important;
    pointer-events: none;
    opacity: .2;
}


/*****************************************************/
/*Anterior, jornada actual y Siguiente*/
.alh-wrapper #anteriorSiguiente ul {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: #FE4942;
}

.alh-wrapper #anteriorSiguiente ul #actual {
    /* color: #383838; */
    color: #222222;
    font-size: 20px;
    line-height: 8px;
    font-weight: 700;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.alh-wrapper #anteriorSiguiente ul li a {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.alh-wrapper #anteriorSiguiente ul .antSig {
    cursor: pointer;
    border-bottom: 1px solid white;
    line-height: 30px;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 6px;
}

.alh-wrapper #anteriorSiguiente .antSig div .flecha {
    /* background-image: url("https://e00-marca.uecdn.es/multimedia/graficos/futbol/2021/calculadora-liga-2021-15/css/img/flechaazul.png"); */
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFw2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuZjM1NGVmYzcwLCAyMDIzLzExLzA5LTEyOjA1OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjUuNSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDQtMTdUMTE6NDU6NTkrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTAzLTI2VDE0OjI5OjIyKzAxOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTAzLTI2VDE0OjI5OjIyKzAxOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2YjVmYTcxOS1lZTIyLTQ2NGEtYjkwYy0zNGQ3OTk3N2Y3OGMiIHhtcE1NOkRvY3VtZW50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');
    width: 10px;
    height: 10px;
    padding: 12px;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin: 2px;
    background-size: 100%;
}

.alh-wrapper #anteriorSiguiente .anterior div .flecha {
    transform: rotate(180deg);
}

.alh-wrapper #anteriorSiguiente ul .anterior:active {
    transform: translate(-2px);
}

.alh-wrapper #anteriorSiguiente ul .siguiente:active {
    transform: translate(2px);
}

.alh-wrapper #anteriorSiguiente ul .antSig:hover .flecha {
    background-color: #FE4942;
    color: white;
    /* background-image: url("https://e00-marca.uecdn.es/multimedia/graficos/futbol/2021/calculadora-liga-2021/css/img/flechablanca.png"); */
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdhJREFUeNrs3cFtg0AQQFHjCijBJVCCS0gHIZ24A5dAOnApKBWkhJSwASXcItmHGW+A96Q92xp9YRah9eEAAAAAAAAAAAAAAAAAAAAAAADAI0op/bSuJkF0VIvBRIiOSlyERNVN66v8TVyERyUu0qISF2lRiYu0qMRFWlQLz7kIj2rRmyjRUYmLtKjEJaq0qMQlqnTiEpW4ajuu+Lu/Tqt98mcO4trHVWsodYhLXGnOpi+uDPP9XWf64hIX4kJc4hKXuBAX4hKXuMTFyuP6nFZr+uLKMIpLXOJCXIhLXOISF+JCXOISl7jYQFzOiRCXuBAX4hKXuMSFuBCXuMQlLrYQ12qPrDxKBvwUIipRISpEhahEhagQFaISlaie/mqyyYvK++6IClEhKlEhKkSFqESFqNhiVPPhtifTF1V0VE5MFpWoEBWiQlSiQlSIClGJitpRzV5Mf7tRXStF1Zv+fWs+FOSjwme+NU3zLpvtX7UurlSs+T5LVDuNaxQVGWG15eevckVFeFzd7/MlUREe11lUZMXV7/VAWf7vTtEhHdyN6yYqsnaKo6jIiOv0wE5RVIQ/hhAV4TtFURES10VUZD6GEBUAAAAAAAAAAAAAAAAAAAAAAIT4FmAAtXmpqQmNraYAAAAASUVORK5CYII=');



}

.alh-wrapper #anteriorSiguiente ul .anterior.oculto {
    visibility: hidden;
    pointer-events: none;
}

.alh-wrapper #anteriorSiguiente ul .siguiente.oculto {
    visibility: hidden;
    pointer-events: none;
}


/*********************************************/


.alh-wrapper .lospartidos {
    /* margin-top: 5px; */
    width: 49.8%;
    font-size: 14px;
    float: left;
    /* //height: 100%; */
}

.alh-wrapper .laclasificacion {
    margin-top: 5px;
    width: 49.8%;
    font-size: 20px;
    float: right;
    height: 100%;
    padding: 5px 0 5px 5px;
}

#marca {
    height: 18px;
    margin-left: 5px;
}

/**************************************************************/
.alh-wrapper .lospartidos .banda-partido {
    position: relative;
    font-size: 10px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 5px;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    background-color: black;
}

/* .alh-wrapper .lospartidos .banda-partido:hover .banda2,
.alh-wrapper .lospartidos .banda-partido .banda2.sombreado {
    background-color: #bfbfbf;
    background-color: yellow;
} */

.alh-wrapper .lospartidos .banda-partido:hover .banda2{
    background-color: yellow;
}

.alh-wrapper .lospartidos .banda-partido .banda2.sombreado {
    background-color: #bfbfbf;
}

.alh-wrapper .lospartidos .banda-partido .banda1 {
    border-bottom: 1px solid #e2d9d3;
    background-color: #a8a496;
    text-align: center;
    height: 10px;
    width: 100%;
    padding-bottom: 1px;
    color: #413e39;
    text-transform: uppercase;
    line-height: 10px;
    background-color: whitesmoke;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.alh-wrapper .lospartidos .banda-partido .banda1 .banda1-fecha {
    float: left;
    height: 10px;
    width: 30%;
    color: #9e9797;
    padding-left: 26px;
    text-align: left;
}

.alh-wrapper .lospartidos .banda-partido .banda1 .banda1-estado {
    height: 9px;
    width: 40%;
    color: white;
    text-transform: uppercase;
    text-align: center;
}

.alh-wrapper .lospartidos .banda-partido .banda1 .banda1-partido {
    float: left;
    height: 10px;
    width: 30%;
    height: 13px;
    color: #9e9797;
    text-align: right;
    padding-right: 26px;
}


.alh-wrapper .lospartidos .banda-partido .banda2 {
    color: #222222;
    /* color: #383838; */
    font-size: 14px;
    text-transform: uppercase;
    height: 25px;
    width: 100%;
    background-color: #e6e6e6;
    margin-top: -1px;
    font-weight: bold;
}

.alh-wrapper .lospartidos .banda-partido .banda2 p.el,
.alh-wrapper .lospartidos .banda-partido .banda2 p.ev {
    padding-top: 4px;
}

.alh-wrapper .lospartidos .banda-partido .banda2 img {
    width: 25px;
    padding: 2px;
}

.alh-wrapper .lospartidos .banda-partido .banda2 .banda2-equipo {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.alh-wrapper .lospartidos .banda-partido .banda2 .banda2-equipovisitante img {
    margin-left: 1px;
}

.alh-wrapper .lospartidos .banda-partido .banda2 .banda2-equipolocal {
    float: left;
    width: 30%;
    height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    line-height: 11px;
    border-bottom: 1px solid #383838;
}

.alh-wrapper .lospartidos .banda-partido .banda2 .banda2-marcador {
    float: left;
    background-color: #383838;
    width: 40%;
    height: 25px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    position: relative;
    line-height: 26px;
    letter-spacing: -2px;
}

.banda2-marcador a.more-info-match {
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



.banda2-marcador a.more-info-match * {
    user-select: none;
}

.banda2-marcador a.more-info-match:hover * {}

a.link-disabled {
    cursor: default;
    pointer-events: none;
}

.alh-wrapper .lospartidos .banda-partido .banda2 .banda2-marcador strong {
    display: inline-block;
    padding-bottom: 2px;
    color: #f0ece9;
}

.alh-wrapper .lospartidos .banda-partido .banda2 .banda2-marcador span {
    color: #f0ece9;
    font-size: 14px;
}

.alh-wrapper .lospartidos .banda-partido .banda2 .banda2-equipovisitante {
    float: right;
    width: 30%;
    height: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    line-height: 11px;
    border-bottom: 1px solid #383838;
}

.alh-wrapper .lospartidos .banda-partido .banda2 .banda2-equipo.resaltado {
    background-color: yellow;
}

.alh-wrapper .botcalcu {
    cursor: pointer;
    background-color: #FE4942;
    width: 25px;
    height: 25px;
    position: absolute;
    border: 1px solid #383838;
    top: 0;
    background-size: 100%;
}

.alh-wrapper .botcalcu.mas {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO9JREFUeNrs3cEJgDAQRcGvFXgQ7L88IQc7SGoQFglmpoAclsfeliQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALyxGUHytLtXvnec1/Jz3WWFsBAWwgJhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbBAWAiLZUx/WFl9TPoXsx/F2lgIC2EhLBAWwkJYICyEhbBAWAgLYYGwEBbCAmEhLIQFBXzSFJ802VgIC2GBsBAWwgJhISyEBcJCWAgLhIWwEBYIC2EhLBAWwkJYICyEhbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIDvDAEGAOteDIpIorEYAAAAAElFTkSuQmCC');
    /* background-image: url("./img/mas.png");  */
}

.alh-wrapper .botcalcu.menos {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKFJREFUeNrs0kEJACAURMGvCTwI9o8neLCBBvAsKMwkWNgXAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAN9Lrw+coy83nUptT3+XXYSwEBbCAmEhLIQFwkJYCAuEhbAQFggLYSEsEBbCQlgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABwxRZgAGNoBChqGSNdAAAAAElFTkSuQmCC');
    /* background-image: url("./img/menos.png"); */
}

.alh-wrapper .botcalcu.mas.local {
    left: 24px;
}

.alh-wrapper .botcalcu.menos.local {
    left: 0;
}

.alh-wrapper .botcalcu.mas.visitante {
    right: 24px;
}

.alh-wrapper .botcalcu.menos.visitante {
    right: 0;
}

.alh-wrapper .botcalcu:hover {
    background-color: #c73934;
}

.alh-wrapper .botcalcu:active {
    background-color: #922a26;
}


/*************************************************************/

.alh-wrapper .laclasificacion {
    color: white;
}

.alh-wrapper .primer {
    width: 6%;
    border-right: 1px solid rgba(254, 73, 66, .4);
    border-left: 1px solid rgba(254, 73, 66, .4);
}

.alh-wrapper .segun {
    width: 33%;
    border-right: 1px solid rgba(254, 73, 66, .4);
    margin-top: -4px;
    text-align: left;
    /* margin-left: 1px; */
        /* Estilos para hacer clickeable el div segun */
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transition: background-color 0.2s ease;
    }
    
    /* Estilo cuando se hace hover */
    .alh-wrapper .segun:hover {
        background-color: rgba(0, 0, 0, .1);
    }
    
    /* Estilo cuando se hace click */
    .alh-wrapper .segun:active {
        background-color: rgba(0, 0, 0, .2);
    }
    
    .alh-wrapper .segun #textoSeleccionTodos{
        line-height: 5px;
    }

.alh-wrapper .tercer {
    width: 60%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    line-height: 7px;
}

.alh-wrapper .tercer .encabezado {
    width: 13%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    justify-content: center;
    border-right: 1px solid rgba(254, 73, 66, .4);
    /* margin-bottom: 2px; */
    line-height: 5px;
}

.alh-wrapper .laclasificacion p {
    color: #222222;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-family: 'Barlow Condensed', sans-serif;
}


.alh-wrapper .laclasificacion.titulo {
    color: #222222;
    text-transform: uppercase;
}

.alh-wrapper .laclasificacion .encabezadoclasificacion {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    height: 20px;
    width: 100%;
    padding-top: 5px;
    /* line-height: 17px; */
    color: #6e6e6e;
    border-bottom: 1px solid rgba(254, 73, 66, .4);
}

/***********************************/

.alh-wrapper .contenedorclasificacion {
    position: relative;
    height: 100%;
    width: 100%;
    top: -1px;
    box-sizing: border-box;
}

.alh-wrapper .unaclasificacion {
    display: block;
    width: 100%;
    height: 25px;
    background-color: rgba(0, 0, 0, .05);
    background-color: rgb(216, 216, 216);
    position: absolute;
    font-size: 14px;
    line-height: 30px;
    /* transition: background-color 300ms linear; */
}


/* COLORES PARA CHAMPIONS, UEFA DESCENSO */

.alh-wrapper .unaclasificacion.champions {
    /* background-color: #1da9d830; */
    /* background-color: rgba(85, 157, 255, .4); */
    /* background-color: #B8D8FF;
    background-color: #9c9eff; */
    background-color: #a4b1fd;
}

.alh-wrapper .unaclasificacion.uefa {
    /* background-color: rgba(85, 216, 255, .3); */
    /* background-color: #C8F3FF;
    background-color: #8ce6ff;
    background-color: #f9a175; */
    background-color: #f9ac75;
}

.alh-wrapper .unaclasificacion.conference {
    /* background-color: rgba(85, 255, 152, .2); */
    /* background-color: #f3b91a42; */
    /* background-color: #7bd275; */
    background-color: #a1da9d;
}

.alh-wrapper .unaclasificacion.descenso {
    /* background-color: rgba(254, 73, 66, .2); */
    background-color: #ff8884;
}

.alh-wrapper .unaclasificacion:hover {
    background-color: yellow;
}

.alh-wrapper .unaclasificacion.sombreado {
    /* box-shadow: 0 0 5px rgba(0, 0, 0, 1); */
    /* background-color: #bfbfbf !important; */ /* Color gris medio */
    background-color: yellow !important; /* Color gris medio */
}

.alh-wrapper .unaclasificacion img {
    width: 23px;
    float: left;
    padding: 0px 2px 2px 1px;
}


.alh-wrapper .primernumeritos {
    width: 6%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    /* border-right: 3px solid red; */
    display: inline-block;
    float: left;
}

.alh-wrapper .primernumeritos p {
    color: whitesmoke;
    text-align: right;
    padding-right: 4px;
    -webkit-transition: color 300ms linear;
    -moz-transition: color 300ms linear;
    transition: color 300ms linear;
}

.alh-wrapper .segunnumeritos {
    display: inline-block;
    float: left;
    width: 34%;
    height: 100%;
    padding: 2px 2px 0 2px;
    line-height: 15px;
    border-right: 1px solid rgba(0, 0, 0, .05);
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.2s ease;
}

/* Estilos para el div segunnumeritos y el checkbox */
.alh-wrapper .segunnumeritos:hover,
.alh-wrapper .segunnumeritos:hover .team-toggle {
    background-color: rgba(254, 73, 66, .1);
}

/* Estilo cuando se hace click */
.alh-wrapper .segunnumeritos:active,
.alh-wrapper .segunnumeritos:active .team-toggle {
    background-color: rgba(0, 0, 0, .2);
}

/* Estilo base para los checkboxes */
.team-toggle, 
#toggle-all-teams {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

/* Estilo para los checkboxes marcados */
.team-toggle:checked, 
#toggle-all-teams:checked {
    accent-color: #FE4942;
    background-color: #FE4942;
    }


accent-colore:hover, 
#toggle-all-teams:hover {
    background-color: rgba(254, 73, 66, .1);
}

/* Estilos para hacer clickeable el div segunnumeritos */
.alh-wrapper .segunnumeritos {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Estilo cuando se hace hover */
.alh-wrapper .segunnumeritos:hover {
    background-color: rgba(0, 0, 0, .1);
}

/* Estilo cuando se hace click */
.alh-wrapper .segunnumeritos:active {
    background-color: rgba(0, 0, 0, .2);
}

.alh-wrapper .segunnumeritos .team-toggle {
    /* margin-left: 10px; */
}

.alh-wrapper .tercernumeritos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-align: center;
    height: 100%;
    color: #111111;
}

.alh-wrapper .tercernumeritos .numeritos {
    width: 13%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    justify-content: center;
    border-right: 1px solid rgba(0, 0, 0, .05);
    font-family: 'Barlow Condensed';
}

.alh-wrapper .tercernumeritos .numeritospuntos {
    font-weight: bold;
    color: #222222;
}

.alh-wrapper .tercernumeritos .numeritosgolaverage {
    color: #222222;
    border-right: 0;
}


.divdelpartidofinalizado {
    background-color: white;
    width: 100%;
    height: 105%;
    opacity: .2;
    position: absolute;
    top: 0;
    pointer-events: none;
}


.alh-wrapper .leyenda {
    display: grid;
    grid-template-columns: 20px auto 20px auto 20px auto 20px auto;
    font-size: 11px;
    text-align: left;
    color: #5b5b5b;
    text-transform: none;
}

.alh-wrapper .leyen-item {
    height: 22px;
    line-height: 9px;
}

.alh-wrapper .leyen-item.leyenda-nota {
    grid-column: 1 / -1;
    height: auto;
    line-height: 1.1;
    margin-top: -4px;
    color: #6b6b6b;
}

/*<div class="leyen-item leuno"><div class="colorChamp"></div></div>*/

.alh-wrapper .leyen-item div {
    padding-bottom: 9px;
    margin-right: 8px;
    /* //padding: 0 3px 12px 0; */
}

.alh-wrapper .leyen-item .colorChamp {
    /* background-color: #B8D8FF;
    border: 1px solid #B8D8FF; */
    background-color: #a4b1fd
}

.alh-wrapper .leyen-item .colorEuLeague {
    /* background-color: rgba(85, 216, 255, .3);
    border: 1px solid rgba(85, 216, 255, .3); */
    background-color: #f9ac75;
}

.alh-wrapper .leyen-item .colorConference {
    /* background-color: rgba(85, 255, 152, .2);
    border: 1px solid rgba(85, 216, 255, .3); */
    background-color: #a1da9d;
}

.alh-wrapper .leyen-item .colorDescenso {
    /* background-color: rgba(254, 73, 66, .2);
    border: 1px solid rgba(254, 73, 66, .2); */
    background-color: #ff8884;
}

.alh-wrapper .leyen-item.leuno {
    font-weight: bold;
}

/* Estilos base */
.leyenda-desktop {
    margin-left: 3px;
    display: grid;
    grid-template-columns: 20px auto 20px auto 20px auto 20px auto;
    /* width: 49.8%; */
    margin-top: 10px;
}

.alh-wrapper .leyenda.leyenda-mobile {
    display: none;
}

/* Media query para móvil */
@media only screen and (max-width: 550px) {
    .alh-wrapper .lospartidos,
    .alh-wrapper .laclasificacion {
        width: 100%;
        float: none; /* Eliminar float */
    }

    .alh-wrapper .leyenda.leyenda-desktop {
        display: none;
    }

    .alh-wrapper .leyenda.leyenda-mobile {
        display: grid;
        grid-template-columns: 30px auto 30px auto;
        width: 100%;
        padding-left: 5px;
        margin-top: 10px;
        /* clear: both; */ /* Asegurar que fluya después de elementos con float */
        /* position: relative; */ /* Añadir esta línea */
        /* z-index: 100;
        border: 1px solid red;
        background-color: pink; */
    }

    .alh-wrapper .leyenda.leyenda-mobile .leyen-item.leyenda-nota {
        margin-top: 4px;
    }
}

/********************************************/

/* @font-face {
    font-family: 'WebSymbolsRegular';
    src: url('websymbols/websymbols-regular-webfont.eot');
    src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('websymbols/websymbols-regular-webfont.woff') format('woff'),
        url('websymbols/websymbols-regular-webfont.ttf') format('truetype'),
        url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
} */
.a-btn {
    border-radius: 50px;
    padding: 3px 0px 3px 50px;
    /* margin: 10px; */
    max-width: 500px;
    margin: 3px auto 0;
    position: relative;
    /* float:left; */
    display: block;
    overflow: hidden;

    background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 74%, rgba(237, 237, 237, 1) 100%);
    background-color: #cc0000;
    box-shadow:
        0px 0px 7px rgba(0, 0, 0, 0.2),
        0px 0px 0px 1px rgba(188, 188, 188, 0.1);
    transition: box-shadow 0.3s ease-in-out;
}

.a-btn-symbol {
    /* font-family: 'WebSymbolsRegular', cursive; */
    color: #555;
    font-size: 20px;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 20px;
    line-height: 32px;
    transition: opacity 0.3s ease-in-out;
}

.a-btn-text {
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    line-height: 20px;
    /* font-weight: bold; */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    display: block;
}

.a-btn-slide-text {
    font-size: 20px;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    color: #000;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}

.a-btn-slide-icon {
    position: absolute;
    top: -60px;
    width: 60px;
    height: 60px;
    background: transparent no-repeat top left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAdhJREFUeNrs3cFtg0AQQFHjCijBJVCCS0gHIZ24A5dAOnApKBWkhJSwASXcItmHGW+A96Q92xp9YRah9eEAAAAAAAAAAAAAAAAAAAAAAADAI0op/bSuJkF0VIvBRIiOSlyERNVN66v8TVyERyUu0qISF2lRiYu0qMRFWlQLz7kIj2rRmyjRUYmLtKjEJaq0qMQlqnTiEpW4ajuu+Lu/Tqt98mcO4trHVWsodYhLXGnOpi+uDPP9XWf64hIX4kJc4hKXuBAX4hKXuMTFyuP6nFZr+uLKMIpLXOJCXIhLXOISF+JCXOISl7jYQFzOiRCXuBAX4hKXuMSFuBCXuMQlLrYQ12qPrDxKBvwUIipRISpEhahEhagQFaISlaie/mqyyYvK++6IClEhKlEhKkSFqESFqNhiVPPhtifTF1V0VE5MFpWoEBWiQlSiQlSIClGJitpRzV5Mf7tRXStF1Zv+fWs+FOSjwme+NU3zLpvtX7UurlSs+T5LVDuNaxQVGWG15eevckVFeFzd7/MlUREe11lUZMXV7/VAWf7vTtEhHdyN6yYqsnaKo6jIiOv0wE5RVIQ/hhAV4TtFURES10VUZD6GEBUAAAAAAAAAAAAAAAAAAAAAAIT4FmAAtXmpqQmNraYAAAAASUVORK5CYII=');
    background-size: 100%;
    transform: rotate(90deg);
    left: 10px;
    /* opacity: 0.4; */
}

/*hover*/
.a-btn:hover {
    background: #e40000;
    box-shadow:
        0px 0px 9px rgba(0, 0, 0, 0.4),
        0px 0px 0px 1px rgba(188, 188, 188, 0.1);
}

.a-btn:hover .a-btn-symbol {
    opacity: 0;
}

.a-btn:hover .a-btn-slide-icon {
    -webkit-animation: slideDown 0.9s linear infinite;
}

/*animacion*/
@keyframes slideDown {
    0% {
        top: -30px;
    }

    100% {
        top: 80px;
    }
}


/*active*/
.a-btn:active {
    background: rgb(185, 0, 0);
    box-shadow:
        0px 2px 2px rgba(0, 0, 0, 0.3) inset,
        0px 0px 0px 1px rgba(188, 188, 188, 0.1);
}

.a-btn:active .a-btn-text {
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}

/* .a-btn:active .a-btn-slide-text{
    color: rgba(0,0,0,0.4);
    text-shadow: none;
} */


.bordePantallazo {
    border: 2px dashed #cc0000;
    border-radius: 7px;
}

.alh-wrapper canvas {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0px 0px 7px 2px #000000, 0px 0px 7px 2px #000000;
    box-shadow: 0px 0px 7px 2px #000000, 0px 0px 7px 2px #000000;
    /* border: 10px solid white; */


}

.jornada-partido-pendiente {
    font-weight: bold;
    /* Opcional: añadir más estilos para destacar */
    /* color: #c00; */
}

.encabezado {
    cursor: help;
    position: relative;
}

.hoverhelp {
   /*  font-size: 12px; */
    color: #222222;
}

/* Mostrar tooltips personalizados solo en móvil */
@media only screen and (max-width: 650px) {
    .encabezado:hover::after {
        content: attr(title);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -25px;
        background: #333;
        color: white;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 11px;
        white-space: nowrap;
        z-index: 10;
    }

    .encabezado:hover::before {
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -10px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #333 transparent;
    }
}

.tercer .encabezado {
    padding: 5px;
    /* min-width: 30px; */
}

.alh-wrapper .tercer .encabezado .hoverhelp {
    border-bottom: 1px dotted #FE4942;
    margin-bottom: -5px;
}

.alh-wrapper .tercer {
    width: 60%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    color: #FE4942;
    /* margin-bottom: 2px; */
}

/* .alh-wrapper .segun .encabezado .hoverhelp {
    border-bottom: 1px dotted #FE4942;
    margin-bottom: -5px;
} */

/************************media querysss*/
/* @media only screen and (max-width: 600px) {
    .alh-wrapper .lospartidos {
        width: 100%;
    }

    .alh-wrapper .menugrupos {
        width: 100%;
    }

    .alh-wrapper #menugrupos ul{
    	flex-flow: row wrap;
    }

    .alh-wrapper #menugrupos li.botjornada{
    	min-width: 17px;
    }
    .alh-wrapper #menugrupos li.botjornada#jor19{
	margin: 0 0 1px 0;
	}

    .alh-wrapper .laclasificacion {
        width: 100%;
    }

    .alh-wrapper .leyenda{
    	position: absolute;
    	top: 1190px;
    	grid-template-columns: 30px auto 30px auto;
    	width: 100%;
    	padding-left: 5px;
    }

	.alh-wrapper .laclasificacion{
		padding: 5px 0;
	}

	.alh-wrapper {
		height: 1300px;
	}
} 

*/

@media only screen and (max-width: 800px) {
    .alh-wrapper .leyenda {
        grid-template-columns: 20px auto 20px auto 20px auto;
    }

    .alh-wrapper .laclasificacion .segunnumeritos p {
        line-height: 11px;
    }

}

@media only screen and (max-width: 650px) {
    .alh-wrapper .alh-inicio {
        font-size: 14px;
    }

    

    .alh-wrapper .leyenda {
        grid-template-columns: 30px auto 30px auto;
    }

    .alh-wrapper .botcalcu {
        width: 18px;
        background-repeat: no-repeat;
        background-position-y: center;
    }

    .alh-wrapper .botcalcu.mas.local {
        left: 17px;
    }

    .alh-wrapper .botcalcu.mas.visitante {
        right: 17px;
    }

    .alh-wrapper .leyen-item {
        height: 22px;
        line-height: 9px;
    }

    .encabezado {
        position: relative;
        display: inline-block;
    }

    .encabezado:hover::after {
        content: attr(title);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -25px;
        background: #FE4942;
        color: white;
        padding: 4px 8px;
        border-radius: 4px;
        font-size: 11px;
        white-space: nowrap;
        z-index: 10;
        min-width: 80px;
        text-align: center;
    }

    .encabezado:hover::before {
        content: '';
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -10px;
        border: 5px solid transparent;
        border-bottom-color: #FE4942;
    }

    /* Ajuste para tooltips cerca de los bordes */
    .encabezado:last-child:hover::after,
    .encabezado:nth-last-child(2):hover::after {
        left: auto;
        right: -20px;
        transform: none;
    }

    .encabezado:first-child:hover::after,
    .encabezado:nth-child(2):hover::after {
        left: -20px;
        transform: none;
    }

    .encabezado:last-child:hover::before,
    .encabezado:nth-last-child(2):hover::before {
        left: auto;
        right: 10px;
    }

    .encabezado:first-child:hover::before,
    .encabezado:nth-child(2):hover::before {
        left: 10px;
    }

    /* Ocultar el borde punteado en móvil */
    .hoverhelp {
        border-bottom: none;
    }
}

@media only screen and (max-width: 550px) {
    .alh-wrapper .lospartidos {
        width: 100%;
    }

    .alh-wrapper .alh-inicio {
        font-size: 15px;
    }

    .alh-wrapper .menugrupos {
        width: 100%;
    }

    .alh-wrapper .botcalcu {
        width: 25px;
    }

    .alh-wrapper .botcalcu.mas.local {
        left: 24px;
    }

    .alh-wrapper .botcalcu.mas.visitante {
        right: 24px;
    }

    .alh-wrapper #menugrupos ul {
        flex-flow: row wrap;
    }

    .alh-wrapper #menugrupos li.botjornada {
        min-width: 17px;
    }

    .alh-wrapper #menugrupos li.botjornada#jor19 {
        margin: 0 0 1px 0;
    }

    .alh-wrapper .laclasificacion {
        width: 100%;
    }

    .alh-wrapper .leyenda {
        /* position: absolute;
        top: 1100px; */
        grid-template-columns: 30px auto 30px auto;
        width: 100%;
        padding-left: 5px;
    }

    .alh-wrapper .leyen-item {
        height: 15px;
    }

    .alh-wrapper .laclasificacion {
        padding: 5px 0;
    }

    /* .alh-wrapper {
        height: 1190px;
    } */
}

/* Estilo para los checkboxes */
 .team-toggle:checked {
    accent-color: FE4942;
    /*green or verde */
}

#toggle-all-teams:checked {
    accent-color: #FE4942;
    /* Color verde */
    margin-right: 1px;
}

#imgConvertida {
    display: none;
}

/* Estilo para los checkboxes */
.team-toggle,
#toggle-all-teams {
    cursor: pointer;
}

/* Estilo para los contenedores de los checkboxes por si tienen un label asociado */
.team-toggle+label,
#toggle-all-teams+label {
    cursor: pointer;
}



/* Estilo personalizado para los checkboxes */
/* .team-toggle, #toggle-all-teams {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #ccc;
    border-radius: 3px;
    outline: none;
    cursor: pointer;
    position: relative;
    background: white;
}

.team-toggle:checked, #toggle-all-teams:checked {
    background-color: #00b300;
    border-color: #008000;
}*/

/* Añadir el check */
/* .team-toggle:checked::after, #toggle-all-teams:checked::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
} */

/* Efecto hover */
/* .team-toggle:hover, #toggle-all-teams:hover {
    border-color: #00b300;
} */


/* Estilos específicos para móvil */
@media only screen and (max-width: 650px) {
    .encabezado:hover::after {
        content: attr(title);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -22px;
        background: #383838;
        color: white;
        /* padding: 3px 6px; */
        border-radius: 2px;
        /* font-size: 10px; */
        white-space: nowrap;
        z-index: 10;
        text-transform: none;
        font-weight: normal;
        animation: showTooltip 5s forwards;
    }

    /* Estilos para el tooltip del checkbox seleccionar/deseleccionar todos */
#toggle-all-teams {
    /* cursor: help; */
    position: relative;
}

#toggle-all-teams:hover::after {
    content: attr(title);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -22px;
    background: #FE4942;
    color: white;
    padding: 3px 6px;
    border-radius: 2px;
    font-size: 10px;
    white-space: nowrap;
    z-index: 10;
    animation: showTooltip 5s forwards;
}

    /* Animación para mostrar y ocultar el tooltip */
    @keyframes showTooltip {
        0% { 
            opacity: 0;
            visibility: visible;
        }
        10% {
            opacity: 1;
            visibility: visible;
        }
        90% {
            opacity: 1;
            visibility: visible;
        }
        100% {
            opacity: 0;
            visibility: hidden;
        }
    }

    /* Eliminar la flecha del tooltip */
    .encabezado:hover::before {
        display: none;
    }

    /* Ajuste posición para tooltips en bordes */
    .encabezado:last-child:hover::after {
        left: auto;
        right: 0;
        transform: none;
    }

    .encabezado:first-child:hover::after {
        left: 0;
        transform: none;
    }

    /* Eliminar borde punteado en móvil */
    .hoverhelp {
        border-bottom: none;
    }
}