/* COMUNIATE · ESTILOS GENERALES
   Estructura consolidada. Se conserva el orden de la cascada, los puntos
   de ruptura, los fallbacks y las prioridades necesarias. */

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

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

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

@font-face {
font-family:"Fira Sans Condensed";
  font-style:normal;
  font-weight:200;
  src:url("/fonts/FiraSansCondensed-200.woff2") format("woff2");
  font-display:optional;
}

@font-face {
font-family:"Fira Sans Condensed";
  font-style:normal;
  font-weight:400;
  src:url("/fonts/FiraSansCondensed-400.woff2") format("woff2");
  font-display:optional;
}

@font-face {
font-family:"Fira Sans Condensed";
  font-style:normal;
  font-weight:700;
  src:url("/fonts/FiraSansCondensed-700.woff2") format("woff2");
  font-display:optional;
}

@font-face {
font-family:"Fira Sans Condensed";
  font-style:normal;
  font-weight:900;
  src:url("/fonts/FiraSansCondensed-900.woff2") format("woff2");
  font-display:optional;
}

@font-face {
font-family:"Fira Sans Condensed";
  font-style:italic;
  font-weight:400;
  src:url("/fonts/FiraSansCondensed-italic-400.woff2") format("woff2");
  font-display:optional;
}

@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;
  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;
  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);
}

.recomendable-rosco {
  background: rgba(255, 195, 187, 0.3);
}

.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;
  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;
}

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

#content-banner-right {
  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", Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 15px;
  background: #fdfdfd;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  transition: background-color .2s ease, color .2s ease;
  height: 100%;
}

html {
  height: 100%;
}

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

@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, .texto_noticia ul li a, .texto_noticia ol li a {
  color: #0c670c;
  border-bottom: 2px solid #a0e989;
  text-decoration: none;
}

/* Nunca aplicar el subrayado a las fichas de equipos */

.texto_noticia .comu-team-mini a {
  border-bottom: none !important;
  text-decoration: none !important;
}

.texto_noticia h2 {
  position: relative;
  isolation: isolate;
  margin: 42px 0 24px;
  padding: 9px 0 18px 22px;
  font-size: 26px;
  line-height: 1.23;
  font-weight: 900 !important;
  letter-spacing: -0.55px;
  color: #151515;
}

/* Mancha naranja adaptada a todas las líneas */

.texto_noticia h2::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 4px;
  bottom: 14px;
  width: 58px;
  min-height: 32px;
  border-radius: 5px;
  background: rgba(253, 126, 0, 0.20);
  transform: skewX(-12deg);
}

/* Línea inferior corta */

.texto_noticia h2::after {
  content: "";
  position: absolute;
  left: 22px;
  bottom: 0;
  width: 48px;
  height: 3px;
  border-radius: 10px;
  background: linear-gradient(
        90deg,
        #fd7e00 0%,
        #f5a623 65%,
        rgba(245, 166, 35, 0.15) 100%
    );
}

.texto_noticia h2 a, .texto_noticia h2 strong, .texto_noticia h2 span {
  color: inherit;
  font-weight: inherit !important;
  text-decoration: none;
}

@media (max-width: 767px) {
  .texto_noticia h2 {
    margin: 34px 0 20px;
    padding: 7px 0 15px 18px;
    font-size: 22px;
    line-height: 1.27;
    letter-spacing: -0.3px;
  }

  .texto_noticia h2::before {
    top: 3px;
    bottom: 12px;
    width: 48px;
    min-height: 28px;
  }

  .texto_noticia h2::after {
    left: 18px;
    width: 40px;
    height: 2px;
  }
}

.texto_noticia h3 {
  position: relative;
  margin: 28px 0 14px;
  padding: 3px 0 8px;
  font-size: 19px;
  line-height: 1.3;
  font-weight: 750;
  letter-spacing: -0.2px;
  color: #202020;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

/* Evita que enlaces, spans o strong rompan el estilo */

.texto_noticia h3 a, .texto_noticia h3 strong, .texto_noticia h3 span {
  color: inherit;
  font-weight: inherit !important;
  text-decoration: none;
}

/* Evitar demasiado espacio si viene justo después de un h2 */

.texto_noticia h2 + h3 {
  margin-top: 18px;
}

@media (max-width: 767px) {
  .texto_noticia h3 {
    margin: 24px 0 12px;
    padding: 2px 0 7px;
    font-size: 18px;
    line-height: 1.32;
    letter-spacing: -0.15px;
  }
}

/* =========================================================
   TABLAS EN ARTÍCULOS COMUNIATE
   Diseño editorial / estadístico
   - Cabecera grafito
   - Naranja como acento de marca
   - Sin degradados, tarjetas ni zebra de color
   - Scroll horizontal limpio en móvil
   - Primera columna fija durante el scroll móvil
   ========================================================= */
/* Contenedor responsive de Bootstrap */

.texto_noticia .table-responsive {
  width: 100%;
  max-width: 100%;
  margin: 28px 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border: 0 !important;
  background: #fff;
  box-shadow: none;
  scrollbar-width: thin;
  scrollbar-color: #aeb4b8 transparent;
}

/* Scrollbar discreto */

.texto_noticia .table-responsive::-webkit-scrollbar {
  height: 6px;
}

.texto_noticia .table-responsive::-webkit-scrollbar-track {
  background: transparent;
}

.texto_noticia .table-responsive::-webkit-scrollbar-thumb {
  background: #aeb4b8;
  border-radius: 999px;
}

/* Tabla base */

.texto_noticia table {
  width: 100% !important;
  max-width: 100% !important;
  margin: 28px 0;
  border: 0 !important;
  border-top: 4px solid #f37021 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: #fff;
  color: #24292d;
  font-family: "Poppins",sans-serif;
  font-size: 14px;
  line-height: 1.4;
  text-align: left !important;
  font-variant-numeric: tabular-nums;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible;
}

/* Si va dentro de .table-responsive, el margen lo controla el contenedor */

.texto_noticia .table-responsive table {
  margin: 0 !important;
}

/* Reset de estilos heredados / inline */

.texto_noticia table,
.texto_noticia table thead,
.texto_noticia table tbody,
.texto_noticia table tfoot,
.texto_noticia table tr,
.texto_noticia table th,
.texto_noticia table td {
  text-align: left !important;
}

/* =========================================================
   CABECERA
   ========================================================= */

.texto_noticia table thead {
  background: #182026;
  color: #fff;
}

.texto_noticia table thead tr {
  background: #182026 !important;
}

.texto_noticia table th {
  padding: 12px 15px !important;
  border: 0 !important;
  border-bottom: 1px solid #182026 !important;
  background: #182026 !important;
  color: #fff !important;
  font-family: "Poppins",sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .35px;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}

/* Separación mínima entre títulos sin crear una cuadrícula pesada */

.texto_noticia table th + th {
  border-left: 1px solid rgba(255,255,255,.08) !important;
}

/* =========================================================
   CUERPO
   ========================================================= */

.texto_noticia table tbody tr,
.texto_noticia table tbody tr:nth-child(odd),
.texto_noticia table tbody tr:nth-child(even) {
  background: #fff !important;
}

.texto_noticia table td {
  padding: 13px 15px !important;
  border: 0 !important;
  border-bottom: 1px solid #e6e9eb !important;
  background: #fff;
  color: #252a2e;
  font-family: "Poppins",sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  vertical-align: middle;
}

/* Primera columna: dato principal de la fila */

.texto_noticia table tbody td:first-child {
  color: #15191c;
  font-weight: 700;
}

/* Negritas neutras: el naranja se reserva para el acento de marca */

.texto_noticia table strong,
.texto_noticia table b {
  color: #111518;
  font-weight: 700;
}

/* Última fila limpia */

.texto_noticia table tbody tr:last-child td {
  border-bottom: 1px solid #d9dde0 !important;
}

/* Hover editorial muy discreto */

@media (hover:hover) and (pointer:fine) {
  .texto_noticia table tbody tr:hover td {
    background: #f6f7f7 !important;
  }

  .texto_noticia table tbody tr:hover td:first-child {
    box-shadow: inset 3px 0 0 #f37021;
  }
}

/* =========================================================
   TEXTO, ENLACES E IMÁGENES
   ========================================================= */

.texto_noticia table p,
.texto_noticia table span,
.texto_noticia table div,
.texto_noticia table strong,
.texto_noticia table b,
.texto_noticia table em,
.texto_noticia table a {
  text-align: left !important;
}

.texto_noticia table p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}

.texto_noticia table a {
  color: #08743d;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 0 !important;
}

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

.texto_noticia table img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* =========================================================
   CAPTION Y PIE DE TABLA, SI SE UTILIZAN
   ========================================================= */

.texto_noticia table caption {
  caption-side: top;
  padding: 0 0 10px;
  color: #5b6268;
  font-family: "Poppins",sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
}

.texto_noticia table tfoot td {
  padding: 11px 15px !important;
  border: 0 !important;
  border-top: 1px solid #d9dde0 !important;
  background: #f6f7f7 !important;
  color: #62696e;
  font-size: 12px;
  font-weight: 400;
}

/* =========================================================
   MÓVIL
   En vez de comprimir y romper nombres/cabeceras, la tabla
   conserva una lectura limpia y permite scroll horizontal.
   ========================================================= */

@media (max-width:768px) {
  .texto_noticia .table-responsive {
    margin: 22px 0;
  }

  .texto_noticia table {
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    margin: 22px 0;
    table-layout: auto !important;
    border-top-width: 3px !important;
    font-size: 12px;
  }

  .texto_noticia .table-responsive table {
    margin: 0 !important;
  }

  .texto_noticia table th {
    padding: 10px 12px !important;
    font-size: 9.5px;
    line-height: 1.2;
    letter-spacing: .2px;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  .texto_noticia table td {
    padding: 11px 12px !important;
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

/* Primera columna fija al desplazar horizontalmente */

  .texto_noticia table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 4;
    background: #182026 !important;
    box-shadow: 8px 0 12px -12px rgba(0,0,0,.75);
  }

  .texto_noticia table tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #fff !important;
    box-shadow: 8px 0 12px -12px rgba(0,0,0,.55);
  }

  .texto_noticia table tfoot td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #f6f7f7 !important;
  }

  .texto_noticia table tbody tr:hover td:first-child {
    background: #fff !important;
    box-shadow: 8px 0 12px -12px rgba(0,0,0,.55);
  }
}

/* Móviles muy estrechos */

@media (max-width:480px) {
  .texto_noticia table th {
    padding: 9px 10px !important;
    font-size: 9px;
  }

  .texto_noticia table td {
    padding: 10px !important;
    font-size: 11.5px;
  }
}

.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;
}

/* =========================================================
   TITULOS GENERALES · COMUNIATE
   Mantiene las clases existentes y unifica el aspecto visual.
   ========================================================= */

.linea_titulo {
  position: relative;
  margin: 22px 0 16px;
  padding: 0 0 12px;
  color: #171917;
  font-family: 'Poppins','Fira Sans Condensed',Arial,sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.15;
  letter-spacing: -.03em;
}

/* Unifica el peso y evita contrastes bruscos dentro del mismo titulo. */

.linea_titulo strong,
.linea_titulo b {
  color: inherit;
  font-weight: 700 !important;
}

/* Texto secundario dentro del titulo, por ejemplo "Los + fiables". */

.linea_titulo > span {
  margin-left: 5px;
  color: #77807b;
  font-size: .56em !important;
  font-weight: 500 !important;
  letter-spacing: -.01em;
}

/* Estilo frase: todo en minuscula salvo la primera letra del titulo. */

.linea_titulo::first-letter {
  text-transform: uppercase;
}

/* Acento corto Comuniate: verde predominante con un toque naranja. */

.linea_titulo:after {
  content: "";
  display: block;
  width: 72px;
  height: 4px;
  margin-top: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg,#15965a 0%,#15965a 68%,#f28b30 68%,#f28b30 100%);
}

h1.linea_titulo {
  font-size: 27px;
}

h2.linea_titulo {
  font-size: 24px;
}

h3.linea_titulo {
  font-size: 21px;
}

h4.linea_titulo {
  font-size: 19px;
}

@media (max-width:767px) {
  .linea_titulo {
    margin: 18px 0 13px;
    padding: 0 0 10px;
    line-height: 1.17;
    letter-spacing: -.025em;
  }

  .linea_titulo:after {
    width: 58px;
    height: 3px;
    margin-top: 8px;
  }

  h1.linea_titulo {
    font-size: 24px;
  }

  h2.linea_titulo {
    font-size: 21px;
  }

  h3.linea_titulo {
    font-size: 19px;
  }

  h4.linea_titulo {
    font-size: 18px;
  }
}

.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: #cbf5ff;
}

.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: #e5ffe5;
  background-size: cover;
}

.box.box-infopartidos {
  border-top-color: #cbf5ff;
  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;
  }
}

@media (hover: none) {
  a:hover, .enlace:hover {
    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", Arial, Helvetica, sans-serif;
}

.texto_noticia blockquote {
  position: relative;
  display: block;
  margin: 30px 0;
  padding: 38px 36px 30px;
  background: linear-gradient(135deg, #f3f8f3 0%, #fafcfa 100%);
  border: none;
  border-radius: 12px;
  color: #17351f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 19px;
  font-weight: 500;
  font-style: italic;
  line-height: 1.65;
  text-align: left;
  box-shadow: 0 8px 24px rgba(18, 71, 34, 0.07);
}

/* Comillas decorativas */

.texto_noticia blockquote::before {
  content: "“";
  position: absolute;
  top: 5px;
  left: 16px;
  color: rgba(21, 148, 71, 0.22);
  font-family: Georgia, serif;
  font-size: 72px;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
  pointer-events: none;
}

.texto_noticia blockquote::after {
  content: "”";
  position: absolute;
  right: 18px;
  bottom: -25px;
  color: rgba(21, 148, 71, 0.16);
  font-family: Georgia, serif;
  font-size: 72px;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
  pointer-events: none;
}

/* Elimina márgenes si TinyMCE introduce un párrafo */

.texto_noticia blockquote p {
  margin: 0;
}

@media (max-width: 767px) {
  .texto_noticia blockquote {
    margin: 24px 0;
    padding: 34px 24px 28px;
    border-radius: 9px;
    font-size: 17px;
    line-height: 1.6;
  }

  .texto_noticia blockquote::before {
    top: 5px;
    left: 10px;
    font-size: 60px;
  }

  .texto_noticia blockquote::after {
    right: 10px;
    bottom: -20px;
    font-size: 60px;
  }
}

.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;
}

.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: 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;
}

/* Avisos informativos (sancionados, lesionados, datos de temporada, etc.) */

.alert.alert-info {
  display: block;
  padding: 9px 12px;
  padding-bottom: 9px !important;
  margin: 10px 0;
  background: #eef7fb;
  color: #315866;
  border: 0;
  border-left: 3px solid #0088b5;
  border-radius: 6px;
  font-weight: 400;
  line-height: 1.35;
  box-shadow: 0 1px 2px rgba(0, 102, 153, .08);
}

.alert.alert-info strong {
  font-weight: 700;
}

.alert.alert-info::before {
  content: "i";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-right: 7px;
  color: #fff;
  background: #0088b5;
  border-radius: 50%;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
  vertical-align: middle;
}

.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 {
  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;
  align-items: center;
  color: #000;
  font-weight: 700;
  font-size: 10px;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background-color: #000;
  margin-right: 1px;
  line-height: 1;
}

.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;
  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;
}

/* Selector cambio de competición: muestra la competición alternativa */

.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;
}

.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;
}

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

.sidebar .widget {
  width: 100%;
  float: left;
  padding: 6px;
  margin-bottom: 10px;
  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: "";
  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: "";
  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;
}

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

@media (hover: hover) and (pointer: fine) {
  .enlace:hover {
    -webkit-filter: contrast(200%);
    filter: contrast(200%);
  }

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

@media (hover: none), (pointer: coarse) {
  a:hover, .enlace:hover, .enlace2:hover {
    color: inherit;
    text-decoration: none;
    filter: none;
    -webkit-filter: none;
    background-color: inherit;
  }
}

.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 trasladado a /css/menu.css */
/* .menu-top-text trasladado a /css/menu.css */
/* .boton_movil_activo trasladado a /css/menu.css */
/* .boton_movil2 trasladado a /css/menu.css */

.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;
  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%;
  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_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;
  }

  .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;
  }

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

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

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

  .escudos_resposive_pie {
    background-color: #ddd;
    display: inline;
    padding-bottom: 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;
}

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 {
  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;
  color: #ffffff;
  text-align: left;
  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;
  }
}

.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;
}

.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;
  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;
  border-right-color: #f59e0b;
  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;
  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 */
/* =========================================================
   FICHA DE JUGADOR COMPACTA COMUNIATE — V2
   - Selectores encapsulados para evitar colisiones globales.
   - Sin fondo/resplandor cuadrado en hover, focus o pulsación.
   - Foco visible para teclado y toque limpio en móvil.
   - Variación de mercado legible y responsive.
   ========================================================= */

.ficha-player, .ficha-player *, .ficha-player *::before, .ficha-player *::after {
  box-sizing: border-box;
}

.ficha-player {
  padding: 0 4px;
  margin: 0 0 5px;
  border-radius: 12px;
}

/* El contenedor clicable permanece transparente: el fondo pertenece a .player-row. */

a.ficha-player, a.ficha-player:link, a.ficha-player:visited, a.ficha-player:hover, a.ficha-player:focus, a.ficha-player:active {
  display: block;
  border: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: inherit !important;
  text-decoration: none !important;
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  cursor: pointer;
}

.ficha-player > .player-row {
  display: grid;
  grid-template-columns: 30px 58px minmax(0, 1fr) fit-content(90px);
  align-items: center;
  column-gap: 4px;
  min-height: 62px;
  padding: 6px 7px;
  overflow: hidden;
  background: linear-gradient(135deg, #f9fbfa 0%, #f1f6f3 100%);
  border: 1px solid #dfe8e2;
  border-radius: 12px;
  box-shadow: 0 2px 7px rgba(6, 59, 34, .05);
  transition: background .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    transform .12s ease;
}

@media (hover: hover) and (pointer: fine) {
  .ficha-player:hover > .player-row {
    background: linear-gradient(135deg, #f2f9f4 0%, #eaf5ed 100%);
    border-color: #b8d5c1;
    box-shadow: 0 5px 14px rgba(6, 59, 34, .10);
    transform: translateY(-1px);
  }
}

a.ficha-player:active > .player-row {
  background: #e5f2e9;
  border-color: #9fc9ac;
  box-shadow: 0 1px 4px rgba(6, 59, 34, .08);
  transform: scale(.995);
}

/* El CSS global elimina outline; recuperamos un foco accesible sobre la tarjeta. */

a.ficha-player:focus-visible > .player-row, .ficha-player .player-photo:focus-visible, .ficha-player .player-name:focus-visible {
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(7, 139, 53, .18) !important;
}

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

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

.ficha-player .player-rank {
  background: #1976d2;
}

.ficha-player .pos-dl {
  background: #e94242;
}

.ficha-player .pos-md {
  background: #f39c12;
}

.ficha-player .pos-df {
  background: #2687e8;
}

.ficha-player .pos-pt {
  background: #0ea958;
}

.ficha-player .pos-na {
  background: #888;
}

.ficha-player .player-photo {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 54px;
  height: 54px;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 50%;
  text-decoration: none !important;
}

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

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

.ficha-player .player-main {
  min-width: 0;
  padding-left: 1px;
}

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

.ficha-player .player-name {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: #101713 !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 17px;
  text-decoration: none !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 0 !important;
  border-bottom: 0 !important;
}

@media (hover: hover) and (pointer: fine) {
  .ficha-player a.player-name:hover {
    color: #076f31 !important;
  }
}

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

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

.ficha-player .player-price {
  color: #4b5750;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

.ficha-player .player-stats {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  margin-top: 3px;
  padding: 2px 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(0, 0, 0, .045);
  color: #59635d;
  font-size: 10px;
  line-height: 13px;
  white-space: nowrap;
}

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

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

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

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

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

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

.ficha-player .player-mini-brand {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  margin-top: 2px;
  overflow: hidden;
  color: #59635d;
  font-size: 10px;
  line-height: 13px;
  white-space: nowrap;
}

.ficha-player .player-mini-brand img {
  display: block;
  width: auto;
  max-width: 72px;
  height: 16px;
  object-fit: contain;
}

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

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

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

.ficha-player .form-pill.blue {
  background: #2b8df3;
}

.ficha-player .form-pill.orange {
  background: #f5a623;
}

.ficha-player .form-pill.green {
  background: #11b65b;
}

.ficha-player .form-pill.red {
  background: #e34a4a;
}

.ficha-player .form-pill.gray {
  background: #aaa;
}

.ficha-player .form-pill.is-empty {
  opacity: .25;
}

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

.ficha-player .player-value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  max-width: 100%;
  padding: 4px 7px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 900;
  line-height: 15px;
  white-space: nowrap;
}

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

.ficha-player .player-value.up {
  background: #e4f7e9;
  color: #087532;
}

.ficha-player .player-value.down {
  background: #fde9e9;
  color: #b42323;
}

.ficha-player .player-value.neutral {
  background: #edf0f2;
  color: #59636a;
}

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

.ficha-player .player-market-meta .owner-computer {
  color: #f5a623;
  font-weight: 700;
}

.ficha-player .player-market-meta .owner-user {
  color: #0084b4;
  font-weight: 700;
}

.ficha-player .player-market-meta .market-date {
  color: #dd4b39;
  font-weight: 700;
}

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

.ficha-player .player-bid .bid-max {
  color: #b40000;
  font-weight: 700;
}

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

.ficha-player .player-alert.danger {
  background: #fde8e8;
  color: #9b1c1c;
}

.ficha-player .player-alert.warning {
  background: #fff4dc;
  color: #7a5200;
}

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

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

.ficha-player .player-move-tag.out {
  color: #c62828;
}

/* Botones de la cabecera/modal: evita que las reglas globales los deformen. */

.ficha-player--header .player-right .btn {
  width: auto;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  padding: 4px 8px;
  line-height: 18px;
}

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

  .ficha-player > .player-row {
    grid-template-columns: 25px 54px minmax(0, 1fr) minmax(74px, auto);
    column-gap: 3px;
    min-height: 58px;
    padding: 5px 6px;
    border-radius: 11px;
  }

  .ficha-player .player-pos, .ficha-player .player-rank {
    width: 24px;
    height: 21px;
    border-radius: 6px;
    font-size: 11px;
  }

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

  .ficha-player .player-team {
    width: 19px;
    height: 19px;
  }

  .ficha-player .player-name {
    font-size: 13px;
    line-height: 16px;
  }

  .ficha-player .player-price {
    font-size: 10.5px;
  }

  .ficha-player .player-stats {
    gap: 5px;
    padding: 1px 5px;
    font-size: 9.5px;
  }

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

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

  .ficha-player .player-value {
    padding: 4px 5px;
    border-radius: 7px;
    font-size: 11px;
    line-height: 14px;
  }

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

@media (max-width: 380px) {
  .ficha-player > .player-row {
    grid-template-columns: 24px 48px minmax(0, 1fr) minmax(68px, auto);
    padding-right: 5px;
  }

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

  .ficha-player .player-name {
    font-size: 12.5px;
  }

  .ficha-player .player-value {
    padding-right: 4px;
    padding-left: 4px;
    font-size: 10px;
  }
}

/* =========================================================
   PORTADA COMUNIATE V47 - CSS optimizado
   ========================================================= */

.cm-min-wrap {
  --cm-card: #fff;
  --cm-ink: #101713;
  --cm-soft: #55625c;
  --cm-muted: #7b8782;
  --cm-line: #dfe7e2;
  --cm-line-strong: #ccd8d1;
  --cm-green: #078a55;
  --cm-green-dark: #006644;
  --cm-green-soft: #eaf8f0;
  --cm-shadow: 0 10px 24px rgba(18,36,28,.06);
  --cm-shadow-hover: 0 16px 34px rgba(18,36,28,.11);
  width: 100%;
  max-width: 1140px;
  margin: 0 auto 30px;
  padding: 8px 0 26px;
  color: var(--cm-ink);
  font-family: "Poppins",Arial,Helvetica,sans-serif;
}

.cm-min-wrap *, .cm-min-wrap *:before, .cm-min-wrap *:after {
  box-sizing: border-box;
}

.cm-min-wrap a, .cm-min-wrap a:hover, .cm-min-wrap a:focus {
  color: inherit;
  text-decoration: none!important;
}

.cm-min-wrap img {
  display: block;
  max-width: 100%;
}

.cm-min-card, .cm-row-card {
  min-width: 0;
  border: 1px solid var(--cm-line);
  background: var(--cm-card);
  box-shadow: var(--cm-shadow);
  transition: transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.cm-min-card:hover, .cm-row-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--cm-shadow-hover);
  border-color: var(--cm-line-strong);
}

.cm-title {
  margin: 0;
  font-family: "Fira Sans Condensed",Arial,sans-serif;
  font-weight: 500;
  letter-spacing: -.015em;
  line-height: .97;
  color: inherit;
}

.cm-min-hero .cm-title, .cm-row-card--featured .cm-title, .cm-row-card--overlay .cm-title, .cm-min-side-item__title {
  font-weight: 700;
  letter-spacing: -.02em;
}

.cm-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  color: var(--cm-muted);
}

.cm-meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
}

.cm-meta svg {
  width: 12px;
  height: 12px;
  fill: currentColor;
  flex: 0 0 12px;
}

.cm-meta__comments {
  color: #f5c542!important;
  background: rgba(245,197,66,.16)!important;
  border: 1px solid rgba(245,197,66,.20);
  border-radius: 999px;
  padding: 3px 7px;
}

.cm-kicker {
  display: inline-flex;
  align-items: center;
  width: auto;
  min-height: 22px;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(0,102,68,.10);
  color: var(--cm-green-dark);
  font-size: 10px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.cm-crest-watermark {
  position: absolute;
  top: -26px;
  right: -36px;
  width: 162px;
  height: 162px;
  opacity: .07;
  filter: blur(1px) grayscale(15%);
  transform: rotate(-18deg);
  pointer-events: none;
}

.cm-crest-watermark img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cm-top-tabs {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0 18px;
  padding: 0 2px 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.cm-top-tabs__btn {
  appearance: none;
  background: #fff;
  color: #18231f;
  border-radius: 999px;
  padding: 9px 13px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: "Poppins",Arial,sans-serif;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}

.cm-top-tabs__btn.is-active {
  background: linear-gradient(135deg,#063b22 0%,#09874a 100%);
  color: #fff;
  border-color: transparent;
}

.cm-top-tabs__logo {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.cm-top-tabs__pulse {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 999px;
  background: #00d084;
  box-shadow: 0 0 0 0 rgba(0,208,132,.65);
  animation: cmPulseGreen 1.35s ease-out infinite;
}

@keyframes cmPulseGreen {
0%{box-shadow:0 0 0 0 rgba(0,208,132,.65)}
  70%{box-shadow:0 0 0 7px rgba(0,208,132,0)}
  100%{box-shadow:0 0 0 0 rgba(0,208,132,0)}
}

.cm-tab-panel {
  display: none;
}

.cm-tab-panel.is-active {
  display: block;
}

.cm-min-cover {
  display: grid;
  grid-template-columns: minmax(0,1.72fr) minmax(260px,.9fr);
  gap: 20px;
  align-items: stretch;
  margin-bottom: 20px;
}

.cm-min-cover__hero {
  min-width: 0;
}

.cm-min-hero {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  height: 340px;
}

.cm-min-hero__link, .cm-min-hero__media, .cm-min-hero__shade, .cm-min-hero__content {
  position: absolute;
  inset: 0;
}

.cm-min-hero__media {
  background-size: cover;
  background-position: center;
}

.cm-min-hero__shade {
  background: linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.15) 45%,rgba(0,0,0,.82) 100%),
    linear-gradient(90deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,.08) 65%,rgba(0,0,0,.04) 100%);
}

.cm-min-hero__content {
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 30px 30px 28px;
  color: #fff;
}

.cm-min-hero .cm-title {
  max-width: 95%;
  margin-top: 12px;
  font-size: clamp(24px,3.7vw,30px);
  text-shadow: 0 3px 10px rgba(0,0,0,.46);
}

.cm-min-hero .cm-meta {
  color: rgba(255,255,255,.96);
}

.cm-min-side {
  border-radius: 22px;
  padding: 10px 13px 8px;
  background: linear-gradient(180deg,#fff 0%,#fbfcfb 100%);
}

.cm-min-side__title {
  margin: 0 0 8px;
  font-family: "Fira Sans Condensed",Arial,sans-serif;
  font-size: 16px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .02em;
  text-transform: uppercase;
  color: var(--cm-soft);
}

.cm-min-side-list {
  display: flex;
  flex-direction: column;
}

.cm-min-side-item {
  position: relative;
  display: block;
  padding: 8px 0;
  border-top: 1px solid var(--cm-line);
}

.cm-min-side-item:first-child {
  border-top: 0;
}

.cm-min-side-item__titleline {
  display: flex;
  align-items: flex-start;
  gap: 4px;
}

.cm-min-side-item__crest {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}

.cm-min-side-item__crest img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cm-min-side-item__title {
  margin: 0;
  font-family: "Fira Sans Condensed",Arial,sans-serif;
  font-size: 14px;
  line-height: 1.04;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.cm-min-side-item__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  color: var(--cm-muted);
}

.cm-min-side-item__meta span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}

.cm-min-side-item__meta svg {
  width: 11px;
  height: 11px;
  fill: currentColor;
  opacity: .74;
}

.cm-row-section {
  margin-top: 0;
}

.cm-row-section + .cm-row-section {
  margin-top: 20px;
}

.cm-row-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}

.cm-row-card {
  border-radius: 20px;
  overflow: hidden;
}

.cm-row-card__link {
  display: block;
  height: 100%;
}

.cm-row-card__media {
  position: relative;
  background: #eef3ef;
  overflow: hidden;
}

.cm-row-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  transition: transform .22s ease;
}

.cm-row-card:hover .cm-row-card__media img {
  transform: scale(1.035);
}

.cm-row-card__content {
  position: relative;
  min-width: 0;
}

.cm-row-card--featured .cm-row-card__media {
  height: 168px;
}

.cm-row-card--featured .cm-row-card__content {
  background: #fff;
}

.cm-row-card--featured .cm-row-card__titleline {
  align-items: flex-start;
}

.cm-row-card--featured .cm-row-card__crest-inline {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  margin-top: 1px;
}

.cm-row-card--featured .cm-row-card__crest-inline img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cm-row-card--featured .cm-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cm-row-card--featured .cm-row-card__summary {
  margin: 7px 0 0;
  font-size: 12px;
  line-height: 1.28;
  color: #5d6863;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.cm-row-card--featured .cm-meta--desktop {
  display: none;
}

.cm-row-card--featured .cm-kicker--photo {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 6;
  max-width: 60%;
  background: rgba(0,92,71,.40);
  color: #fff;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
}

.cm-row-card--featured .cm-meta--onphoto {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 6;
  max-width: calc(100% - 20px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.cm-row-card--featured .cm-meta--onphoto span {
  background: rgba(9,18,14,.50);
  color: #fff;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  box-shadow: 0 4px 12px rgba(0,0,0,.13);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 5px 8px;
  border-radius: 999px;
}

.cm-row-card--featured .cm-meta--onphoto span:nth-child(2) {
  background: rgba(0,102,68,.62);
}

.cm-row-card--minimal {
  background: transparent!important;
  border: 0!important;
  box-shadow: none!important;
  border-radius: 0!important;
  overflow: visible!important;
}

.cm-row-card--minimal:hover {
  transform: none!important;
  box-shadow: none!important;
  border-color: transparent!important;
}

.cm-row-card--minimal .cm-row-card__link {
  position: relative;
  display: grid;
  grid-template-columns: 82px minmax(0,1fr);
  min-height: 96px;
  height: 100%;
  align-items: center;
  background: transparent;
}

.cm-row-card--minimal .cm-row-card__link:after {
  content: "";
  position: absolute;
  left: 92px;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg,rgba(0,167,107,.28),rgba(0,167,107,0));
}

.cm-row-card--minimal .cm-row-card__media {
  position: relative!important;
  width: 82px!important;
  height: 82px!important;
  overflow: visible!important;
  border-radius: 0!important;
  background: transparent!important;
  box-shadow: none!important;
  flex: 0 0 82px!important;
}

.cm-row-card--minimal .cm-row-card__media-photo {
  display: block!important;
  width: 100%!important;
  height: 100%!important;
  border-radius: 16px!important;
  overflow: hidden!important;
  background: #eef3ef!important;
  box-shadow: 0 7px 16px rgba(18,36,28,.08)!important;
}

.cm-row-card--minimal .cm-row-card__media-photo > img {
  width: 100%!important;
  height: 100%!important;
  object-fit: cover!important;
  display: block!important;
  border-radius: 0!important;
}

.cm-row-card--minimal .cm-media-crest {
  position: absolute!important;
  right: -7px!important;
  bottom: -7px!important;
  width: 30px!important;
  height: 30px!important;
  border-radius: 999px!important;
  background: #fff!important;
  box-shadow: 0 6px 16px rgba(11,24,18,.18)!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  padding: 4px!important;
  z-index: 20!important;
  pointer-events: none!important;
}

.cm-row-card--minimal .cm-media-crest img {
  width: 100%!important;
  height: 100%!important;
  object-fit: contain!important;
  display: block!important;
  border-radius: 0!important;
}

.cm-row-card--minimal .cm-row-card__content {
  padding: 3px 0 3px 12px;
  gap: 5px;
  justify-content: center;
  min-height: 82px;
  display: flex;
  flex-direction: column;
}

.cm-row-card--minimal .cm-title {
  font-size: 17px;
  line-height: 1.04;
  font-weight: 600!important;
  letter-spacing: -.018em!important;
  color: #101713!important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cm-row-card--minimal .cm-meta--top span {
  color: var(--cm-green)!important;
  background: transparent!important;
  border: 0!important;
  padding: 0!important;
  font-weight: 900!important;
}

.cm-row-card--minimal .cm-meta--top svg {
  color: var(--cm-green)!important;
  fill: var(--cm-green)!important;
}

.cm-row-card--minimal .cm-meta--bottom {
  display: flex!important;
  align-items: center!important;
  flex-wrap: nowrap!important;
  gap: 7px!important;
  min-width: 0!important;
  max-width: 100%!important;
  overflow: hidden!important;
}

.cm-row-card--minimal .cm-meta__author-green {
  flex: 0 1 auto!important;
  min-width: 0!important;
  max-width: calc(100% - 46px)!important;
  color: var(--cm-muted)!important;
  background: transparent!important;
  border: 0!important;
  box-shadow: none!important;
  padding: 0!important;
  white-space: nowrap!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
  font-weight: 800!important;
}

.cm-row-card--minimal .cm-meta__author-green svg {
  color: var(--cm-muted)!important;
  fill: var(--cm-muted)!important;
}

.cm-row-card--minimal .cm-meta__comments {
  flex: 0 0 auto!important;
  margin-left: 0!important;
  white-space: nowrap!important;
}

.cm-row-card--overlay {
  position: relative;
  min-height: 220px;
}

.cm-row-card--overlay .cm-row-card__link, .cm-row-card--overlay .cm-row-card__media, .cm-row-card--overlay .cm-row-card__shade, .cm-row-card--overlay .cm-row-card__content {
  position: absolute;
  inset: 0;
}

.cm-row-card--overlay .cm-row-card__media {
  background-size: cover;
  background-position: center;
}

.cm-row-card--overlay .cm-row-card__shade {
  background: linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.12) 40%,rgba(0,0,0,.25) 58%,rgba(0,0,0,.92) 100%);
}

.cm-row-card--overlay .cm-row-card__content {
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  text-align: center;
  padding: 16px 18px 14px;
  color: #fff;
}

.cm-row-card--overlay .cm-title {
  width: 100%;
  max-width: 100%;
  margin: 0;
  text-align: center;
  font-size: 24px;
  line-height: .96;
  text-shadow: 0 2px 8px rgba(0,0,0,.55);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cm-row-card--overlay .cm-meta {
  width: 100%!important;
  max-width: 100%!important;
  padding: 0 4px!important;
  gap: 5px!important;
  justify-content: center!important;
  flex-wrap: nowrap!important;
  overflow: visible!important;
  color: rgba(255,255,255,.96);
  margin: 0 0 10px;
}

.cm-row-card--overlay .cm-meta span {
  min-width: 0!important;
  white-space: nowrap!important;
  font-size: 9.5px!important;
  padding: 4px 6px!important;
  border-radius: 999px;
  background: rgba(0,0,0,.26);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

.cm-row-card--overlay .cm-meta span:first-child, .cm-row-card--overlay .cm-meta__comments {
  flex: 0 0 auto!important;
}

.cm-row-card--overlay .cm-meta span:nth-child(2) {
  max-width: 170px!important;
  min-width: 72px!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
}

.cm-crest-watermark--overlay {
  width: 88px;
  height: 88px;
  right: -16px;
  bottom: -10px;
  top: auto;
  left: auto;
  opacity: .18!important;
  transform: rotate(-16deg);
  filter: blur(.1px) drop-shadow(0 2px 5px rgba(0,0,0,.12))!important;
}

.cm-crest-watermark--overlay img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cm-calendar-panel {
  width: 100%;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

.cm-calendar-inline {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.cm-calendar-navrow {
  display: flex;
  align-items: center;
  margin: 0 0 14px!important;
}

.cm-calendar-navrow > [class*="col-"] {
  float: none!important;
}

.cm-calendar-jornada-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  font-weight: 900;
  color: #063b22;
}

.cm-calendar-arrow {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #eef8ef;
  color: #063b22;
}

.cm-calendar-arrow:hover {
  background: #d8f3dc;
  color: #063b22;
}

.cm-calendar-arrow.is-disabled {
  opacity: .35;
  pointer-events: none;
}

.cm-calendar-select {
  min-height: 36px;
  border: 1px solid rgba(0,102,81,.14)!important;
  box-shadow: none!important;
}

.cm-calendar-jornada {
  display: none;
}

.cm-calendar-jornada.is-active {
  display: block;
}

.cm-calendar-panel__matches {
  margin-left: -5px!important;
  margin-right: -5px!important;
}

.cm-calendar-actions {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.cm-calendar-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 13px;
  border-radius: 999px;
  color: #fff!important;
  font-size: 12px;
  line-height: 1;
  border: 0;
  text-decoration: none!important;
}

.cm-calendar-action--calendar {
  background: #063b22;
}

.cm-calendar-action--ranking {
  background: #09874a;
}

.cm-calendar-action--info {
  background: #0084b4;
}

.cm-calendar-action:hover {
  filter: brightness(1.06);
  color: #fff!important;
}

/* Variante reutilizable para grupos de acciones del mismo ancho */

.cm-calendar-actions--equal {
  flex-wrap: nowrap;
  align-items: stretch;
}

.cm-calendar-actions--equal .cm-calendar-action {
  flex: 1 1 0;
  min-width: 0;
  min-height: 50px;
  gap: 8px;
  padding: 8px 10px;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  font-family: "Fira Sans Condensed",Arial,sans-serif;
  box-shadow: 0 5px 13px rgba(15,23,42,.10);
}

.cm-calendar-actions--equal .cm-calendar-action__icon {
  flex: 0 0 auto;
  font-size: 17px;
  line-height: 1;
}

.cm-calendar-actions--equal .cm-calendar-action__text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  line-height: 1;
}

.cm-calendar-actions--equal .cm-calendar-action__text strong {
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.cm-calendar-actions--equal .cm-calendar-action__text small {
  margin-top: 4px;
  color: inherit;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  opacity: .88;
  white-space: nowrap;
}

.cm-calendar-actions--equal .cm-calendar-action:hover, .cm-calendar-actions--equal .cm-calendar-action:focus {
  transform: translateY(-1px);
  box-shadow: 0 7px 17px rgba(15,23,42,.15);
}

@media (max-width:480px) {
  .cm-calendar-actions--equal {
    gap: 5px;
  }

  .cm-calendar-actions--equal .cm-calendar-action {
    min-height: 56px;
    gap: 4px;
    padding: 7px 4px;
    flex-direction: column;
  }

  .cm-calendar-actions--equal .cm-calendar-action__icon {
    font-size: 18px;
  }

  .cm-calendar-actions--equal .cm-calendar-action__text {
    align-items: center;
    text-align: center;
  }

  .cm-calendar-actions--equal .cm-calendar-action__text strong {
    font-size: 11.5px;
  }

  .cm-calendar-actions--equal .cm-calendar-action__text small {
    margin-top: 3px;
    font-size: 10px;
  }
}

.cm-more {
  text-align: center;
  margin: 22px 0 0;
}

.cm-more a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 10px 18px;
  border-radius: 999px;
  background: #063b22;
  color: #fff!important;
  font-size: 13px;
  font-weight: 900;
}

.cm-empty-tab {
  padding: 18px;
  border-radius: 16px;
  background: #f4faf5;
  color: #456057;
  font-weight: 800;
  text-align: center;
}

@media (max-width:991px) {
  .cm-min-cover, .cm-min-side {
    display: none;
  }

  .cm-row-grid {
    gap: 16px;
  }
}

@media (max-width:767px) {
  .cm-min-wrap {
    padding: 6px 2px 22px;
    margin-bottom: 16px;
  }

  .cm-top-tabs {
    margin-bottom: 14px;
    padding-bottom: 10px;
  }

  .cm-top-tabs__btn {
    font-size: 12px;
    padding: 9px 12px;
  }

  .cm-min-hero {
    height: 230px;
    border-radius: 20px;
  }

  .cm-min-hero__content {
    padding: 22px 18px 20px;
  }

  .cm-min-hero .cm-title {
    max-width: 96%;
    font-size: 30px;
    line-height: .96;
  }

  .cm-row-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .cm-row-section + .cm-row-section {
    margin-top: 14px;
  }

  .cm-row-card--featured .cm-row-card__media {
    height: 190px;
  }

  .cm-row-card--featured .cm-row-card__content {
    padding: 12px 12px 14px;
  }

  .cm-row-card--featured .cm-title {
    font-size: 23px;
    line-height: .98;
  }

  .cm-row-card--featured .cm-kicker--photo {
    top: 10px;
    right: 10px;
    max-width: 54%;
    background: rgba(0,92,71,.36);
    font-size: 10.5px;
    padding: 6px 10px;
  }

  .cm-row-card--featured .cm-meta--onphoto {
    left: 10px;
    bottom: 10px;
    max-width: calc(100% - 20px);
  }

  .cm-row-card--featured .cm-meta--onphoto span {
    font-size: 11px;
    padding: 6px 9px;
  }

  .cm-row-card--minimal .cm-row-card__link {
    grid-template-columns: 78px minmax(0,1fr);
    min-height: 92px;
  }

  .cm-row-card--minimal .cm-row-card__link:after {
    left: 88px;
  }

  .cm-row-card--minimal .cm-row-card__media {
    width: 78px!important;
    height: 78px!important;
    flex-basis: 78px!important;
  }

  .cm-row-card--minimal .cm-row-card__media-photo {
    border-radius: 15px!important;
  }

  .cm-row-card--minimal .cm-media-crest {
    width: 27px!important;
    height: 27px!important;
    right: -6px!important;
    bottom: -6px!important;
    padding: 4px!important;
  }

  .cm-row-card--minimal .cm-row-card__content {
    min-height: 78px;
    padding-left: 11px;
  }

  .cm-row-card--minimal .cm-title {
    font-size: 17.5px!important;
    line-height: 1.05!important;
  }

  .cm-row-card--minimal .cm-meta--bottom {
    flex-wrap: nowrap!important;
    align-items: center!important;
    gap: 6px!important;
  }

  .cm-row-card--minimal .cm-meta__author-green {
    max-width: calc(100% - 44px)!important;
    font-size: 9.5px!important;
  }

  .cm-row-card--minimal .cm-meta__comments {
    flex: 0 0 auto!important;
    font-size: 9px!important;
    padding: 3px 7px!important;
  }

  .cm-row-card--overlay {
    min-height: 210px;
  }

  .cm-row-card--overlay .cm-row-card__content {
    padding: 14px 14px 13px;
  }

  .cm-row-card--overlay .cm-title {
    font-size: 23px;
    line-height: .96;
    -webkit-line-clamp: 3;
    max-width: 96%;
    margin: 0 auto;
  }

  .cm-row-card--overlay .cm-meta span:nth-child(2) {
    max-width: 145px!important;
    min-width: 60px!important;
  }

  .cm-row-card--overlay .cm-crest-watermark--overlay {
    width: 74px;
    height: 74px;
    right: -12px;
    bottom: -6px;
    opacity: .16!important;
  }

  .cm-calendar-navrow {
    display: block;
    margin-bottom: 12px!important;
  }

  .cm-calendar-navrow > [class*="col-"] {
    width: 100%!important;
    padding-left: 0!important;
    padding-right: 0!important;
    margin-bottom: 8px;
  }

  .cm-calendar-jornada-title {
    font-size: 18px;
  }
}

/* menú superior sin bordes */

.cm-top-tabs {
  border-bottom: 0!important;
}

.cm-top-tabs__btn {
  border: 0!important;
  box-shadow: none!important;
}

.cm-top-tabs__btn.is-active {
  border: 0!important;
}

/* portada/listados destacados optimizados + full width mobile */

.cm-row-card--featured .cm-row-card__summary, .cm-row-card--featured .cm-meta--onphoto, .cm-row-card--featured .cm-meta--desktop {
  display: none!important;
}

.cm-row-card--featured .cm-row-card__content {
  padding: 12px 13px 16px!important;
}

.cm-row-card--featured .cm-row-card__titleline {
  display: block!important;
  gap: 0!important;
}

.cm-row-card--featured .cm-row-card__crest-inline {
  display: none!important;
}

.cm-row-card--featured .cm-title {
  width: 100%!important;
  font-size: 24px!important;
  line-height: 1.02!important;
  -webkit-line-clamp: 3!important;
}

.cm-row-card--featured .cm-featured-comments-row {
  display: flex!important;
  justify-content: flex-end!important;
  align-items: center!important;
  min-height: 20px!important;
  margin: 0 0 5px!important;
}

.cm-row-card--featured .cm-featured-comments-row:empty {
  display: none!important;
}

.cm-row-card--featured .cm-featured-comments-row .cm-meta__comments {
  display: inline-flex!important;
  align-items: center!important;
  gap: 4px!important;
  margin: 0!important;
  color: #b98700!important;
  background: rgba(245,197,66,.14)!important;
  border: 1px solid rgba(245,197,66,.18)!important;
  border-radius: 999px!important;
  padding: 3px 7px!important;
  font-size: 10px!important;
  font-weight: 900!important;
  line-height: 1!important;
  white-space: nowrap!important;
}

.cm-row-card--featured .cm-featured-comments-row .cm-meta__comments svg {
  width: 12px!important;
  height: 12px!important;
  color: #b98700!important;
  fill: #b98700!important;
}

.cm-row-card--featured .cm-meta--featured-date {
  display: flex!important;
  align-items: center!important;
  justify-content: flex-start!important;
  flex-wrap: nowrap!important;
  gap: 8px!important;
  margin: 8px 0 0!important;
  min-width: 0!important;
  width: 100%!important;
  text-align: left!important;
}

.cm-row-card--featured .cm-meta--featured-date span {
  background: transparent!important;
  border: 0!important;
  box-shadow: none!important;
  padding: 0!important;
  font-size: 10px!important;
  font-weight: 800!important;
  text-transform: uppercase!important;
}

.cm-row-card--featured .cm-meta--featured-date .cm-meta__date-green {
  color: #078a55!important;
  flex: 0 0 auto!important;
  font-weight: 900!important;
}

.cm-row-card--featured .cm-meta--featured-date .cm-meta__date-green svg {
  color: #078a55!important;
  fill: #078a55!important;
}

.cm-row-card--featured .cm-meta--featured-date .cm-meta__author-inline {
  color: #7b8782!important;
  min-width: 0!important;
  max-width: 58%!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
  white-space: nowrap!important;
  flex: 0 1 auto!important;
}

.cm-row-card--featured .cm-meta--featured-date .cm-meta__author-inline svg {
  color: #7b8782!important;
  fill: #7b8782!important;
}

.cm-row-card--featured .cm-featured-team-badge {
  position: absolute!important;
  left: 10px!important;
  bottom: 10px!important;
  z-index: 8!important;
  display: inline-flex!important;
  align-items: center!important;
  gap: 6px!important;
  max-width: calc(100% - 20px)!important;
  min-height: 30px!important;
  padding: 4px 9px 4px 4px!important;
  border-radius: 999px!important;
  background: rgba(8,18,14,.58)!important;
  color: #fff!important;
  box-shadow: 0 6px 15px rgba(0,0,0,.18)!important;
  backdrop-filter: blur(5px)!important;
  -webkit-backdrop-filter: blur(5px)!important;
}

.cm-row-card--featured .cm-featured-team-badge__crest {
  width: 22px!important;
  height: 22px!important;
  flex: 0 0 22px!important;
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  border-radius: 999px!important;
  background: #fff!important;
  padding: 3px!important;
}

.cm-row-card--featured .cm-featured-team-badge__crest img {
  width: 100%!important;
  height: 100%!important;
  object-fit: contain!important;
}

.cm-row-card--featured .cm-featured-team-badge__name {
  min-width: 0!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
  white-space: nowrap!important;
  color: #fff!important;
  font-size: 10px!important;
  font-weight: 900!important;
  line-height: 1!important;
  text-transform: uppercase!important;
  letter-spacing: .02em!important;
}

@media (max-width:767px) {
  .cm-min-wrap .cm-min-cover {
    display: block!important;
  }

  .cm-min-wrap .cm-row-section--featured .cm-row-grid, .cm-min-wrap .cm-row-section--overlay .cm-row-grid {
    gap: 14px!important;
  }

  .cm-min-cover .cm-min-hero, .cm-row-section--featured .cm-row-card--featured, .cm-row-section--overlay .cm-row-card--overlay {
    border-left: 0!important;
    border-right: 0!important;
    box-shadow: none!important;
  }

  .cm-min-cover .cm-min-hero__media, .cm-row-section--featured .cm-row-card--featured .cm-row-card__media, .cm-row-section--featured .cm-row-card--featured .cm-row-card__media img, .cm-row-section--overlay .cm-row-card--overlay .cm-row-card__media {
    width: 100%!important;
  }

  .cm-min-cover .cm-min-hero__content {
    padding-left: 16px!important;
    padding-right: 16px!important;
  }

  .cm-row-section--featured .cm-row-card--featured .cm-row-card__content, .cm-row-section--overlay .cm-row-card--overlay .cm-row-card__content {
    padding-left: 16px!important;
    padding-right: 16px!important;
  }

  .cm-row-section--overlay .cm-row-card--overlay {
    min-height: 220px!important;
  }

  .cm-row-card--featured .cm-featured-comments-row {
    margin-bottom: 5px!important;
  }

  .cm-row-card--featured .cm-meta--featured-date {
    gap: 7px!important;
  }

  .cm-row-card--featured .cm-meta--featured-date .cm-meta__author-inline {
    max-width: 54%!important;
    font-size: 9.5px!important;
  }

  .cm-row-card--featured .cm-featured-team-badge {
    left: 9px!important;
    bottom: 9px!important;
    min-height: 29px!important;
  }
}

/* escudo de la noticia principal junto al título */

.cm-min-hero .cm-crest-watermark {
  display: none!important;
}

.cm-min-hero .cm-title-crest-inline img {
  object-fit: contain;
}

@media (max-width:767px) {
  .cm-min-hero .cm-title-crest-inline {
    padding: 3px;
  }
}

/* escudo principal limpio, sin fondo ni círculo */

.cm-min-hero .cm-title-crest-inline {
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  width: 26px!important;
  height: 26px!important;
  margin-right: 5px!important;
  padding: 0!important;
  vertical-align: -3px!important;
  border-radius: 0!important;
  background: transparent!important;
  box-shadow: none!important;
}

.cm-min-hero .cm-title-crest-inline img {
  display: block!important;
  width: 100%!important;
  height: 100%!important;
  object-fit: contain!important;
}

@media (max-width:767px) {
  .cm-min-hero .cm-title-crest-inline {
    width: 23px!important;
    height: 23px!important;
    margin-right: 4px!important;
    vertical-align: -3px!important;
  }

  .cm-min-wrap .cm-min-cover, .cm-min-wrap .cm-row-section--featured, .cm-min-wrap .cm-row-section--overlay {
    width: auto!important;
    max-width: 100%!important;
    margin-left: 0!important;
    margin-right: 0!important;
  }

  .cm-min-wrap .cm-min-cover__hero, .cm-min-wrap .cm-row-section--featured .cm-row-grid, .cm-min-wrap .cm-row-section--overlay .cm-row-grid {
    width: 100%!important;
    max-width: 100%!important;
  }

  .cm-min-cover .cm-min-hero, .cm-row-section--featured .cm-row-card--featured, .cm-row-section--overlay .cm-row-card--overlay {
    width: 100%!important;
    border-left: 1px solid var(--cm-line)!important;
    border-right: 1px solid var(--cm-line)!important;
    border-radius: 18px!important;
    box-shadow: var(--cm-shadow)!important;
    overflow: hidden!important;
  }

  .cm-min-cover .cm-min-hero__media, .cm-row-section--featured .cm-row-card--featured .cm-row-card__media, .cm-row-section--featured .cm-row-card--featured .cm-row-card__media img, .cm-row-section--overlay .cm-row-card--overlay .cm-row-card__media {
    border-radius: 18px 18px 0 0!important;
  }

  .cm-min-cover .cm-min-hero__content, .cm-row-section--featured .cm-row-card--featured .cm-row-card__content, .cm-row-section--overlay .cm-row-card--overlay .cm-row-card__content {
    padding-left: 14px!important;
    padding-right: 14px!important;
  }
}

/* =========================================================
   Cabecera de equipo visual - v6 limpia
   - Un único bloque de estilos para .comu-team-mini--visual
   - Preparada para aparecer dentro de .texto_noticia sin heredar bordes de enlaces
   ========================================================= */

.comu-team-mini--visual {
  --team-rgb: 12, 103, 12;
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  box-sizing: border-box;
  margin: 16px 0 20px;
  padding: 12px 14px 12px 16px;
  border: 1px solid rgba(var(--team-rgb), 0.18);
  border-radius: 18px;
  background: radial-gradient(circle at 0 0, rgba(var(--team-rgb), 0.18), transparent 32%),
        linear-gradient(135deg, rgba(var(--team-rgb), 0.08), #ffffff 48%, rgba(var(--team-rgb), 0.035));
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08);
  line-height: normal;
  text-align: left;
  clear: both;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.comu-team-mini--visual::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 5px;
  border-radius: 0 999px 999px 0;
  background: linear-gradient(180deg, rgb(var(--team-rgb)), rgba(var(--team-rgb), 0.35));
  z-index: -1;
}

.comu-team-mini--visual, .comu-team-mini--visual * {
  box-sizing: border-box;
}

.comu-team-mini--visual .comu-team-mini__main, .texto_noticia .comu-team-mini--visual .comu-team-mini__main {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1 1 auto;
  color: #111827;
  text-decoration: none;
  border: 0;
  background: transparent;
}

.comu-team-mini--visual .comu-team-mini__crest {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  min-width: 54px;
  padding: 7px;
  border: 1px solid rgba(var(--team-rgb), 0.18);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 7px 18px rgba(15, 23, 42, 0.10);
}

.comu-team-mini--visual .comu-team-mini__crest img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.comu-team-mini--visual .comu-team-mini__body {
  display: block;
  min-width: 0;
}

.comu-team-mini--visual .comu-team-mini__name {
  display: block;
  margin: 0;
  color: #07111f;
  font-family: "Fira Sans Condensed", Arial, sans-serif;
  font-size: 26px;
  line-height: 0.98;
  font-weight: 900;
  letter-spacing: -0.35px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.comu-team-mini--visual .comu-team-mini__stadium {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 6px;
  color: #475569;
  font-family: "Poppins", Arial, sans-serif;
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.comu-team-mini--visual .comu-team-mini__stadium-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  min-width: 18px;
  border-radius: 999px;
  background: rgba(var(--team-rgb), 0.10);
  font-size: 12px;
  line-height: 1;
}

.comu-team-mini--visual .comu-team-mini__links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  flex: 0 0 auto;
}

.comu-team-mini--visual .comu-team-mini__links > a, .texto_noticia .comu-team-mini--visual .comu-team-mini__links > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 11px;
  border: 1px solid rgba(var(--team-rgb), 0.15);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  color: #0f172a;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.055);
  font-family: "Fira Sans Condensed", Arial, sans-serif;
  font-size: 13px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.comu-team-mini--visual .comu-team-mini__links > a:hover, .texto_noticia .comu-team-mini--visual .comu-team-mini__links > a:hover {
  background: rgb(var(--team-rgb));
  color: #ffffff;
  border-color: rgb(var(--team-rgb));
  text-decoration: none;
  transform: translateY(-1px);
}

@media (max-width: 768px) {
  .comu-team-mini--visual {
    margin: 13px 0 17px;
    padding: 11px 11px 12px 14px;
    gap: 10px;
    flex-wrap: wrap;
    border-radius: 16px;
  }

  .comu-team-mini--visual .comu-team-mini__main {
    gap: 10px;
    width: 100%;
  }

  .comu-team-mini--visual .comu-team-mini__crest {
    width: 46px;
    height: 46px;
    min-width: 46px;
    padding: 6px;
    border-radius: 14px;
  }

  .comu-team-mini--visual .comu-team-mini__name {
    font-size: 23px;
  }

  .comu-team-mini--visual .comu-team-mini__stadium {
    margin-top: 5px;
    font-size: 11.5px;
  }

  .comu-team-mini--visual .comu-team-mini__links {
    width: 100%;
    justify-content: flex-start;
    gap: 6px;
    padding-left: 56px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .comu-team-mini--visual .comu-team-mini__links::-webkit-scrollbar {
    display: none;
  }

  .comu-team-mini--visual .comu-team-mini__links > a, .texto_noticia .comu-team-mini--visual .comu-team-mini__links > a {
    padding: 7px 10px;
    font-size: 12px;
  }
}

@media (max-width: 430px) {
  .comu-team-mini--visual .comu-team-mini__links {
    padding-left: 0;
  }

  .comu-team-mini--visual .comu-team-mini__links > a {
    flex: 1 0 auto;
  }
}

@media (max-width: 360px) {
  .comu-team-mini--visual .comu-team-mini__name {
    font-size: 21px;
  }

  .comu-team-mini--visual .comu-team-mini__stadium {
    font-size: 11px;
  }

  .comu-team-mini--visual .comu-team-mini__links > a, .texto_noticia .comu-team-mini--visual .comu-team-mini__links > a {
    font-size: 11.5px;
  }
}

/* Portada fichajes */

.cm-min-wrap .cm-top-tabs__btn[data-cm-tab=fichajes].is-active {
  background: linear-gradient(135deg,#fd7e00,#078a55);
  color: #fff;
}

.cm-min-wrap .cm-top-tabs__btn[data-cm-tab=fichajes].is-active .cm-top-tabs__pulse {
  background: #fff;
  animation: none;
}

.cm-fx-board {
  --o: #fd7e00;
  --g: #078a55;
  --b: #1d64c8;
  --t: #111;
  --m: #7b8782;
  --l: rgba(7,138,85,.14);
  color: var(--t);
}

.cm-fx-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 11px;
  padding: 0 2px 11px;
  border-bottom: 1px solid var(--l);
}

.cm-fx-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 5px;
  color: var(--g);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.cm-fx-kicker:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--o);
  box-shadow: 0 0 0 4px rgba(253,126,0,.1);
}

.cm-fx-head h2 {
  margin: 0;
  font: 900 28px/.96 "Fira Sans Condensed",Arial,sans-serif;
  letter-spacing: -.035em;
}

.cm-fx-count {
  padding: 7px 10px;
  border-radius: 999px;
  background: #f3faf5;
  color: var(--g);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  white-space: nowrap;
}

.cm-fx-featured-row {
  margin: 0 0 10px;
}

.cm-fx-featured-row .cm-row-grid {
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}

.cm-fx-list {
  display: grid;
  gap: 8px;
}

.cm-fx-list--mobile {
  display: none;
}

.cm-fx-link {
  display: grid;
  grid-template-columns: 118px minmax(0,1fr);
  gap: 12px;
  align-items: stretch;
  min-height: 84px;
  padding: 0 11px 0 0;
  overflow: hidden;
  border: 1px solid var(--l);
  border-radius: 16px;
  background: linear-gradient(90deg,#fff,#fbfdfc);
  color: var(--t)!important;
  text-decoration: none!important;
  box-shadow: 0 6px 16px rgba(12,31,22,.045);
  transition: transform .16s,border-color .16s,box-shadow .16s;
}

.cm-fx-link:hover {
  transform: translateY(-1px);
  border-color: rgba(7,138,85,.28);
  box-shadow: 0 10px 22px rgba(12,31,22,.08);
}

.cm-fx-thumb {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 84px;
  background: #eef4f1;
  overflow: hidden;
}

.cm-fx-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cm-fx-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 9px 0;
}

.cm-fx-top {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  margin: 0 0 4px;
}

.cm-fx-team {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1;
  color: var(--g);
  font: 900 14px/1 "Fira Sans Condensed",Arial,sans-serif;
  text-transform: uppercase;
}

.cm-fx-crest {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  border: 1px solid var(--l);
  border-radius: 7px;
  background: #fff;
}

.cm-fx-crest img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cm-fx-teamname, .cm-fx-meta span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cm-fx-body h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0;
  overflow: hidden;
  color: #111;
  font: 900 21px/1.02 "Fira Sans Condensed",Arial,sans-serif;
  letter-spacing: -.025em;
}

.cm-fx-meta {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
  color: var(--m);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.cm-fx-meta span+span:before {
  content: "·";
  margin-right: 5px;
  color: #c3ccc7;
}

.cm-fx-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex: 0 0 auto;
  height: 25px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.cm-fx-status__icon {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  fill: currentColor;
}

.cm-fx-status--official {
  border-color: #cfe0ff;
  background: #eff5ff;
  color: var(--b);
}

.cm-fx-status--talks {
  border-color: #cbeed8;
  background: #effaf3;
  color: var(--g);
}

.cm-fx-status--rumor {
  border-color: #ffdcb3;
  background: #fff5e9;
  color: var(--o);
}

@media(max-width:767px) {
  .cm-fx-head {
    align-items: center;
  }

  .cm-fx-head h2 {
    font-size: 24px;
  }

  .cm-fx-count {
    font-size: 10px;
  }

  .cm-fx-featured-row .cm-row-grid {
    grid-template-columns: 1fr;
  }

  .cm-fx-featured-row .cm-row-card:nth-child(n/**/+2) {
    display: none;
  }

  .cm-fx-list--desktop {
    display: none;
  }

  .cm-fx-list--mobile {
    display: grid;
  }

  .cm-fx-list {
    gap: 7px;
  }

  .cm-fx-link {
    grid-template-columns: 96px minmax(0,1fr);
    gap: 9px;
    min-height: 86px;
    padding-right: 8px;
    border-radius: 14px;
    box-shadow: none;
  }

  .cm-fx-thumb {
    min-height: 86px;
  }

  .cm-fx-body {
    padding: 8px 0;
  }

  .cm-fx-team {
    gap: 5px;
    font-size: 13px;
  }

  .cm-fx-crest {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
    border-radius: 6px;
  }

  .cm-fx-body h3 {
    font-size: 18px;
    line-height: 1.04;
  }

  .cm-fx-meta {
    margin-top: 4px;
    font-size: 8.5px;
    line-height: 1.15;
  }

  .cm-fx-meta span:nth-child(2) {
    flex: 1;
  }

  .cm-fx-status {
    height: 23px;
    padding: 0 7px;
    font-size: 8.5px;
  }

  .cm-fx-status__icon {
    width: 11px;
    height: 11px;
    flex-basis: 11px;
  }
}

@media(max-width:420px) {
  .cm-fx-count {
    display: none;
  }

  .cm-fx-link {
    grid-template-columns: 88px minmax(0,1fr);
    gap: 8px;
    min-height: 82px;
    padding-right: 7px;
  }

  .cm-fx-thumb {
    min-height: 82px;
  }

  .cm-fx-team {
    font-size: 12.5px;
  }

  .cm-fx-body h3 {
    font-size: 16.8px;
  }

  .cm-fx-meta {
    font-size: 8px;
  }

  .cm-fx-status {
    height: 22px;
    padding: 0 6px;
    font-size: 8px;
  }
}

/* =========================================================
   Ajuste listado fichajes: separacion cargar mas
   ========================================================= */

.cm-fx-more {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 28px 0 10px;
  text-align: center;
}

.cm-fx-more .btn {
  float: none!important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 138px;
  border-radius: 999px;
  font-weight: 900;
}

.cm-fx-loader {
  display: none;
  margin: 16px 0 0;
  text-align: center!important;
  color: #7b8782;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

@media(max-width:767px) {
  .cm-fx-more {
    margin: 24px 0 10px;
  }
}

/* =========================================================
   BUSCADOR DE JUGADORES EN CABECERA
   Mismas clases y resultados para cabecera y menú lateral
   ========================================================= */
/* Convocatorias bajo el escudo de cada equipo */

.cm-partido-equipo {
  position: relative;
}

.cm-partido-convocatoria {
  position: absolute;
  top: 35px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1px;
  padding: 0 2px;
  color: #087c45;
  background: transparent;
  border: 1px solid rgba(8,124,69,.42);
  border-radius: 3px;
  font-size: 8px;
  font-weight: 800;
  line-height: 9px;
  letter-spacing: 0;
  white-space: nowrap;
}

.cm-partido-equipo--local .cm-partido-convocatoria {
  right: -4px;
}

.cm-partido-equipo--visitante .cm-partido-convocatoria {
  left: -4px;
}

.cm-partido-convocatoria .fa {
  color: #079447;
  font-size: 8px;
  line-height: 9px;
}