
@font-face {
  font-family: 'Poppins';
  font-weight: 300;
  font-style: normal;
  src: url('/fonts/Poppins-300.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  font-weight: 400;
  font-style: normal;
  src: url('/fonts/Poppins-400.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  font-weight: 700;
  font-style: normal;
  src: url('/fonts/Poppins-700.woff2') format('woff2');
  font-display: swap;
}


@font-face{
  font-family:'Fira Sans Condensed';
  font-style:normal;
  font-weight:200;
  src:url('/fonts/FiraSansCondensed-200.woff2') format('woff2');
  font-display:swap;
}
@font-face{
  font-family:'Fira Sans Condensed';
  font-style:normal;
  font-weight:400;
  src:url('/fonts/FiraSansCondensed-400.woff2') format('woff2');
  font-display:swap;
}
@font-face{
  font-family:'Fira Sans Condensed';
  font-style:normal;
  font-weight:700;
  src:url('/fonts/FiraSansCondensed-700.woff2') format('woff2');
  font-display:swap;
}
@font-face{
  font-family:'Fira Sans Condensed';
  font-style:normal;
  font-weight:900;
  src:url('/fonts/FiraSansCondensed-900.woff2') format('woff2');
  font-display:swap;
}
@font-face{
  font-family:'Fira Sans Condensed';
  font-style:italic;
  font-weight:400;
  src:url('/fonts/FiraSansCondensed-italic-400.woff2') format('woff2');
  font-display:swap;
}


@font-face{
  font-family:'Work Sans';
  font-style:italic;
  font-weight:900;
  src:url('/fonts/WorkSans-italic-900.woff2') format('woff2');
  font-display:swap;
}


body.modal-open {
    overflow-y: auto !important;
    padding-right: 0 !important;
}

::selection {
	background: #9bff67;
}


.fuente_alternativa{
    font-family: 'Fira Sans Condensed',sans-serif;
}

.fuente_alternativa strong {
    font-weight: 900;
}

.main-content .container
{
	   min-height: 1299px;
	   background-color:#fff;
}



#banner_izquierda {
display:none;
}


.cabecera_noticias{
	transform: skewX(-15deg);
    background: linear-gradient(90deg, rgb(0 153 0) 0%, rgb(18 50 23) 100%);
    color: #ebf0f4 !important;
    DISPLAY: inline-block;
    padding: 5px 10px;
    font-size: 18px;
}



.contenedor_cabecera_noticias{
	    float: left;
    margin: 10px 0px;
    position: relative;
    text-align: center;
    width: 100%;
}

.contenedor_cabecera_noticias:before{
	content: '';
    background: #019601;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 50%;
    width: 100%;
    height: 1px;
    z-index: 0;
}


.titulo_noticia {
	font-size:18px;
	color:#303030;
	text-align:left;
	font-weight:bolder;
    margin-top: 0px;
    line-height: 20px;
}

.titulo_noticia_relacionada {
font-size:16px;
line-height:24px;
text-align:left;
}

.fondo_noticia {
    padding: 15px 0;
    display: inline-block;

}

 @media only screen and (max-width: 768px) {
.fondo_noticia {
        border-bottom: 1px solid #eee;
    }
 }

.fondo_noticia img{
    width: 200px;
    height: 80px;
    object-fit: cover;
    overflow: hidden;
    display: block;
    border-radius: 10px;
}

.btn-round-danger{
	color: #c10011;
    border: 2px solid #c10011;
	background-color:#FFF;
}

.btn-round-success{
	color: #21923e;
    border: 2px solid #21923e;
	background-color:#FFF;
}

.btn-round-success:hover{
	color: #fff;
	background-color:#21923e;
}

.btn-round-warning {
    color: #876302;
    background-color: #ffffff;
    border: 2px solid #876302;
}

.btn-round-warning:hover{
	color: #fff;
	background-color:#876302;
}

.btn-round-info{
    color: #0084b4;
    border: 2px solid #0084b4;
	background-color:#FFF;	
}

.btn-round-info:hover{
	color: #fff;
	background-color:#0084b4;
}

.cabecera_previa {
margin-bottom:10px;
margin-bottom:10px;
font-size:24px;
line-height:20px;
padding:10px;
color:#fff;
}

.cabecera_puntos {
background-image:url(https://www.comuniate.com/images/fondo_equipo_cabecera.png);
background-position-y:bottom;
margin-bottom:10px;
border:none;
background-position-x:center;
background-size:cover;
background-repeat:no-repeat;
padding: 10px 0px;
min-height: 220px;
}


.cabecera_puntos .titulo_equipos{
    font-size: 25px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: end;
    flex-direction: row;
    text-align: center;
}

.cabecera_puntos .equipo1
{
    display: flex;
    flex-direction: column;
    align-items: end;
    margin: 0 10px;
}

.cabecera_puntos .equipo2
{
    display: flex;
    flex-direction: column;
    align-items: start;
    margin: 0 10px;
}




.resultado_marcador {
background-color:#000; 
padding-left:10px; 
padding-right:10px;
font-size:38px; 
border-radius:3px; 
color:#FFFFFF; 
font-weight:bold;
display: inline-block;
width: 50px;
margin: 10px 0px;
}

.detallejugador {
background-color:#ecec9d;
padding:4px;
border-radius:5px;
font-size:12px;
}

.detallesportmonks {
    background-color:#b40cd6;
    color:#fff;
    border-radius:4px;
    padding:3px;
    }

.detallesofascore {
background-color:#54a8d7;
color:#fff;
border-radius:4px;
padding:3px;
}

.detallesportradar {
background-color:#f39c12;
color:#fff;
border-radius:4px;
padding:3px;
}

.detallepicas {
background-color:#e25b39;
color:#fff;
border-radius:4px;
padding:3px;
}

.cabecera_autor {
padding: 10px 0px 0px 0px;
line-height:15px;
}

.foto_autor {
width:50px;
height:50px;
border-radius:100px;
margin-right:10px;
}

.titulo-recomendable {
    padding: 12px 16px;
    margin: 24px 0 12px;
    font-size: 18px;
    font-weight: bold;
    margin: 5px auto;

}

 .recomendable-recomendable {
  
  background: rgb(216,251,216,0.3);
}


 .recomendable-apuesta {
background: rgba(207, 226, 255, 0.3); /* Azul claro con 20% de opacidad */

}


  .recomendable-rosco {
background: rgba(255, 195, 187, 0.3); /* Naranja/rosa claro con 20% de opacidad */

}

.subidas_background {
background-color:#e5f9e0!important;
}

.bajadas_background {
background-color:#fbeeee!important;
}

.partido_ganado {
background-color:#d2ffd2!important;
}

.partido_perdido {
background-color:#f9a0a0!important;
}

.partido_empatado {
background-color:#ffd089!important;
}



.cabecera_jugador{
    font-size: 14px;
    width: 100%;
    font-weight: bold;
    text-align: center;
    margin: 0px 0px 10px 0px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


.cabecera_jugador .item-menu {
    width: 24%;
    margin-right: 0;
    text-align: center;
    display: inline-table;
    position: relative;
    padding: 10px 0px;
    color: #b4cdbe;
}

.cabecera_jugador .item-menu:hover{
    background-color:#d7ffdb;
    color: #000000 !important;
}

.cabecera_jugador .activa{
    color: #0dbd02!important;
    border-bottom: 4px solid #0dbd02;
}



@media (min-width: 800px) {

.main-content{
	background: rgb(2,0,36);
	background: linear-gradient(170deg, rgba(2,0,36,1) 0%, rgb(246 247 246) 0%, rgba(255,255,255,1) 100%);
}

    }


.texto_sofascore {
float:left;
margin-left:3px;
color:#555;
}

.texto_lesionados {
font-size:12px;
}

.texto_tocados {
font-size:12px;
}

.texto_sancionados_roja {
font-size:12px;
}

.texto_sancionados_amarillas {
font-size:12px;
}

.select_partidos {
    text-transform: uppercase;
    font-size: 13px;
    /*white-space: 2px;*/
    border: 2px solid #fff;
    max-width: 100%;
    border-radius: 30px;
    background-color: #f1f1f1;
    text-align: center;
	position: relative;

}


.select_partidos:focus{
    -webkit-box-shadow:0 0 1px 2px #ecf8ea;box-shadow:0 0 1px 2px #ecf8ea;color:#51a331;outline:0;border-color:#51a331
}

.select_partidos option {
border:1px solid #21923e;
padding:3px;
}

.nav_escudos {
background: linear-gradient(270deg, #efffc0, transparent);
min-height:60px;
padding: 5px 0px;

}


#content-banner-left{
	min-width:320px;
	text-align:right;
    position: absolute;
    top: 0;
	right: 50%;
    transform: translateX(-550px);
}

#content-banner-right{
	/*min-width:320px;*/
    position: absolute;
    top: 0;
	left: 50%;
	text-align:left;
    transform: translateX(550px);
}



.nomarginpaddin {
padding:0!important;
margin:0!important;
}

@media (min-width: 1440px) {
#banner_izquierda {
width:160px;
position:absolute;
top:160px;
display:block;
}
}

* {
outline:none!important;
}

body {
margin:0;
padding:0;
font-family:'Fira Sans Condensed',sans-serif;
color:#000;
font-size: 15px;
background:#fdfdfd;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
-moz-osx-font-smoothing:grayscale;
transition:all .4s .135s cubic-bezier(0.645,0.045,0.355,1);
height:100%;
}

html {
height:100%;
}



.texto_noticia {
    margin-top:10px;
    font-size: 17px;
    font-family:'Poppins',sans-serif;
    text-align: justify;
    color: #333;
    }

    @media only screen and (max-width: 768px) {
        .texto_noticia {
            font-size: 17px;
            text-align: left;
        }

        .texto_noticia p{
            line-height: 26px;
        }
    }


.texto_noticia p a {
    color: #0c670c;
    border-bottom: 2px solid #a0e989;
    }
    
    .texto_noticia h2 {
    padding:10px 5px;
    font-size: 22px;
    }
    
    .texto_noticia h2:after {
    content:'';
    display:block;
    height:4px;
    width:10rem;
    bottom:-.5rem;
    background: linear-gradient(270deg,#5cb85c,#fd7e00);
    right:0;
    margin-top:5px;
    }
    
    .texto_noticia h3 {
    font-size:18px;
    }
    
    .texto_noticia table td {
        margin-bottom: 15px;
        line-height: 23px;
        font-family: 'Poppins', sans-serif;
        font-size: 15px;
        padding: 5px;
        border: 2px solid #bff3bf;
        }
    

/* =========================================================
   TABLAS EN ARTÃCULOS COMUNIATE
   Clase del cuerpo: .texto_noticia
   DiseÃ±o verde/naranja + optimizado para mÃ³vil
   AlineaciÃ³n izquierda siempre
   ========================================================= */

.texto_noticia table {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 0 !important;
    margin: 22px 0;
    background: #ffffff;
    color: #1f2937;
    font-size: 15px;
    line-height: 1.45;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(22, 101, 52, 0.13);
    text-align: left !important;
}

/* Elimina bordes inline antiguos y fuerza alineaciÃ³n izquierda */
.texto_noticia table,
.texto_noticia table thead,
.texto_noticia table tbody,
.texto_noticia table tr,
.texto_noticia table th,
.texto_noticia table td {
    border: 0 !important;
    text-align: left !important;
}

/* Cabecera */
.texto_noticia table thead {
    background: linear-gradient(135deg, #15803d 0%, #16a34a 45%, #f97316 100%);
    color: #ffffff;
}

.texto_noticia table th {
    padding: 14px 15px !important;
    font-weight: 800;
    font-size: 13px;
    line-height: 1.25;
    letter-spacing: 0.25px;
    text-transform: uppercase;
    color: #ffffff;
    vertical-align: middle;
}

/* Celdas */
.texto_noticia table td {
    padding: 13px 15px !important;
    vertical-align: middle;
    border-bottom: 1px solid #dcfce7 !important;
}

/* Evita justificados heredados dentro de la tabla */
.texto_noticia table p,
.texto_noticia table span,
.texto_noticia table div,
.texto_noticia table strong,
.texto_noticia table em,
.texto_noticia table a {
    text-align: left !important;
}

/* Filas alternas */
.texto_noticia table tbody tr:nth-child(even) {
    background: #f0fdf4;
}

.texto_noticia table tbody tr:nth-child(odd) {
    background: #ffffff;
}

/* Hover escritorio */
.texto_noticia table tbody tr:hover {
    background: #fff7ed;
}

/* Primera columna destacada */
.texto_noticia table tbody td:first-child {
    font-weight: 800;
    color: #14532d;
}

/* Negritas dentro de tablas */
.texto_noticia table strong {
    color: #ea580c;
    font-weight: 800;
}

/* Ãšltima fila limpia */
.texto_noticia table tbody tr:last-child td {
    border-bottom: 0 !important;
}

/* Bordes redondeados en cabecera */
.texto_noticia table thead tr:first-child th:first-child {
    border-top-left-radius: 14px;
}

.texto_noticia table thead tr:first-child th:last-child {
    border-top-right-radius: 14px;
}

/* Enlaces dentro de tablas */
.texto_noticia table a {
    color: #15803d;
    font-weight: 700;
    text-decoration: none;
}

.texto_noticia table a:hover {
    color: #ea580c;
    text-decoration: underline;
}

/* ImÃ¡genes dentro de tablas */
.texto_noticia table img {
    max-width: 100%;
    height: auto;
}

/* =========================================================
   MOBILE OPTIMIZADO
   Intenta que se vea el mÃ¡ximo contenido sin scroll horizontal
   ========================================================= */

@media (max-width: 768px) {
    .texto_noticia table {
        width: 100% !important;
        table-layout: fixed !important;
        display: table !important;
        margin: 16px 0;
        font-size: 12.5px;
        line-height: 1.28;
        border-radius: 10px;
        box-shadow: 0 5px 14px rgba(22, 101, 52, 0.12);
        text-align: left !important;
    }

    .texto_noticia table th,
    .texto_noticia table td {
        padding: 8px 6px !important;
        min-width: 0 !important;
        max-width: none !important;
        white-space: normal !important;
        word-break: normal;
        overflow-wrap: break-word;
        hyphens: auto;
        text-align: left !important;
    }

    .texto_noticia table th {
        font-size: 10.5px;
        line-height: 1.15;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    .texto_noticia table td {
        font-size: 12.2px;
    }

    .texto_noticia table tbody td:first-child {
        font-size: 12.2px;
        white-space: normal !important;
    }

    .texto_noticia table strong {
        font-size: inherit;
    }

    .texto_noticia table tbody tr:hover {
        background: inherit;
    }
}

/* MÃ³viles pequeÃ±os */
@media (max-width: 480px) {
    .texto_noticia table {
        font-size: 12px;
        line-height: 1.22;
        border-radius: 9px;
    }

    .texto_noticia table th,
    .texto_noticia table td {
        padding: 7px 5px !important;
    }

    .texto_noticia table th {
        font-size: 9.8px;
    }

    .texto_noticia table td {
        font-size: 11.7px;
    }

    .texto_noticia table tbody td:first-child {
        font-size: 11.7px;
    }
}

/* MÃ³viles muy estrechos */
@media (max-width: 360px) {
    .texto_noticia table {
        font-size: 11.5px;
    }

    .texto_noticia table th,
    .texto_noticia table td {
        padding: 6px 4px !important;
    }

    .texto_noticia table th {
        font-size: 9.2px;
    }

    .texto_noticia table td {
        font-size: 11.2px;
    }

    .texto_noticia table tbody td:first-child {
        font-size: 11.2px;
    }
}

/* Seguridad para evitar desbordes en artÃ­culos */
.texto_noticia {
    overflow-wrap: break-word;
}


.tags-autor {
background-color:#5cb85c;
padding:5px;
color:#fff;
font-size:14px;
}

.tags-autor a {
color:#fff;
}

.tags-fecha {
background-color:#09C;
padding:5px;
color:#fff;
font-size:14px;
}

.linea_titulo:after {
background: linear-gradient(283deg, #ffea69 30%, #09c269 100%);
content:"";
display:block;
height:6px;
margin:.3rem auto;
width:100%;

}

.primary {
color:#3c8dbc;
font-weight:700;
}

.info {
color:#00c0ef;
font-weight:700;
}

.danger {
color:#dd4b39;
font-weight:700;
}

.warning {
color:#f39c12;
font-weight:700;
}

.success {
color:#093;
font-weight:700;
}

.success2 {
    color:#00ff55;
    font-weight:700;
    }


.default {
color:#d2d6de;
font-weight:700;
}

.blanco {
color:#FFF;
font-weight:700;
}

.desactivado {
color:#aaa;
font-weight:700;
}

.boton_nuevo {
transition:all .2s ease-in-out;
}

.boton_nuevo:active {
transform:scale(1.1);
transition:.1s;
}

.small-box {
border-radius:10px;
position:relative;
display:block;
margin-bottom:20px;

}

.small-box-primary {
background-color:#3c8dbc!important;
color:#FFF;
}

.small-box-info {
background-color:#00c0ef!important;
color:#FFF;
}

.small-box-danger {
background-color:#dd4b39!important;
color:#FFF;
}

.small-box-warning {
background-color:#f39c12!important;
color:#FFF;
}

.small-box-success {
background-color:#093!important;
color:#FFF;
}

.small-box-default {
background-color:#d2d6de!important;
color:#FFF;
}

.small-box > .inner {
padding:10px;
}

.small-box > .small-box-footer {
position:relative;
text-align:center;
padding:3px 0;
color:#fff;
color:rgba(255,255,255,0.8);
display:block;
z-index:10;
background:rgba(0,0,0,0.1);
text-decoration:none;
}

.small-box > .small-box-footer:hover {
color:#fff;
background:rgba(0,0,0,0.15);
}

.small-box h3 {
font-size:38px;
font-weight:700;
margin:0 0 10px;
white-space:nowrap;
padding:0;
}

.small-box p {
font-size:15px;
}

.small-box p > small {
display:block;
color:#f9f9f9;
font-size:13px;
margin-top:5px;
}

.small-box h3,.small-box p {
z-index:5;
}

.small-box .icon {
-webkit-transition:all .3s linear;
-o-transition:all .3s linear;
transition:all .3s linear;
position:absolute;
top:-10px;
right:10px;
z-index:0;
font-size:90px;
color:rgba(0,0,0,0.15);
}

.small-box:hover {
text-decoration:none;
color:#f9f9f9;
}

.small-box:hover .icon {
font-size:95px;
}

@media (max-width: 767px) {
.small-box {
text-align:center;
}

.small-box .icon {
display:none;
}

.small-box p {
font-size:12px;
}
}

.box2 {
padding:5px;
border-radius:4px;
background:#FdFdFd;
border:1px solid #E6E9ED;

}

.box {

  border-radius: 12px;
  background: #fff;
  border-top: 5px solid rgba(0,0,0,.06);
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  padding: 5px 5px 5px;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  margin-bottom:5px;
}

.box.box-primary {
border-top-color:#3c8dbc;
}

.box.box-info {
border-top-color:#00c0ef;
}

.box.box-danger {
border-top-color:#ffc2bb;
}

.box.box-warning {
border-top-color:#f39c12;
}

.box.box-success {
border-top-color:#090;
}

.box.box-successpartidos {
border-top-color:#b6ffb6;
background-size:cover;
}

.box.box-infopartidos {
border-top-color:#00c0ef;
background-size:cover;
}

.box.box-default {
border-top-color:#d2d6de;
}

.box.collapsed-box .box-body,.box.collapsed-box .box-footer {
display:none;
}

.box .nav-stacked > li {
border-bottom:1px solid #f4f4f4;
margin:0;
}

.box .nav-stacked > li:last-of-type {
border-bottom:none;
}

.box.height-control .box-body {
max-height:300px;
overflow:auto;
}

.box .border-right {
border-right:1px solid #f4f4f4;
}

.box .border-left {
border-left:1px solid #f4f4f4;
}

.box.box-solid {
border-top:0;
}

.box.box-solid > .box-header .btn.btn-default {
background:transparent;
}

.box.box-solid > .box-header .btn:hover,.box.box-solid > .box-header a:hover {
background:rgba(0,0,0,0.1);
}

.box.box-solid.box-default {
border:1px solid #d2d6de;
}

.box.box-solid.box-default > .box-header {
color:#444;
background:#d2d6de;
background-color:#d2d6de;
}

.box.box-solid.box-default > .box-header a,.box.box-solid.box-default > .box-header .btn {
color:#444;
}

.box.box-solid.box-primary {
border:1px solid #3c8dbc;
}

.box.box-solid.box-primary > .box-header {
color:#fff;
background:#3c8dbc;
background-color:#3c8dbc;
}

.box.box-solid.box-primary > .box-header a,.box.box-solid.box-primary > .box-header .btn {
color:#fff;
}

.box.box-solid.box-info {
border:1px solid #00c0ef;
}

.box.box-solid.box-info > .box-header {
color:#fff;
background:#00c0ef;
background-color:#00c0ef;
}

.box.box-solid.box-info > .box-header a,.box.box-solid.box-info > .box-header .btn {
color:#fff;
}

.box.box-solid.box-danger {
border:1px solid #dd4b39;
}

.box.box-solid.box-danger > .box-header {
color:#fff;
background:#dd4b39;
background-color:#dd4b39;
}

.box.box-solid.box-danger > .box-header a,.box.box-solid.box-danger > .box-header .btn {
color:#fff;
}

.box.box-solid.box-warning {
border:1px solid #f39c12;
}

.box.box-solid.box-warning > .box-header {
color:#fff;
background:#f39c12;
background-color:#f39c12;
}

.box.box-solid.box-warning > .box-header a,.box.box-solid.box-warning > .box-header .btn {
color:#fff;
}

.box.box-solid.box-success {
border:1px solid #00a65a;
}

.box.box-solid.box-success > .box-header {
color:#fff;
background:#00a65a;
background-color:#00a65a;
}

.box.box-solid.box-success > .box-header a,.box.box-solid.box-success > .box-header .btn {
color:#fff;
}

.box.box-solid > .box-header > .box-tools .btn {
border:0;
box-shadow:none;
}

.box.box-solid[class*='bg'] > .box-header {
color:#fff;
}

.box .box-group > .box {
margin-bottom:5px;
}

.box .knob-label {
text-align:center;
color:#333;
font-weight:100;
font-size:12px;
margin-bottom:.3em;
}

.box > .overlay,.overlay-wrapper > .overlay,.box > .loading-img,.overlay-wrapper > .loading-img {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

.box .overlay,.overlay-wrapper .overlay {
z-index:50;
background:rgba(255,255,255,0.7);
border-radius:3px;
}

.box .overlay > .fa,.overlay-wrapper .overlay > .fa {
position:absolute;
top:50%;
left:50%;
margin-left:-15px;
margin-top:-15px;
color:#000;
font-size:30px;
}

.box .overlay.dark,.overlay-wrapper .overlay.dark {
background:rgba(0,0,0,0.5);
}

.box-header:before,.box-body:before,.box-footer:before,.box-header:after,.box-body:after,.box-footer:after {
content:" ";
display:table;
}

.box-header:after,.box-body:after,.box-footer:after {
clear:both;
}

.box-header {
color:#444;
display:block;
padding:10px;
position:relative;
}

.box-header.with-border {
border-bottom:1px solid #f4f4f4;
}

.collapsed-box .box-header.with-border {
border-bottom:none;
}

.box-header > .fa,.box-header > .glyphicon,.box-header > .ion,.box-header .box-title {
display:inline-block;
font-size:18px;
margin:0;
line-height:1;
}

.box-header > .fa,.box-header > .glyphicon,.box-header > .ion {
margin-right:5px;
}

.box-header > .box-tools {
position:absolute;
right:10px;
top:5px;
}

.box-header > .box-tools [data-toggle="tooltip"] {
position:relative;
}

.box-header > .box-tools.pull-right .dropdown-menu {
right:0;
left:auto;
}

.btn-box-tool {
padding:5px;
font-size:12px;
background:transparent;
color:#97a0b3;
}

.open .btn-box-tool,.btn-box-tool:hover {
color:#606c84;
}

.btn-box-tool.btn:active {
box-shadow:none;
}

.box-body {
padding:10px;
border-radius:0 0 3px 3px;
}

.no-header .box-body {
border-top-right-radius:3px;
border-top-left-radius:3px;
}

.box-body > .table {
margin-bottom:0;
}

.box-body .fc {
margin-top:5px;
}

.box-body .full-width-chart {
margin:-19px;
}

.box-body.no-padding .full-width-chart {
margin:-9px;
}

.box-body .box-pane {
border-radius:0 0 0 3px;
}

.box-body .box-pane-right {
border-radius:0 0 3px;
}

.box-footer {
border-top:1px solid #f4f4f4;
padding:10px;
background-color:#fff;
border-radius:0 0 3px 3px;
}

.chart-legend {
margin:10px 0;
}

@media (max-width: 991px) {
.chart-legend > li {
float:left;
margin-right:10px;
}
}

.box-comments {
background:#f7f7f7;
}

.box-comments .box-comment {
padding:8px 0;
border-bottom:1px solid #eee;
}

.box-comments .box-comment:before,.box-comments .box-comment:after {
content:" ";
display:table;
}

.box-comments .box-comment:after {
clear:both;
}

.box-comments .box-comment:last-of-type {
border-bottom:0;
}

.box-comments .box-comment:first-of-type {
padding-top:0;
}

.box-comments .box-comment img {
float:left;
}

.box-comments .comment-text {
margin-left:40px;
color:#555;
}

.box-comments .username {
color:#444;
display:block;
font-weight:600;
}

.box-comments .text-muted {
font-weight:400;
font-size:12px;
}

a {
	color:#000;
    -webkit-tap-highlight-color: rgb(146 229 243 / 47%);
    touch-action: manipulation;
}

a:hover {
color:#F45000;
text-decoration:none;
}

@media (hover: hover) and (pointer: fine) {
  a:hover { color:#F45000; text-decoration: none; }
  .enlace:hover { filter: contrast(200%); }
}
@media (hover: none) {
  a:hover, .enlace:hover { /* neutraliza en tÃ¡ctil */
    color: inherit; text-decoration: none; filter: none;
  }
}

img {
max-width:100%;
}

b {
font-weight:600;
}

strong {
font-weight:600;
}

p {
margin-bottom:15px;
line-height:23px;
font-family:'Poppins',sans-serif;
}

blockquote {
    display: block;
    border-width: 2px 0;
    padding: 10px 5px;
    margin: 20px 0;
    position: relative;
    text-align: center;
    font-style: italic;
    font-size: 16px;
    color: #051c09;
    background-color: #f3fbf2;
}

blockquote span {
display:block;
color:#333;
font-style:normal;
font-weight:700;
margin-top:1em;
}

.form-group {
width:100%;
float:left;
margin-bottom:10px;
}

form {
width:100%;
float:left;
margin-bottom:10px;
}

input[type="text"] {
width:100%;
height:34px;
padding:0 15px;
font-size:15px;
border:1px solid #ccc;
}

input[type="password"] {
width:100%;
height:34px;
padding:0 15px;
font-size:15px;
border:1px solid #ccc;
}

textarea {
width:100%;
height:110px;
padding:15px;
font-size:13px;
border:1px solid #ccc;
}

button[type="submit"] {
height:44px;
padding:0 20px;
font-weight:700;
font-size:13px;
border:none;
}

button[type="button"] {
height:34px;
padding:0 10px;
font-weight:700;
font-size:13px;
}

.modal-content button[type="button"] {
margin:0px 10px;
}

.pagination {
width:100%;
float:left;
text-align:center;
}

.pagination li {
float:none;
display:inline-block;
}

.pagination li a {
height:34px;
line-height:36px;
float:left;
padding:0 13px;
border:none;
color:#000;
font-size:13px;
font-weight:700;
}

.pagination li a:hover {
color:#000;
background:none;
opacity:.8;
}

.pagination li.active a {
background:#000;
}

.pagination li.active a:hover {
opacity:1;
background:#000;
}

.panel-group {
width:100%;
float:left;
}

.panel-group .panel+.panel {
margin-top:-1px;
}

.panel-group .panel {
width:100%;
float:left;
border-radius:0;
border-color:#eee;
}

.panel-group .panel-heading {
width:100%;
float:left;
background:none;
border-radius:0;
border:none;
}

.panel-group .panel-heading .panel-title {
width:100%;
}

.panel-group .panel-heading .panel-title a {
width:100%;
font-size:13px;
font-weight:700;
color:#ffbb3f;
}

.panel-group .panel-heading .panel-title a:after {
content:"-";
float:left;
font-weight:300;
font-size:18px;
margin-right:10px;
}

.panel-group .panel-heading .panel-title a.collapsed {
color:#384254;
}

.panel-group .panel-heading .panel-title a.collapsed:after {
content:"+";
float:left;
font-weight:300;
font-size:18px;
margin-right:10px;
}

.panel-group .panel-heading .panel-title a.collapsed:hover {
text-decoration:none;
color:#ffbb3f;
}

.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body {
border:none;
padding:20px;
padding-top:0;
}

.panel-group .panel-collapse {
width:100%;
float:left;
}

.panel-group .panel-body {
padding:25px;
}

.panel-group .panel-body img {
width:100%;
margin:5px;
}

.panel-group .panel-body h6 {
font-weight:700;
font-size:17px;
}

.panel-group .panel-body p {
line-height:20px;
font-size:13px;
margin:0;
}

.bs-example-tabs {
width:100%;
float:left;
margin-bottom:30px;
}

.nav-tabs {
width:100%;
float:left;
border-bottom:0;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
border:1px solid #5cb85c;
border-radius:10px;
border-bottom-color:transparent;
color:#fff;
background-color:#45c74d;
}

.nav-tabs>li>a {
font-size:13px;
font-weight:700;
margin-right:-1px;
padding:15px 10px;
background-color:#e6e1dd;
border-radius:10px;
margin-left:3px;
}

.nav>li>a:focus,.nav>li>a:hover {
background:none;
color:#ffbb3f;
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
background:none;
}

.tab-content {
width:100%;
float:left;
margin-top:10px;
}

.tab-content p {
margin:0;
font-size:13px;
line-height:20px;
}

.tabs_noticias{
    margin-bottom: 0;
    list-style: none;
    border-radius: 5px;  
    font-weight: bold;
    font-size: 14px;
}


.tabs_noticias li.active a{
color: #000000;
    background-color: #93e9b6;
}

.tabs_noticias li a{
position: relative;
    display: block;
    /* padding: 10px 15px; */
    padding: 8px;
    background-color: #f1f1f1;
    border-radius: 20px;
}


.alert {
padding:5px;
margin-bottom:10px;
margin-top:10px;
border:1px solid transparent;
border-radius:4px;
}

.alert-primary {
background:#069;
color:#fff;
border:none;
}

.alert-success {
    background: #cdffcd;
    color: #00522b;
    border: none;
}

.alert-texto {
background:#EEE1AE;
color:#000;
border:none;
}

.alert-warning {
    background: #fff0da;
    color: #684b00;
    border: none;
}

.alert-azul {
background:#08c;
color:#fff;
border:none;
}

.alert-amarillo {
background:#f2f51f;
color:#000;
border:none;
}

.alert-danger {
color:#b94a48;
background-color:#f2dede;
border-color:#ebccd1;
}

.label {
border-radius:0;
}

.label-posicion {
padding:2px;
color:#FFF;
font-weight:700;
font-size:12px;
width:22px;
display:inline-block;
text-align:center;
}


    

.label-posicion-directo {
padding:2px;
color:#FFF;
font-weight:700;
font-size:6px;
}



.label-default {
    background: rgb(0, 0, 0, 0.3);
border-radius:3px;
}

.label-primary {
background:#0084b4;
border-radius:3px;
}

.label-success {
background:#0C6;
border-radius:3px;
}

.label-info {
background:#2196f3;
border-radius:3px;
}

.label-warning {
background:#F90;
border-radius:3px;
}

.label-warning-partido{
    background: linear-gradient(135deg, #ff8f00 0%, #ff6f00 55%, #e65100 100%);
    border-radius:3px;
}

.label-disabled-partido{
    background: linear-gradient(135deg, #96928c 0%, #62605f 55%, #101010 100%);
    border-radius:3px;
}


.label-danger {
background:red;
border-radius:3px;
}

.label-danger-partido{
    background: linear-gradient(135deg, #b30000 0%, #7a0000 60%, #2b0000 100%);
    border-radius:3px;
}

.label-success-partido{
    background: linear-gradient(135deg, #3cb371 0%, #2e8b57 55%, #1f6f43 100%);
    border-radius: 3px;
}

.label-info-partido{
    background: linear-gradient(135deg, #00d2ff 0%, #0077ff 55%, #0052cc 100%);
    border-radius: 3px;
}

.label-disabled {
background:#AAA;
border-radius:3px;
}

.label-yellow {
background:#FC0;
border-radius:3px;
}

.label-border {
border:1px solid;
min-width:22px;
}

.label-infopartidos {
background:#2196f3;
border-radius:3px;
}

.label-puntos {
    display: inline; 
    font-weight: bold;
    line-height: 1;
    color: #fff;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.racha_partidos {
    display: inline-flex;
    line-height: 20px;
}

.racha_partidos .partido {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    color: #000;
    font-weight: 700;
    font-size: 10px; /* Ajustar el tamaÃ±o de la fuente para que encaje mejor */
    width: 20px;
    height: 20px;
    border-radius: 3px; /* Hace que el elemento sea circular */
    background-color: #000; /* Cambia el color de fondo si lo necesitas */
    margin-right: 1px;
    line-height: 1; /* Asegura que no haya espacio extra vertical alrededor del texto */
}

.racha_partidos .partido_small {
    padding: 2px;
    color: #FFF;
    font-weight: 700;
    font-size: 10px;
    width: 12px;
    display: inline-block;
    text-align: center;
    border-right:1px solid #000;
}

.racha_partidos .ganado {
	background: #89e339;
}

.racha_partidos .empatado {
	background: #f3a328;
}

.racha_partidos .perdido {
	background: #e55656;
}

.middle-align {
width:100%;
height:100%;
float:left;
display:table;
}

.middle-align .inner {
text-align:center;
display:table-cell;
vertical-align:middle;
}

.search-box {
    width: 100%;
    height: 50px;
    position: fixed;
    left: 0;
    top: 0;
    padding-top: 5px;
    z-index: 10000;
    padding-bottom: 10px;
    visibility: hidden;
}

.search-box form {
width:100%;
float:left;
}

.search-box form input[type="text"] {
    color: white;
    width: 100%;
    background-color: black;
    font-weight: bold;
    border: none;
    width: 100%;
    height: 50px;
    font-size: 20px;
}

.search-box form button[type="submit"] {
width:30%;
height:60px;
float:left;
border:none;
background:none;
border-left:1px solid #eee;
color:#000;
}

.icono_cabecera {
color:#889c88;
}

.header {
width:100%;
text-align:center;
}

.header .navbar-default {
width:100%;
height:50px;
min-height:50px;
float:left;
border:none;
border-radius:0;
margin:0;
background-color:#033d79;
}

/* No fijar #vertical-sticky desde CSS: el comportamiento de ocultar/mostrar al hacer scroll queda en el JS existente */
.header .navbar-default #vertical-sticky {
background:#033d79;
transition:all .3s ease;
}

.header .navbar-default .navbar-hamburger-menu {
float:left;
margin-top:5px;
font-size:26px;
font-weight:bolder;
}

.header .navbar-default .navbar-hamburger-menu a,
.header .navbar-default .navbar-jugadores a {
color:#fff;
}

.header .navbar-default .navbar-jugadores {
font-size:26px;
margin-top:8px;
margin-left:10px;
cursor:pointer;
position:absolute;
top:0;
left:0;
z-index:2;
}

.header .navbar-default .navbar-partidos {
margin-top:6px;
margin-right:10px;
cursor:pointer;
color:#fff;
position:absolute;
top:0;
right:0;
z-index:2;
}

.header .navbar-default .navbar-jugadores a:hover {
background-color:rgba(200,200,150,0.8);
padding:3px;
border-radius:7px;
}

.header .navbar-default .navbar-nav {
height:42px;
float:none;
display:inline-block;
}

.header .navbar-default .navbar-nav li {
float:left;
font-size:16px;
}

.header .navbar-default .navbar-nav li a {
float:left;
line-height:52px;
color:#ffffff;
padding:0 10px;
font-weight:bold;
}

.header .navbar-default .navbar-nav li a:hover {
background-color:#0b9444;
}

.header .navbar-default .navbar-nav li .caret {
float:right;
margin-left:6px;
margin-top:24px;
}

.header .navbar-default .navbar-search {
float:left;
margin-top:5px;
font-size:26px;
font-weight:bolder;
color:#FFF;
cursor:pointer;
}

.header .navbar-default .navbar-search:hover {
color:orange;
}

.header .navbar-header {
width:100%;
float:left;
text-align:center;
}

.header .navbar-header .navbar-brand {
height:auto;
float:none;
display:inline-block;
font-size:50px;
font-weight:700;
padding:35px 0;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
background:none;
color:#fff;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
border:none;
}

.navbar-nav>li>.dropdown-menu {
box-shadow:none;
border:none;
border-radius:0;
background:#063b22;
padding-top:0;
padding-bottom:10px;
}

.navbar-nav>li>.dropdown-menu li {
width:100%;
float:left;
}

.navbar-nav>li>.dropdown-menu li a {
width:100%;
float:left;
padding:0;
line-height:30px!important;
font-weight:400;
}

.navbar-nav>li>.dropdown-menu li a:hover {
background:none;
}


/* Selector cambio de competición: muestra la competición alternativa */
.navbar-competicion {
position:absolute;
top:5px;
right:52px;
height:40px;
z-index:3;
}

.competicion-switch {
position:relative;
}

.competicion-switch-btn {
width:40px;
height:40px;
min-width:40px;
padding:3px;
border:0;
border-radius:10px;
background:transparent;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}

.competicion-switch-btn:hover,
.competicion-switch.open .competicion-switch-btn {
background-color:#0c5fc0;
}

.competicion-switch-logo {
width:34px;
height:34px;
object-fit:contain;
display:block;
}

.competicion-popover {
position:fixed;
top:56px;
left:10px;
right:10px;
width:auto;
max-width:none;
background:#fff;
border-radius:16px;
padding:10px;
box-shadow:0 14px 35px rgba(0,0,0,.28);
text-align:left;
opacity:0;
visibility:hidden;
transform:translateY(-6px);
transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
z-index:1000002;
}

.competicion-switch.open .competicion-popover {
opacity:1;
visibility:visible;
transform:translateY(0);
}

.competicion-popover-title {
font-size:12px;
font-weight:900;
color:#033d79;
text-transform:uppercase;
letter-spacing:.4px;
padding:4px 6px 8px;
}

.competicion-option {
display:flex;
align-items:center;
gap:10px;
padding:10px;
border-radius:13px;
color:#111;
text-decoration:none;
background:linear-gradient(135deg,#eaf4ff 0%,#fff 100%);
border:1px solid #c8def8;
}

.competicion-option:hover {
background:#eaf4ff;
color:#033d79;
text-decoration:none;
}

.competicion-option-logo-wrap {
width:46px;
height:46px;
min-width:46px;
border-radius:13px;
background:#033d79;
display:flex;
align-items:center;
justify-content:center;
}

.competicion-option-logo {
width:36px;
height:36px;
object-fit:contain;
display:block;
}

.competicion-option-content {
flex:1;
min-width:0;
}

.competicion-option-content strong {
display:block;
font-size:15px;
font-weight:900;
color:#033d79;
line-height:1.1;
}

.competicion-option-content small {
display:block;
font-size:12px;
color:#666;
margin-top:3px;
}

.competicion-option-arrow {
color:#0c5fc0;
font-size:13px;
}

@media (min-width: 768px) {
.header .navbar-default {
height:52px;
min-height:52px;
}

.header .navbar-default #vertical-sticky {
height:52px;
min-height:52px;
padding:0 10px;
display:flex;
align-items:center;
justify-content:center;
gap:8px;
}

.header .navbar-default .navbar-nav {
order:2;
height:52px;
float:none!important;
display:flex!important;
align-items:center;
justify-content:center;
margin:0;
padding:0;
}

.header .navbar-default .navbar-nav>li {
height:52px;
float:none;
display:flex;
align-items:center;
}

.header .navbar-default .navbar-nav>li>a {
height:52px;
float:none;
display:flex;
align-items:center;
line-height:normal;
padding:0 10px;
}

.header .navbar-default .navbar-jugadores,
.header .navbar-default .navbar-partidos,
.header .navbar-default .navbar-competicion {
height:52px;
margin:0!important;
position:static!important;
top:auto!important;
right:auto!important;
left:auto!important;
float:none!important;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
}

.header .navbar-default .navbar-jugadores {
order:1;
margin-right:6px!important;
}

.header .navbar-default .navbar-competicion {
order:3;
margin-left:6px!important;
margin-right:0!important;
z-index:1000001;
}

.header .navbar-default .navbar-partidos {
order:4;
margin-left:0!important;
}

.header .navbar-default .navbar-jugadores .dropdown {
height:52px;
display:flex;
align-items:center;
justify-content:center;
}

.header .navbar-default .fa-header-menu,
.header .navbar-default .cal-panel-toggle,
.header .navbar-default .competicion-switch-btn {
width:42px;
height:42px;
min-width:42px;
padding:0;
border:0;
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
background:transparent;
color:#fff;
position:relative;
}

.header .navbar-default .fa-header-menu {
font-size:25px;
}

.header .navbar-default .cal-panel-toggle i {
font-size:24px;
line-height:1;
}

.header .navbar-default .competicion-switch-logo {
width:36px;
height:36px;
}

.header .navbar-default .fa-header-menu:hover,
.header .navbar-default .cal-panel-toggle:hover,
.header .navbar-default .competicion-switch-btn:hover,
.header .navbar-default .competicion-switch.open .competicion-switch-btn {
background-color:#0c5fc0;
color:#fff;
}

.header .navbar-default .menu-ball-dot {
position:absolute;
top:7px;
right:7px;
}

.header .navbar-default .competicion-popover {
position:absolute;
top:45px;
left:auto;
right:0;
width:260px;
max-width:none;
}

.header .navbar-default .navbar-nav>li>.dropdown-menu {
margin-top:0;
border:none;
border-radius:0 0 8px 8px;
background:#063b22;
box-shadow:0 8px 18px rgba(0,0,0,.18);
}

.header .navbar-default .navbar-nav>li>.dropdown-menu li {
float:none;
}

.header .navbar-default .navbar-nav>li>.dropdown-menu li a {
float:none;
display:block;
width:100%;
padding:7px 14px;
line-height:20px!important;
color:#fff;
font-weight:400;
text-align:left;
}

.header .navbar-default .navbar-nav>li>.dropdown-menu li a:hover {
background-color:#0b9444;
color:#fff;
}
}


.int-header {
width:100%;
float:left;
background:url(../images/int-header-bg.jpg) #ccc;
background-attachment:fixed;
color:#fff;
padding-top:5px;
padding-bottom:0;
margin-bottom:10px;
display:block;
}

.int-header.detail {
height:200px;
}

.int-header .int-title {
font-size:60px;
font-weight:700;
margin:0;
}

.int-header .breadcrumb {
width:100%;
float:left;
background:none;
padding:0;
margin:0;
}

.int-header .breadcrumb li {
float:left;
font-size:12px;
margin-right:14px;
color:#fff;
}

.int-header .breadcrumb li:before {
display:none;
}

.int-header .breadcrumb li a {
float:left;
color:#fff;
}

.int-header-lesionados {
width:100%;
float:left;
background:url(../images/int-header-bg-lesionados.jpg) #ccc;
background-attachment:fixed;
color:#fff;
padding-top:15px;
padding-bottom:20px;
margin-bottom:20px;
display:block;
}

.int-header-lesionados.detail {
height:200px;
}

.iint-header-lesionados .int-title {
font-size:60px;
font-weight:700;
margin:0;
}

.int-header-lesionados .breadcrumb {
width:100%;
float:left;
background:none;
padding:0;
margin:0;
}

.int-header-lesionados .breadcrumb li {
float:left;
font-size:12px;
margin-right:14px;
color:#fff;
}

.int-header-lesionados .breadcrumb li:before {
display:none;
}

.int-header-lesionados .breadcrumb li a {
float:left;
color:#fff;
}

.int-header-jugador {
width:100%;
float:left;
background:url(../images/int-header-bg-jugador.jpg) #ccc;
background-attachment:fixed;
color:#fff;
padding-top:15px;
padding-bottom:20px;
margin-bottom:20px;
display:block;
}

.int-header-jugador.detail {
height:200px;
}

.iint-header-jugador .int-title {
font-size:60px;
font-weight:700;
margin:0;
}

.int-header-jugador .breadcrumb {
width:100%;
float:left;
background:none;
padding:0;
margin:0;
}

.int-header-jugador .breadcrumb li {
float:left;
font-size:12px;
margin-right:14px;
color:#fff;
}

.int-header-jugador .breadcrumb li:before {
display:none;
}

.int-header-jugador .breadcrumb li a {
float:left;
color:#fff;
}

.int-header2 {
width:100%;
float:left;
background:url(../images/int-header-bg.jpg) #ccc;
background-attachment:fixed;
color:#fff;
padding:20px 0;
margin-bottom:20px;
display:block;
}

.int-header2 .int-title {
font-size:40px;
font-weight:700;
margin:0;
}

.int-header2 .breadcrumb {
width:100%;
float:left;
background:none;
padding:0;
margin:0;
}

.int-header2 .breadcrumb li {
float:left;
font-size:12px;
margin-right:14px;
color:#fff;
}

.int-header2 .breadcrumb li:before {
display:none;
}

.int-header2 .breadcrumb li a {
float:left;
color:#fff;
}

.carousel-posts {
width:100%;
float:left;
position:relative;

}

.carousel-posts-escudos {
width:100%;
float:left;
position:relative;

}

.carousel-posts .owl-carousel {
width:100%;
float:left;
position:relative;
}

.carousel-posts .owl-carousel * {
transition:all .4s .135s cubic-bezier(0.645,0.045,0.355,1);
}

.carousel-posts .post .enlace-slide:hover {
-webkit-filter:invert(100%);
filter:invert(100%);
}

.carousel-posts .post {
width:100%;
float:left;
text-align:center;
position:relative;
}

.carousel-posts .post .post-image {
width:100%;
float:left;
background:#000;
}

.carousel-posts .post .post-image img {
width:100%;
opacity:.9;
}

.carousel-posts .post .post-image .post-content {
width:100%;
position:absolute;
left:0;
bottom:0;
padding:15px;
}

.carousel-posts .post .post-image .post-content .post-date {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.6;
color:#fff;
}

.carousel-posts .post .post-image .post-content .post-title {
width:100%;
float:left;
padding:0 5%;
font-size:16px;
line-height:18px;
color:#fff;
margin-bottom:0;
}

.carousel-posts .post .post-image .post-content .post-title a {
float:left;
color:#fff;
}

.carousel-posts .post .post-image .post-content .post-title a:hover {
font-weight:bolder;
color:#000;
background-color:#0C0;
}

.carousel-posts .post .post-image .post-content .post-category {
height:22px;
line-height:22px;
display:inline-block;
color:#fff;
font-family:'Fira Sans Condensed',sans-serif;
border:1px solid rgba(255,255,255,0.4);
padding:0 7px;
font-size:11px;
}

.carousel-posts .owl-nav {
width:100%;
float:left;
}

.carousel-posts .owl-nav .owl-prev {
width:50px;
height:50px;
line-height:50px;
background:rgba(0,0,0,0.8);
position:absolute;
left:0;
bottom:50%;
color:#fff;
text-indent:-99999px;
padding-left:15px;
}

.carousel-posts .owl-nav .owl-prev:before {
content:"\f177";
float:left;
text-indent:0;
font-family:icomoon;
}

.carousel-posts .owl-nav .owl-prev:hover {
opacity:.9;
}

.carousel-posts .owl-nav .owl-next {
width:50px;
height:50px;
line-height:50px;
background:rgba(0,0,0,0.8);
position:absolute;
right:0;
bottom:50%;
color:#fff;
text-indent:-99999px;
padding-left:15px;
}

.carousel-posts .owl-nav .owl-next:before {
content:"\f178";
float:left;
text-indent:0;
font-family:icomoon;
}

.carousel-posts .owl-nav .owl-next:hover {
opacity:.7;
}

.carousel-posts .owl-dots {
width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.carousel-posts .owl-dots .owl-dot {
width:11px;
height:11px;
display:inline-block;
background:#000;
border-radius:50%;
margin:0 4px;
opacity:.2;
}

.carousel-posts .owl-dots .owl-dot.active {
opacity:1;
}

@media only screen and (max-width: 767px) {
.carousel-posts {
width:100vw;
position:relative;
margin-left:-50vw;
left:50%;
}
}

.grid-posts {
width:100%;
float:left;
margin-bottom:50px;
}

.grid-posts .post {
width:100%;
float:left;
position:relative;
margin-bottom:30px;
}

.grid-posts .post .post-image {
width:100%;
float:left;
}

.grid-posts .post .post-image img {
width:100%;
}

.grid-posts .post .post-content {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:rgba(0,0,0,0.3);
}

.grid-posts .post .post-content .post-date {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.6;
color:#fff;
}

.grid-posts .post .post-content .post-title {
width:100%;
float:left;
font-family:'Poppins',sans-serif;
padding:0 5%;
font-size:18px;
line-height:22px;
color:#fff;
margin-bottom:20px;
}

.grid-posts .post .post-content .post-title.big {
font-size:36px;
line-height:50px;
}

.grid-posts .post .post-content .post-title a {
float:left;
color:#fff;
}

.grid-posts .post .post-content .post-category {
height:22px;
line-height:22px;
display:inline-block;
color:#fff;
font-family:'Fira Sans Condensed',sans-serif;
border:1px solid rgba(255,255,255,0.4);
padding:0 7px;
font-size:11px;
}

.main-content {
width:100%;
padding-left:2px;
padding-right:2px;
position:relative;

}

.main-content #content-left {
width:750px;
float:left;
padding-right:15px;
}

.main-content #content-top {
    float:left;
    padding-right:15px;
    margin-bottom: 20px;
    }

.main-content #content-right {
width:300px;
float:right;
padding-left:0;
padding-bottom:10px;
margin-left:0!important;
}

.main-content #content-left .content-image {
margin:20px 0;
margin-right:20px;
padding:0;
}

.main-content #content-left .content-image img {
width:100%;
}

.main-content #content-left .content-image figcaption {
width:100%;
float:left;
font-size:12px;
padding:5px 0;
}

.main-content #content-left #map {
width:100%;
height:260px;
float:left;
background:#000;
}

.highlight-posts {
width:100%;
float:left;
overflow:hidden;
margin-bottom:5px;
position:relative;
}

.highlight-posts .post {
width:100%;
float:left;
position:relative;
margin-bottom:30px;
}

.highlight-posts .post .post-image {
width:100%;
float:left;
}

.highlight-posts .post .post-image img {
width:100%;
}

.highlight-posts .post .post-content {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:rgba(0,0,0,0.3);
}

.highlight-posts .post .post-content .post-date {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.6;
color:#fff;
}

.highlight-posts .post .post-content .post-title {
width:100%;
float:left;
font-family:'Poppins',sans-serif;
padding:0 5%;
font-size:25px;
line-height:50px;
color:#fff;
margin-bottom:20px;
}

.highlight-posts .post .post-content .post-title a {
float:left;
color:#fff;
}

.highlight-posts .post .post-content .post-category {
height:22px;
line-height:22px;
display:inline-block;
color:#fff;
font-family:'Fira Sans Condensed',sans-serif;
border:1px solid rgba(255,255,255,0.4);
padding:0 7px;
font-size:11px;
}

.highlight-posts .owl-dots {
width:11px;
position:absolute;
right:20px;
top:20px;
}

.highlight-posts .owl-dots .owl-dot {
width:11px;
height:11px;
float:left;
background:#fff;
border-radius:50%;
margin:0;
opacity:.2;
margin:4px 0;
}

.highlight-posts .owl-dots .owl-dot.active {
opacity:1;
}

.small-posts {
width:100%;
float:left;
}

.small-posts .post {
width:100%;
float:left;
text-align:center;
margin-bottom:30px;
display:table;
}

.small-posts .post .post-image {
width:100%;
float:left;
margin-bottom:20px;
}

.small-posts .post .post-image img {
width:100%;
}

.small-posts .post .post-content {
width:100%;
float:left;
}

.small-posts .post .post-content .post-date {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.3;
color:#000;
}

.small-posts .post .post-content .post-title {
width:100%;
float:left;
font-family: 'Poppins',sans-serif;
font-size:16px;
line-height:22px;
color:#fff;
margin-bottom:15px;
border-left:5px solid #efc43f;
padding-left:7px;
margin-bottom:15px;
text-align:left;
}

.small-posts .post .post-content .post-title a {
float:left;
color:#000;
}

.small-posts .post .post-content .post-category {
height:22px;
line-height:22px;
display:inline-block;
color:#000;
font-family:'Fira Sans Condensed',sans-serif;
border:1px solid rgba(0,0,0,0.1);
padding:0 7px;
font-size:11px;
}

.post-list {
width:100%;
float:left;
}

.post-list .post {
width:100%;
float:left;
text-align:center;
margin-bottom:30px;
display:table;
}

.post-list .post .post-image {
width:20%;
display:table-cell;
}

.post-list .post .post-image img {
width:100%;
}

.post-list .post .post-content {
width:100%;
display:table-cell;
vertical-align:middle;
text-align:left;
padding-left:20px;
}

.post-list .post .post-content .post-date {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.3;
color:#000;
}

.post-list .post .post-content .post-title {
width:100%;
float:left;
font-family: 'Poppins',sans-serif;
font-size:25px;
line-height:35px;
color:#fff;
margin-bottom:15px;
}

.post-list .post .post-content .post-title a {
float:left;
color:#000;
}

.post-list .post .post-content .post-category {
height:22px;
line-height:22px;
display:inline-block;
color:#000;
font-family:'Fira Sans Condensed',sans-serif;
border:1px solid rgba(0,0,0,0.1);
padding:0 7px;
font-size:11px;
}

.sidebar {
width:100%;
float:left;
}

.sidebar .widget {
width:100%;
float:left;
padding:6px;
margin-bottom:10px;
/*text-align:center;*/
background-color:#f7f9f0;
border-radius:20px;
}

.widget .widget-title {
margin-top:0;
font-size:16px;
padding-bottom:20px;
margin-bottom:10px;
position:relative;
font-weight:700;
}

.widget .widget-title:after {
content:"";
width:30px;
height:2px;
background:#000;
position:absolute;
left:50%;
bottom:0;
margin-left:-15px;
}

.sidebar .about-papel {
float:left;
}

.sidebar .about-papel img {
width:160px;
display:inline-block;
border-radius:50%;
}

.sidebar .about-papel p {
font-weight:300;
color:#666;
margin-bottom:24px;
font-size:14px;
}

.sidebar .about-papel ul {
width:100%;
float:left;
margin:0;
padding:0;
}

.sidebar .about-papel ul li {
display:inline-block;
margin:0 5px;
list-style:none;
}

.sidebar .about-papel ul li a {
float:left;
font-size:13px;
}

.sidebar .ad-area {
float:left;
padding:2px;
background:#000;
}

.sidebar .ad-area a {
width:100%;
float:left;
}

.sidebar .ad-area img {
width:100%;
}

.sidebar .newsletter {
border:none;
background:#e9e9e9;
}

.sidebar .newsletter p {
font-size:13px;
opacity:.6;
}

.sidebar .newsletter input[type="text"] {
width:100%;
margin-bottom:6px;
}

.sidebar .tags {
float:left;
}

.sidebar .tags ul {
width:100%;
float:left;
margin:0;
padding:0;
}

.sidebar .tags ul li {
margin:2px;
display:inline-block;
list-style:none;
}

.sidebar .tags ul li a {
float:left;
height:28px;
line-height:28px;
border:1px solid #e9e9e9;
padding:0 7px;
font-size:12px;
}

.sidebar .tags ul li a:hover {
border:1px solid #000;
background:#000;
color:#fff;
text-decoration:none;
}

.sidebar .gallery {
float:left;
}

.sidebar .gallery ul {
width:100%;
float:left;
margin:0;
padding:0;
}

.sidebar .gallery ul li {
width:33.33333%;
float:left;
padding:3px;
list-style:none;
}

.sidebar .gallery ul li img {
width:100%;
}

.slider-posts {
width:100%;
float:left;
padding-top:100px;
}

.slider-posts .item {
width:100%;
float:left;
position:relative;
}

.slider-posts .owl-posts {
width:100%;
float:left;
position:relative;
}

.slider-posts .post {
width:100%;
float:left;
display:table;
}

.slider-posts .post .post-content {
width:50%;
display:table-cell;
background:#000;
color:#fff;
vertical-align:middle;
text-align:center;
}

.slider-posts .post .post-content .post-date {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.3;
color:#fff;
}

.slider-posts .post .post-content .post-title {
width:100%;
float:left;
font-family:'Poppins',sans-serif;
padding:0 5%;
font-size:30px;
line-height:40px;
color:#fff;
margin-bottom:15px;
}

.slider-posts .post .post-content .post-title a {
float:left;
color:#fff;
}

.slider-posts .post .post-content .post-category {
height:22px;
line-height:22px;
display:inline-block;
color:#fff;
font-family:'Fira Sans Condensed',sans-serif;
border:1px solid rgba(255,255,255,0.2);
padding:0 7px;
font-size:11px;
}

.slider-posts .post .post-image {
width:50%;
display:table-cell;
}

.slider-posts .owl-nav {
width:100%;
float:left;
}

.slider-posts .owl-nav .owl-prev {
width:50px;
height:50px;
line-height:50px;
background:rgba(0,0,0,0.8);
position:absolute;
right:51px;
bottom:50%;
color:#fff;
text-indent:-99999px;
padding-left:15px;
}

.slider-posts .owl-nav .owl-prev:before {
content:"\f177";
float:left;
text-indent:0;
font-family:icomoon;
}

.slider-posts .owl-nav .owl-prev:hover {
opacity:.7;
}

.slider-posts .owl-nav .owl-next {
width:50px;
height:50px;
line-height:50px;
background:rgba(0,0,0,0.8);
position:absolute;
right:0;
bottom:50%;
color:#fff;
text-indent:-99999px;
padding-left:15px;
}

.slider-posts .owl-nav .owl-next:before {
content:"\f178";
float:left;
text-indent:0;
font-family:icomoon;
}

.slider-posts .owl-nav .owl-next:hover {
opacity:.7;
}

.instagram {
width:100%;
float:left;
text-align:center;
padding-top:100px;
}

.instagram .instagram-box {
width:100%;
float:left;
position:relative;
}

.instagram .titles {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
color:#fff;
z-index:2;
}

.instagram .titles .inner {
display:table-cell;
vertical-align:middle;
}

.instagram .titles h2 {
font-weight:700;
}

.instagram .instagram-feed {
width:100%;
float:left;
margin:0;
padding:0;
position:relative;
}

.instagram .instagram-feed:after {
content:"";
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background:#000;
opacity:.5;
}

.instagram .instagram-feed li {
width:20%;
float:left;
list-style:none;
padding:0;
}

.instagram .instagram-feed li img {
width:100%;
opacity:.6;
}

.instagram .instagram-feed li a {
float:left;
}

.hot-news {
width:100%;
float:left;
padding-top:50px;
}

.hot-news .title {
width:100%;
float:left;
margin-bottom:40px;
text-align:center;
font-size:60px;
font-weight:700;
}

.hot-news .post {
width:100%;
float:left;
text-align:center;
}

.hot-news .post .post-image {
width:100%;
float:left;
}

.hot-news .post .post-image img {
width:100%;
}

.hot-news .post .post-content {
width:90%;
float:left;
margin:0 5%;
margin-top:-10%;
padding-top:5%;
background:#fff;
}

.hot-news .post .post-content .post-date {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.3;
color:#000;
}

.hot-news .post .post-content .post-title {
width:100%;
float:left;
font-family:'Poppins',sans-serif;
padding:0 5%;
font-size:17px;
line-height:28px;
color:#fff;
margin-bottom:15px;
}

.hot-news .post .post-content .post-title a {
float:left;
color:#000;
}

.hot-news .post .post-content .post-category {
height:22px;
line-height:22px;
display:inline-block;
color:#000;
font-family:'Fira Sans Condensed',sans-serif;
border:1px solid rgba(0,0,0,0.1);
padding:0 7px;
font-size:11px;
}

.footer {
    width: 100%;
    float: left;
    background-color: #d9d9d9;
    color: #000;
    background-size: 350px;

}

.footer a {
color:#083900;
}

.footer .inner {
width:100%;
float:left;
padding:0 5%;
}

.footer .inner h4 {
font-size:30px;
font-weight:700;
margin-bottom:20px;
}

.footer .inner p {
font-size:15px;
line-height:30px;
opacity:.6;
}

.footer .inner .social-media {
display:inline-block;
margin:10px 0 30px;
padding:0;
}

.footer .inner .social-media li {
float:left;
list-style:none;
margin:0 6px;
}

.footer .inner .social-media li a {
float:left;
font-size:13px;
}

.footer .sub-footer {
width:100%;
float:left;
padding:10px 0;

}

.footer .sub-footer span {
display:inline-block;
font-size:12px;
}

.post-tags {
padding:20px;
}

.post-tags span.chip a {
font-size:16px;
display:inline-block;
padding:8px 20px;
color:#4d595a;
background:#f9f9f9;
border-radius:5px;
margin-bottom:8px;
}

.post-tags span.chip a:hover {
text-decoration:underline;
}

.post-share {
padding:20px;
}

.post-share .dropdown-menu {
min-width:auto;
width:82px;
padding:0;
text-align:center;
z-index:10000;
top:auto;
bottom:100%;
}

.titulo-categoria {
font-size:32px;
padding-bottom:20px;
margin-bottom:22px;
position:relative;
text-align:left;
}

.titulo-categoria:after {
content:"";
width:120px;
height:5px;
background:orange;
position:absolute;
bottom:0;
left:0;
}

.categoria-noticia{
    position: absolute;
    top: 10px;
    right: 0px;
    background-color: #fff;
    font-weight: bold;
    color: #000;
    border-radius: 10px 0px 0px 10px;
    font-size: 14px;
    padding: 5px 15px;
}

.post-date {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.6;
color:#aaa;
}

.post-view {
width:100%;
float:left;
font-weight:700;
font-size:12px;
opacity:.6;
color:#aaa;
}

.logosmall {
position:relative;
display:none;
margin-top:5px;
text-align:center;
width:160px;
}

.logosmall:hover {
-webkit-filter:invert(100%);
filter:invert(100%);
}

.enlace{
    -webkit-tap-highlight-color: rgb(146 229 243 / 47%);
    touch-action: manipulation;
}


.enlace:hover {
-webkit-filter:contrast(200%);
filter:contrast(200%);
}

.enlace2:hover {
filter:grayscale(75%);
background-color:#7dff78;
cursor:pointer;
}

.enlace-escudos {
cursor:pointer;
display:inline-block;
border-radius:100%;
}



.texto_pequenio {
font-size:14px;
}

.texto_pequenio2 {
font-size:13px;
}

.texto_color {
color:#093;
font-weight:700;
}

.texto_color2 {
color:#C03;
font-weight:700;
}

.badge {
padding:1px 9px 2px;
font-weight:700;
white-space:nowrap;
color:#fff;
background-color:#999;
-webkit-border-radius:9px;
-moz-border-radius:9px;
border-radius:9px;
}

.badge:hover {
color:#fff;
text-decoration:none;
cursor:pointer;
}

.badge-error {
background-color:#b94a48;
}

.badge-error:hover {
background-color:#953b39;
}

.badge-warning {
background-color:#f89406;
}

.badge-warning:hover {
background-color:#c67605;
}

.badge-success {
background-color:#468847;
}

.badge-success:hover {
background-color:#356635;
}

.badge-info {
background-color:#3a87ad;
}

.badge-info:hover {
background-color:#2d6987;
}

.badge-inverse {
background-color:#333;
}

.badge-inverse:hover {
background-color:#1a1a1a;
}

.escudos_resposive {
background-color:#5cb85c;
padding-top:50px;
padding-bottom:0;
}

.escudos_resposive td a:hover {
background-color:#f2f2f2;
display:inline-block;
border-radius:25%;
}

.escudos_responsive_mobile {
display:none;
}



.ficha_jugador {
    border: 2px solid #ffffff;
    margin-bottom: 3px;
    padding: 5px !important;
    border-bottom: 2px solid #f3f3f3;
}

.racha_puntos {
float:right;margin-left:1px;text-align:center; position:relative; 
}

.ficha_jugador .par {
background-color:#fbfbfb;
}

.titulo_ficha_jugador {
font-size:14px;
font-weight:bolder;
}




.boton_movil{
	display:block; 
	text-decoration:none; 
	cursor:pointer;
	color:#ffffff;
	padding: 3px;border-radius: 7px;
	font-size:12px;
    font-weight: bold;
}

.boton_movil_activo{
    background-color: black;
    padding: 1px 3px;
    border-radius: 5px;
    color: #fe7e00;
}

.boton_movil2 {
    display: inline;
	text-decoration:none; 
	cursor:pointer;
	color:#ffffff;
	padding: 3px;border-radius: 7px;
    font-weight: bold;
	font-size:14px;
}

.menu_horizontal_movil {
display:none;
}

.menu_horizontal_movil2 {
    width: 100%;
    padding: 12px 0px;
    background-color: #000;
   /* border-top: 2px solid #fff;*/
}

.menu_horizontal_movil_noticias {
display:none;
}

.escudos_resposive_pie {
display:none;
}

.share-buttons {
padding:0;
list-style:none;
margin:0 0 20px;
}

.share-buttons a:hover {
color:#fff;
}

.share-buttons i {
font-size:22px;
}

.share-buttons .fb-share:hover {
background:#8ca6de;
color:#fff;
}

.share-buttons .fb-share {
border-color:#3b5998;
color:#fff;
background-color:#1da1f2;
padding:5px;
}

.share-buttons .twitter-share:hover {
background:#04395a;
color:#fff;
}

.share-buttons .twitter-share {
border-color:#1da1f2;
color:#fff;
background-color:#3b5998;
padding:5px;
}

.share-buttons .gplus-share:hover {
background:#dd4b39;
color:#fff;
}

.share-buttons .gplus-share {
border-color:#dd4b39;
color:#dd4b39;
}

.share-buttons .whatsapp-share:hover {
background:#090;
color:#fff;
padding:5px;
}

.share-buttons .whatsapp-share {
border-color:#32bf4f;
background-color:#32bf4f;
color:#fff;
padding:5px;
}

.share-buttons .pinterest-share:hover {
background:#bd081c;
color:#fff;
}

.share-buttons .pinterest-share {
border-color:#bd081c;
color:#bd081c;
}

.morris-hover {
position:absolute;
z-index:1000;
}

.morris-hover.morris-default-style {
border-radius:10px;
padding:6px;
color:#666;
background:rgba(255,255,255,0.8);
border:solid 2px rgba(230,230,230,0.8);
font-family:sans-serif;
font-size:12px;
text-align:center;
}

.morris-hover.morris-default-style .morris-hover-row-label {
font-weight:700;
margin:.25em 0;
}

.morris-hover.morris-default-style .morris-hover-point {
white-space:nowrap;
margin:.1em 0;
}

.equipo_cabecera {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 0px 10px 70px;
    line-height: 16px;
    margin: 10px 0px;
    background: linear-gradient(to bottom, rgb(206 255 226), rgb(255 255 255));
    overflow: hidden;    
    position: relative;
    
}

.equipo_cabecera_simple {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10px 0px 0px 10px;
    background: rgb(187 246 137 / 30%);
    line-height: 16px;
    border-left: 4px solid #31d700;
    border-right: 4px solid #31d700;
    border-radius: 10px;
    margin: 30px 0px 0px 0px;
    padding: 20px 10px;
}

.futbolista_cabecera {
    line-height: 15px;
    margin: 5px auto;
    display: block;
    border: 1px solid #e7e7e7;
    padding: 15px 5px 5px 15px;
    width: 100%;
    /*max-width: 440px;*/
    border-radius: 5px;
}

.futbolista_cabecera_izquierda {
background-color:#f1f5f1;
line-height:15px;
margin-top:10px;
display:block;
border-top:12px solid #ffae00;
padding-bottom:5px;
padding-top:10px;
margin-bottom:20px;
}

.futbolista_cabecera_derecha {
background-color:#f1f5f1;
line-height:15px;
margin-top:10px;
display:block;
border-top:12px solid #00c0ef;
padding-bottom:5px;
padding-top:10px;
margin-bottom:20px;
}

.futbolista_cabecera_miniatura {
line-height:15px;
display:inline-block;
}

.parpadea {
animation-name:parpadeo;
animation-duration:1s;
animation-timing-function:linear;
animation-iteration-count:infinite;
-webkit-animation-name:parpadeo;
-webkit-animation-duration:1s;
-webkit-animation-timing-function:linear;
-webkit-animation-iteration-count:infinite;
}

@-moz-keyframes parpadeo {
0% {
opacity:1;
}

50% {
opacity:0;
}

100% {
opacity:1;
}
}

@-webkit-keyframes parpadeo {
0% {
opacity:1;
}

50% {
opacity:0;
}

100% {
opacity:1;
}
}

@keyframes parpadeo {
0% {
opacity:1;
}

50% {
opacity:0;
}

100% {
opacity:1;
}
}


.partido_jornada {
/*transition:all .2s ease-in-out;
margin-bottom:5px !important;
line-height:1;
background:rgb(208 217 211 / 30%);
padding:3px 0;
border-bottom:1px solid #eee;
border-left:1px solid #eee;
border-right:1px solid #eee;
border-radius: 5px;*/
}



.partido_jornada_dark {
    transition: all .2s ease-in-out;
    margin-bottom: 5px !important;
    line-height: 1;
    background: rgb(208 217 211 / 30%);
    padding: 3px 0;
    border-radius: 5px;
    background-color: rgb(179 180 179 / 40%);
    color: black;
    }
    
    .partido_jornada_dark:hover {
        background-color:#fff;
    }

.nombre_jugador_puntos {
font-size:15px;
font-weight:700;
letter-spacing:-.3pt;
}


.texto_nombre_equipo_puntos {
    color: #000;
    padding: 2px;
    font-size: 25px;
    font-weight: 700;
    font-family: 'Fira Sans Condensed',sans-serif;
    text-shadow: 0.1em 0.1em 0.2em #fff;
    line-height: 10px;
}

@media only screen and (max-width: 640px) {
.nombre_jugador_puntos {
font-size:15px;
font-weight:700;
letter-spacing:-.3pt;
}
}

@media only screen and (max-width: 300px) {
.nombre_jugador_puntos {
font-weight:700;
font-size:11px;
letter-spacing:-.3pt;
}
}

.publicidad_mobile_intermedia {
display:none;
}

@media only screen and (max-width: 640px) {
.publicidad_mobile_intermedia {
margin-bottom:15px;
display:block;
}
}


@media only screen and (max-width: 1299px) {
 
   #content-banner-right {
    display: none;
        }
}



@media only screen and (max-width: 1299px) {
.grid-posts .post .post-content .post-title.big {
font-size:33px;
line-height:44px;
margin-bottom:20px;
}

.main-content #content-left {
width:636px;
}

.main-content #content-right {
width:304px;
}

.small-posts .post .post-content .post-title {
font-size:16px;
}

 
#content-banner-left {
    display: none;
        }

}

@media only screen and (max-width: 989px) {



.main-content #content-left {
width:100%;
margin-left:0;
padding-right:0;
}


.main-content #content-right {
width:100%;
padding:0;
margin-left:0;
padding-right:0;
}

.sidebar .ad-area img {
width:auto;
}




}

@media only screen and (max-width: 767px) {
.slider-posts .post .post-image {
width:100%;
float:left;
}

.slider-posts .post .post-content {
width:100%;
float:left;
padding:40px 0;
}

.post-list .post {
margin-bottom:50px;
}

.post-list .post .post-image {
width:100%;
float:left;
margin-bottom:20px;
}

.post-list .post .post-content {
width:100%;
float:left;
padding-left:0;
}

.hot-news .post {
margin-bottom:50px;
}

.instagram .instagram-feed li {
width:25%;
}

.instagram .instagram-feed li:last-child {
display:none;
}

.logo_titulos {
display:none;
}

#busca_jugador {
display:none;
}

.logosmall {
display:inline-block;

}

.box.box-success {
border-top-color:#090;
}

.box.box-successpartidos {
border-top-color:#b6ffb6;
background-size:cover;
}




.escudos_resposive {
display:none;
background-color:#ddd;
}

.escudos_resposive_pie {
background-color:#ddd;
display:inline;
padding-bottom:0;
}

.menu_horizontal_movil {
    display: table;
    width: 100%;
    background:linear-gradient(to bottom, #033d79, rgb(0 0 0));
}



.menu_horizontal_movil_noticias {
background-color:#039;
width:100%;
padding-bottom:6px;
border-bottom:3px solid #093;
line-height:15px;
padding-top:6px;
display:none;
height:200px;
border-radius:5px;
}

.escudos_responsive_mobile {
background-color:#CCC;
display:table;
width:100%;
padding-bottom:3px;
padding-top:3px;
}

.int-header,.int-header-lesionados,.int-header-jugador,.int-header2 {
display:none;
}


.cabecera_puntos {
margin-left:calc((100vw - 100%) / -2);
width:100vw;
}
}

.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {
position:relative;
min-height:1px;
padding-right:10px;
padding-left:10px;
}

.col-xs-15 {
width:20%;
float:left;
}

@media (min-width: 768px) {
.col-sm-15 {
width:20%;
float:left;
}
}

@media (min-width: 992px) {
.col-md-15 {
width:20%;
float:left;
}
}

@media (min-width: 1200px) {
.col-lg-15 {
width:20%;
float:left;
}
}

.ad-responsive {
width:320px;
height:100px;
}

@media(min-width: 800px) {
.ad-responsive {
width:728px;
height:90px;
}
}

@media(max-width: 700px) {
.col-md-6 {
padding:0;
}
}

@media only screen and (min-width: 1025px) {
.Your_Mobile_Ad {
display:none;
}
}

@media only screen and (max-width: 1024px) {
.Your_Desktop_Ad {
display:none;
}
}

.switch {
position:relative;
display:inline-block;
width:40px;
height:20px;
}

.switch input {
opacity:0;
width:0;
height:0;
}

.slider {
position:absolute;
cursor:pointer;
top:0;
left:0;
right:0;
bottom:0;
background-color:#ccc;
-webkit-transition:.4s;
transition:.4s;
}

.slider:before {
position:absolute;
content:"";
height:13px;
width:13px;
left:4px;
bottom:4px;
background-color:#fff;
-webkit-transition:.4s;
transition:.4s;
}



.slider {
position:absolute;
cursor:pointer;
top:0;
left:0;
right:0;
bottom:0;
background-color:#ccc;
-webkit-transition:.4s;
transition:.4s;
}

.slider:before {
position:absolute;
content:"";
height:13px;
width:13px;
left:4px;
bottom:4px;
background-color:#fff;
-webkit-transition:.4s;
transition:.4s;
}

input:checked + .slider {
background-color:#000;
}

input:focus + .slider {
box-shadow:0 0 1px #2196F3;
}

input:checked + .slider:before {
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px);
}

.slider.round {
border-radius:34px;
}

.slider.round:before {
border-radius:50%;
}

.rotar-menu{
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);

}



  .fondonoticia
{
    position: relative;
    margin: 5px 0px;
    position: relative;
    height: 220px;
    background-size: cover;
    background-position: center top;
}

.fondonoticia a
{
position: relative;text-decoration: none; display: block;
}

.fondonoticia .texto
{
    position: absolute;
    bottom: 0px;
    line-height: 25px;
    padding: 65px 10px 10px 10px;
    background-image: linear-gradient(to bottom, rgb(0, 0, 0, 0), rgb(0 0 0));
    width: 100%;
    max-height: 220px;
    color: #fff;
}

.fondonoticia .texto .fecha
{
padding: 3px 5px;font-size: 12px;color: white;background-color: #1db954;
}

.fondonoticia .texto .autor
{
font-size: 12px;background-color: white;color: #07693f;padding: 2px 5px; font-weight:bold
}

.fondonoticia .texto .comentarios
{
background-color: #ffd900;font-size: 10px;padding:  5px;right: 0px;color: black; border-radius:10px;
}

.fondonoticia .texto .titulo {
  font-size: 20px; /* Default font size for normal screens */
  color: #ffffff;
  text-align: left;
  font-weight: bolder;
  margin-top: 0px;
  line-height: 20px;
  font-style: italic;
  font-family: 'Work Sans', sans-serif;
    font-weight: 900;
}

@media (max-width: 768px) {
  .fondonoticia .texto .titulo {
    font-size: 22px; /* Font size for screens up to 768px wide (typical mobile breakpoint) */
  }
}

.align-center
{
	display: block; 
	margin: auto;
    text-align: center;
}



@media only screen and (max-width: 768px) {
    .full-width-mobile {
        margin-left: calc((100vw - 100%) / -2);
        width: 100vw;
    }
}

.referencia-foto{
    text-align: right;
    color: #ffffff;
    font-style: oblique;
    background: var(--opacity-dark-40, rgba(0, 0, 0, 0.4));
    bottom: 0;
    padding: 8px 16px;
    position: absolute;
    width: 100%;
}

.nav-navegacion {
display: table;
width: 100%;
table-layout: fixed;
background-color: #f0f0f0;
}

.nav-navegacion li {
float: none;
display: table-cell;
width: 100%;
text-align: center;
}


#vertical-sticky {
    top: 0;
    width: 100%;
    position: fixed;
    transition: all 0.3s ease;
    z-index: 400;
    background: #063b22;
    padding-bottom: 0;
}

#vertical-sticky.hide-sticky {
    top: -60px;
}

@media (max-width: 767px) {
    .header .navbar-default {
        height: 50px;
        min-height: 50px;
    }

    #vertical-sticky {
        height: 50px;
        min-height: 50px;
    }

    #vertical-sticky.hide-sticky {
        top: -55px;
    }

    .logosmall {
        height: 50px;
        margin-top: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .logosmall img {
        max-height: 42px;
        width: auto;
    }

    .header .navbar-default .navbar-jugadores {
        margin-top: 10px;
    }

    .header .navbar-default .navbar-partidos {
        margin-top: 8px;
    }

    .menu_horizontal_movil {
        clear: both;
    }
}




.live-dot{
    height: 8px;
    width: 8px;
    background-color: #0ca6ff;
    border-radius: 50%;
    margin-right: 3px;
    -webkit-animation: live 1.4s infinite ease-in-out;
    animation: live 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
}

.aviso-home{
    font-size: 14px;
    background-color: #ddfbf3 !important;
}

@keyframes live {
    0%,100%,80% {
        transform: scale(.6);
        -webkit-transform: scale(.6)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}


/*LOADERS*/

.loader-ajax-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  text-align: center;
}

.loader-ajax {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #f8b26a; /* color de acento */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

.loader-ajax-text {
  margin-top: 12px;
  font-size: 14px;
  color: #555;
  font-family: sans-serif;
}


/* =========================================
   Loader Comuniate
   ========================================= */

.loader-comuniate{
  min-height:60px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:10px 0px;
}

.loader-comuniate__ball{
  width:46px;
  height:46px;
  border-radius:50%;
  border:4px solid rgba(16,185,129,.18);
  border-top-color:#10b981;   /* verde */
  border-right-color:#f59e0b; /* naranja */
  animation:loaderComuniateSpin .8s linear infinite;
}

.loader-comuniate__text{
  font-size:13px;
  font-weight:900;
  color:#0f172a;
  text-transform:uppercase;
  letter-spacing:.4px;
}

@keyframes loaderComuniateSpin{
  from{
    transform:rotate(0deg);
  }
  to{
    transform:rotate(360deg);
  }
}



@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* =========================
   TAGS ARTÃCULOS â€“ ESTILO MEDIA MODERNO
   - Cada tag distinto por nth-child
   - Mobile friendly (wrap + gap)
========================= */

.article-tags{
  margin: 18px 0 12px;
}

.tags-list{
  list-style: none;
  padding: 0;
  margin: 0;

  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}

/* fallback para navegadores sin gap */
.tags-list li{
  margin: 0 10px 10px 0;
}

/* Link base: pill con borde degradado */
.tags-list .tag-link{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 9px 14px 9px 12px;
  border-radius: 999px;

  font-size: 12px;
  font-weight: 800;
  letter-spacing: .35px;
  text-transform: uppercase;

  color: #0f172a;
  text-decoration: none;
  white-space: nowrap;

  /* â€œfondo tarjetaâ€ */
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.10);

  box-shadow: 0 6px 20px rgba(2,6,23,.06);
  transition: transform .15s ease, box-shadow .15s ease, color .15s ease, background .15s ease, border-color .15s ease;
}

/* Puntito de color (diferencia entre enlaces sin clases) */
.tags-list .tag-link::before{
  content:"";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 3px rgba(34,197,94,.18);
}

/* Borde degradado â€œpremiumâ€ */
.tags-list .tag-link::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius: 999px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(2,132,199,.35), rgba(34,197,94,.35), rgba(99,102,241,.30));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events:none;
  opacity: .9;
}

/* Hover/focus: efecto â€œbotÃ³n web modernaâ€ */
.tags-list .tag-link:hover,
.tags-list .tag-link:focus{
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(2,6,23,.12);
  border-color: rgba(15,23,42,.14);
  outline: none;
}

/* =========================
   VariaciÃ³n automÃ¡tica por posiciÃ³n
   (hace que los enlaces "sean diferentes")
========================= */
.tags-list li:nth-child(6n+1) .tag-link::before{ background:#22c55e; box-shadow:0 0 0 3px rgba(34,197,94,.18); }   /* verde */
.tags-list li:nth-child(6n+2) .tag-link::before{ background:#3b82f6; box-shadow:0 0 0 3px rgba(59,130,246,.18); }   /* azul */
.tags-list li:nth-child(6n+3) .tag-link::before{ background:#f59e0b; box-shadow:0 0 0 3px rgba(245,158,11,.18); }   /* Ã¡mbar */
.tags-list li:nth-child(6n+4) .tag-link::before{ background:#ef4444; box-shadow:0 0 0 3px rgba(239,68,68,.18); }    /* rojo */
.tags-list li:nth-child(6n+5) .tag-link::before{ background:#a855f7; box-shadow:0 0 0 3px rgba(168,85,247,.18); }   /* violeta */
.tags-list li:nth-child(6n+6) .tag-link::before{ background:#06b6d4; box-shadow:0 0 0 3px rgba(6,182,212,.18); }    /* cian */

/* texto fuerte dentro */
.tags-list .tag-link strong{
  font-weight: 900;
}

/* Ajuste desktop */
@media (min-width: 768px){
  .tags-list .tag-link{
    font-size: 13px;
    padding: 10px 16px 10px 13px;
  }
}


/*CUADRO NOTICIAS FOTO*/
/* ===== CONTENEDOR FOTO ===== */
.foto-noticia{
  margin-top: 10px;
}



/* ===== OTROS ARTÃCULOS ===== */
.otros-card{
  background: #fff;
  border-radius: 10px;
  border: 1px solid #eee;
  margin: 10px 0;
}

.otros-title{
  font-weight: bold;
  font-size: 16px;
  padding: 12px;
  border-bottom: 2px solid #05a053;
}

.otros-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.otros-list li{
  border-bottom: 1px solid #f0f0f0;
}

.otros-list li:last-child{
  border-bottom: 0;
}

.otros-list a{
  display: block;
  padding: 10px 12px;
  font-size: 13px;
  color: #222;
  text-decoration: none;
}

.otros-list a:hover{
  background: #f7f7f7;
  color: #05a053;
}

/* ===== DESKTOP STICKY ===== */
@media (min-width: 992px){
  .otros-card{
    position: sticky;
    top: 12px;
  }
}


.mi-icono-green{
    width: 12px;
    height: 12px;
    fill: #08ab58;
    display: inline-block;
    vertical-align: -1px;
}
.mi-icono{
    width: 12px;
    height: 12px;
    fill: #000;
    display: inline-block;
    vertical-align: -1px;
}
.meta-autor,
.meta-hora{
    display: inline-flex;
    align-items: center;
    gap: 2px;
}


/* NUEVAS FICHAS JUGADORES*/

/* =========================================================
   NUEVA FICHA JUGADOR COMPACTA COMUNIATE
   Sustituye a .ficha_jugador / .racha_puntos / .titulo_ficha_jugador
   ========================================================= */

.ficha-player {
  padding: 0 4px;
  margin-bottom: 5px;
}

.ficha-player.enlace2,
a.ficha-player {
  display: block;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.player-row {
  display: grid;
  grid-template-columns: 30px 58px minmax(0, 1fr) 112px;
  align-items: center;
  column-gap: 1px;
  min-height: 62px;
  padding: 6px 4px;
  background: #ffffff;
  border: 1px solid #ededed;
  border-radius: 12px;
  box-shadow: 0 1px 4px rgba(0,0,0,.04);
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.player-row:hover {
  border-color: #dcdcdc;
  box-shadow: 0 2px 8px rgba(0,0,0,.07);
}

.player-left {
  display: flex;
  flex-direction: column;
  gap: 1px;
  align-items: center;
  justify-content: center;
}

.player-pos,
.player-rank {
  width: 27px;
  height: 20px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.player-rank { background: #1976d2; }
.pos-dl { background: #f04444; }
.pos-md { background: #f5a623; }
.pos-df { background: #2b8df3; }
.pos-pt { background: #11b65b; }
.pos-na { background: #999; }

.player-photo {
  width: 54px;
  height: 54px;
  position: relative;
  display: block;
  flex-shrink: 0;
}

.player-face {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  overflow: hidden;
  object-fit: cover;
  background: #f1f1f1;
  display: block;
}

.player-team {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #fff;
  object-fit: cover;
}

.player-main { min-width: 0; }

.player-name-line {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
  line-height: 16px;
}

.player-name {
  min-width: 0;
  max-width: 170px;
  color: #080808;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.player-name:hover { color: #078b35; }

.player-status-icon {
  width: 13px;
  height: 13px;
  object-fit: contain;
  flex: 0 0 auto;
}

.player-price-line {
  margin-top: 1px;
  line-height: 14px;
}

.player-price {
  color: #111;
  font-size: 11px;
  white-space: nowrap;
}

.player-stats {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 2px;
  padding: 1px 6px;
  background: #f5f5f5;
  border-radius: 999px;
  color: #444;
  font-size: 12px;
  line-height: 13px;
  white-space: nowrap;
}

.player-stats span {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.player-stats i {
  color: #0b8740;
  font-size: 9px;
}

.player-extra,
.player-starts,
.player-market-meta,
.player-status-text,
.player-bid {
  margin-top: 2px;
  color: #555;
  font-size: 10px;
  line-height: 12px;
}

.player-extra strong,
.player-starts strong { font-weight: 700; }

.player-rival {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 2px;
  color: #555;
  font-size: 10px;
  line-height: 12px;
}

.player-rival img {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  object-fit: cover;
}

.player-mini-brand {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 2px;
  font-size: 10px;
  line-height: 13px;
}

.player-mini-brand img {
  height: 16px;
  width: auto;
}

.player-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 4px;
  min-width: 0;
}

.player-form {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1px;
}

.form-pill {
  width: 21px;
  height: 21px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  position: relative;
}

.form-pill.blue { background: #2b8df3; }
.form-pill.orange { background: #f5a623; }
.form-pill.green { background: #11b65b; }
.form-pill.red { background: #e34a4a; }
.form-pill.gray { background: #aaa; }
.form-pill.is-empty { opacity: .25; }

.player-enters {
  position: absolute;
  top: -9px;
  right: 5px;
  font-size: 8px;
  color: #008000;
}

.player-value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
  white-space: nowrap;
}

.player-value-label {
  opacity: .8;
  font-weight: 700;
}

.player-value.up {
  background: #e5f8e9;
  color: #078b35;
}

.player-value.down {
  background: #fde8e8;
  color: #c62828;
}

.player-value.neutral {
  background: #f2f2f2;
  color: #777;
}

.player-market-meta {
  text-align: right;
}

.player-market-meta .owner-computer { color: #f5a623; font-weight: 700; }
.player-market-meta .owner-user { color: #0084b4; font-weight: 700; }
.player-market-meta .market-date { color: #dd4b39; font-weight: 700; }

.player-bid {
  text-align: right;
}

.player-bid .bid-ideal { color: #0a7a0a; font-weight: 700; }
.player-bid .bid-max { color: #b40000; font-weight: 700; }

.player-alert {
  grid-column: 1 / -1;
  margin-top: 5px;
  padding: 5px 7px;
  border-radius: 8px;
  font-size: 11px;
  line-height: 13px;
  background: #fff4dc;
  color: #5a4300;
}

.player-alert.danger { background: #fde8e8; color: #9b1c1c; }
.player-alert.warning { background: #fff4dc; color: #7a5200; }

.player-move-tag {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 2px;
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
}

.player-move-tag.in { color: #078b35; }
.player-move-tag.out { color: #c62828; }

@media (max-width: 767px) {
  .ficha-player {
    padding: 0 3px;
    margin-bottom: 4px;
  }

  .player-row {
    grid-template-columns: 27px 58px minmax(0, 1fr) 108px;
    column-gap: 1px;
    min-height: 56px;
    padding: 5px 6px;
    border-radius: 11px;
  }

  .player-pos,
  .player-rank {
    width: 24px;
    height: 22px;
    font-size: 12px;
    border-radius: 7px;
  }

  .player-photo,
  .player-face {
    width: 54px;
    height: 54px;
  }

  .player-team {
    width: 20px;
    height: 20px;
  }

  .player-name {
    max-width: 115px;
    font-size: 15px;
    line-height: 14px;
  }

  .player-price { font-size: 13px; }

  .player-stats {
    font-size: 12px;
    gap: 4px;
    padding: 1px 5px;
    line-height: 12px;
  }

  .player-stats i { font-size: 12px; }

  .form-pill {
    width: 20px;
    height: 20px;
    font-size: 11px;
    border-radius: 5px;
  }

  .player-value {
    font-size: 13px;
    padding: 2px 6px;
    line-height: 13px;
  }

  .player-extra,
  .player-starts,
  .player-market-meta,
  .player-status-text,
  .player-bid,
  .player-rival,
  .player-mini-brand,
  .player-move-tag {
    font-size: 10px;
  }
}
