@charset "UTF-8";
:root {
  --font-stack: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
  --font-branded: "Google-BreeSerif--Regular", Arial, sans-serif;
  --font-primary: "Google-Roboto--bold", Arial, sans-serif;
  --font-secondary: var(--font-stack);
  --color-black: black;
  --color-white: white;
  --color-darkGrey: #999999;
  --color-mediumGrey: #cccccc;
  --color-lightGrey: #f2f2f2;
  --color-secondary-baseb: #666666;
  --color-tertiary-baseb: #999999;
  --color-brand: #599ac4;
  /* --color-sponsor: ; */
}
/* http://maquetasinternet.epi.es/nuevo_deportes2019/elementosWeb/css/deportes/frisos_marcadores.css */
/* <link href="http://maquetasinternet.epi.es/nuevo_deportes2019/elementosWeb/css/deportes/frisos_marcadores.css" rel="stylesheet" type="text/css" /> */
/* Función para convertir medidas en PX a REM */
/* Fonts */
/* Weights */
/* VARIABLES COPIADAS DE LA MEDIAS */
/* Margins */
/*
@mixin mobile {
    @media (max-width:30rem) {
        @content;
    }
}
*/
/* Vendor-prefix */

/* Propiedades para patrocinador */
/* Color general de fondo para evitar espacio en iframe */
body:has(.friso_marcadores),
body:has(.friso_marcador) {
  margin: 0;
  background-color: var(--color-sponsor, #dadada);
}

.swiper-scrollbar {
  display: none;
}
/* --- */



/* Estilos párrafo normal */
.friso_marcadores, .depcontenido, .contenido {
  /* Reemplazo los estilos por defecto de la librería Swiper */ }
  .friso_marcadores .swiper-container .swiper-button-prev, .friso_marcadores .swiper-container .swiper-button-next, .depcontenido .swiper-container .swiper-button-prev, .depcontenido .swiper-container .swiper-button-next, .contenido .swiper-container .swiper-button-prev, .contenido .swiper-container .swiper-button-next {
    width: 32px;
    height: 40px;
    margin-top: -20px;
    background-color: rgba(0, 0, 0, 0.4);
    background-size: 45% auto; }
  .friso_marcadores .swiper-container .swiper-button-prev, .friso_marcadores .swiper-container .swiper-container-rtl .swiper-button-next, .depcontenido .swiper-container .swiper-button-prev, .depcontenido .swiper-container .swiper-container-rtl .swiper-button-next, .contenido .swiper-container .swiper-button-prev, .contenido .swiper-container .swiper-container-rtl .swiper-button-next {
    left: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
  .friso_marcadores .swiper-container .swiper-button-next, .friso_marcadores .swiper-container .swiper-container-rtl .swiper-button-prev, .depcontenido .swiper-container .swiper-button-next, .depcontenido .swiper-container .swiper-container-rtl .swiper-button-prev, .contenido .swiper-container .swiper-button-next, .contenido .swiper-container .swiper-container-rtl .swiper-button-prev {
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }


.friso_marcadores {
  max-width: 62.875rem;
  margin: 0 auto;
  margin-bottom: 1.875rem;
}
  .friso_marcador .cuerpo_friso .caja_partidos .contenedor_resultados .friso_marcador:after,
  .friso_marcador .cuerpo_friso .caja_partidos .contenedor_resultados .friso_marcador:before {
    content: " ";
    position: absolute;
    width: 100vw;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    transform: translateX(-100vw);
    background-color: #dadada;
  }

    .friso_marcador .cuerpo_friso .caja_partidos .contenedor_resultados .friso_marcador:after {
      transform: translateX(0);
      left: auto;
      width: calc((100vw - 100%) / 2);
      right: calc((100% - 100vw) / 2);
  }
  .friso_marcadores .swiper-container .swiper-wrapper .swiper-slide {
    width: auto;
    /* Necesario para que los sliders no se ajusten al ancho 100% de su contenedor */ }
  @media (min-width: 48rem) {
    .friso_marcadores .swiper-container .swiper-scrollbar {
      display: none; } }
  @media (max-width: 767px) {
    .friso_marcadores .swiper-container .swiper-button-prev, .friso_marcadores .swiper-container .swiper-button-next {
      display: none; } }
  .friso_marcadores .swiper-container .swiper-button-prev.swiper-button-disabled, .friso_marcadores .swiper-container .swiper-button-next.swiper-button-disabled {
    display: none; }
  .friso_marcadores .friso_marcador {
    display: block;
    position: relative;
    /*
    .pie_friso {
        width:100%;
        background-color:transparent;
        margin-top:rem(4);
        ul {
            list-style-type:none;
            display:block;
            text-align:left;
            li {
                display:inline-block;
                vertical-align:top;
                margin-bottom:rem(4);
                a {
                    display:block;
                    padding:rem(5) rem(10);
                    background-color:#fff;
                    border:solid 1px #c2c2c2;
                    color:#6b6b6b;
                    text-align:center;
                    &:hover {
                        background-color:$c-deportes;
                        color:#fff;
                    }
                }
            }
        }
    }
    */ }
    .friso_marcadores .friso_marcador * {
      font-family: var(--font-stack);
      font-weight: 400;
      font-size: .8rem;
      line-height: normal; }
    .friso_marcadores .friso_marcador.par .cabe_friso {
      background-color: #43667a; }
    .friso_marcadores .friso_marcador .cabe_friso {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: strech;
      /* Fuerza a que los hijos tengan la misma altura */
      align-items: strech;
      /* Fuerza a que los hijos tengan la misma altura */
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      width: 100%;
      background-color: #2f2f2f; }
      .friso_marcadores .friso_marcador .cabe_friso .titu_friso, .friso_marcadores .friso_marcador .cabe_friso .titu_friso_der {
        display: -webkit-inline-box;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
        -webkit-align-items: strech;
        /* Fuerza a que los hijos tengan la misma altura */
        align-items: strech;
        /* Fuerza a que los hijos tengan la misma altura */
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        /*
        -webkit-justify-content:flex-start;
        justify-content:flex-start;
        */ }


.titu_friso_der .arrow_down {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2014%2014'%3E%3Cpath%20d%3D'M7,10.9c-0.2,0-0.5-0.1-0.7-0.3l-6-5.9c-0.4-0.4-0.4-0.9,0-1.3l0,0c0.4-0.3,1-0.3,1.3,0L7,8.8l5.4-5.3%20c0.4-0.4,0.9-0.4,1.3,0l0,0c0.4,0.4,0.4,0.9,0,1.3l-6,5.9C7.5,10.8,7.2,10.9,7,10.9L7,10.9z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    /* fill: #fff; */
    display: inline-block;
    width: 15px;
    height: 15px;
    /* background-color: red; */
    background-size: 14px;
	background-repeat: no-repeat;
background-position: center;}



      .friso_marcadores .friso_marcador .cabe_friso .titu_friso {
        white-space: nowrap;
        overflow-x: auto;
        color: #fff;
        padding: 0.3125rem 1.25rem; }
        .friso_marcadores .friso_marcador .cabe_friso .titu_friso span {
          display: -webkit-inline-box;
          display: -moz-inline-box;
          display: -ms-inline-flexbox;
          display: -webkit-inline-flex;
          display: inline-flex;
          -webkit-align-items: center;
          align-items: center;
          -webkit-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          padding-left: 0.3125rem; }
          .friso_marcadores .friso_marcador .cabe_friso .titu_friso span:first-of-type {
            padding-left: 0; }
          .friso_marcadores .friso_marcador .cabe_friso .titu_friso span.txt_g {
            font-family: var(--font-stack);
            font-weight: 500;
            font-size: 1.125rem; }
      .friso_marcadores .friso_marcador .cabe_friso .titu_friso_der {
        position: relative; }
        .friso_marcadores .friso_marcador .cabe_friso .titu_friso_der .desp_menu {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-align-items: strech;
          /* Fuerza a que los hijos tengan la misma altura */
          align-items: strech;
          /* Fuerza a que los hijos tengan la misma altura */
          -webkit-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: nowrap;
          flex-wrap: nowrap;
          background-color: var(--color-sponsor, var(--color-brand));
          color: #fff;
          text-decoration: none;
          padding: 0.4375rem 0.4375rem;
          padding-bottom: 0.375rem;
		cursor: pointer;}
          .friso_marcadores .friso_marcador .cabe_friso .titu_friso_der .desp_menu span, .friso_marcadores .friso_marcador .cabe_friso .titu_friso_der .desp_menu i {
            display: inline-block;
            vertical-align: middle; }
          .friso_marcadores .friso_marcador .cabe_friso .titu_friso_der .desp_menu span {
            margin-right: 0.625rem; }
            @media (max-width: 767px) {
              .friso_marcadores .friso_marcador .cabe_friso .titu_friso_der .desp_menu span {
                display: none; } }
          .friso_marcadores .friso_marcador .cabe_friso .titu_friso_der .desp_menu.active .i-arrow-down:before {
            display: inline-table;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg); }
          .friso_marcadores .friso_marcador .cabe_friso .titu_friso_der .desp_menu.active + .menu_friso {
            display: block; }
        .friso_marcadores .friso_marcador .cabe_friso .titu_friso_der .menu_friso {
          position: absolute;
          z-index: 2;
          /* 8 será el máximo, ya que la capa negra de cuando se despliega el menú de la web lleva 9 */
          right: 0;
          bottom: 0;
          width: 100%;
          display: none;
          /*
          &.open {display:block;}
          */ }
          .friso_marcadores .friso_marcador .cabe_friso .titu_friso_der .menu_friso .fondo_menu {
            position: absolute;
            right: 0;
            top: 0;
            background-color: var(--color-sponsor, var(--color-brand));
            max-height: 130px;
            overflow-y: scroll;
            border-top: solid 1px #fff;
            text-align: center;
            width: 100%; }

            @supports (-moz-appearance: none) {
              .fondo_menu {
                scrollbar-width: thin;
              }
            }

            .fondo_menu::-webkit-scrollbar {
              width: 6px;
              height: 6px;
            }

            .fondo_menu::-webkit-scrollbar-track {
              background: transparent;
            }

            .fondo_menu::-webkit-scrollbar-thumb {
              background-color: rgba(0, 0, 0, 0.3);
            }

            .fondo_menu::-webkit-scrollbar-thumb:hover {
              background-color: rgba(0, 0, 0, 0.5);
            }
            @media (max-width: 767px) {
              .friso_marcadores .friso_marcador .cabe_friso .titu_friso_der .menu_friso .fondo_menu {
                width: auto;
                min-width: 160px; } }
            .friso_marcadores .friso_marcador .cabe_friso .titu_friso_der .menu_friso .fondo_menu ul {
              list-style-type: none;
              display: inline-block;
              margin-left: auto;
              margin-right: auto;
              text-align: left;
			padding-left: 0;}
              .friso_marcadores .friso_marcador .cabe_friso .titu_friso_der .menu_friso .fondo_menu ul li {
                display: block; }
                .friso_marcadores .friso_marcador .cabe_friso .titu_friso_der .menu_friso .fondo_menu ul li a {
                  display: block;
                  text-decoration: none;
                  padding: 0.3125rem;
                  color: #fff;
					cursor: pointer;}
    .friso_marcadores .friso_marcador .cuerpo_friso {
      width: 100%; }
      .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos {
        /*display:table;*/
        display: block;
        /* Hay que cambiarlo a block para poder pasar los partidos de 1 en 1 en el friso */
        border-collapse: separate;
        vertical-align: middle;
        table-layout: fixed; }
        .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido {
          display: table-cell;
          vertical-align: middle;
          color: #505050;
          background-color: #fff;
          border: solid 10px var(--color-sponsor, #dadada); }
          .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido a {
            color: inherit;
            text-decoration: none;
          }
          .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido {
            width: 186px;
            /*height:113px;*/
            padding: 0.875rem 0.625rem; }
            .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido .equipos .equipo {
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-align-items: center;
              align-items: center;
              -webkit-flex-direction: row;
              flex-direction: row;
              -webkit-flex-wrap: nowrap;
              flex-wrap: nowrap;
              -webkit-justify-content: space-between;
              justify-content: space-between;
              width: 100%;
              margin-bottom: 0.1875rem; }
              .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido .equipos .equipo .nombre, .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido .equipos .equipo .goles {
                font-size: 0.9375rem; }
                .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido .equipos .equipo .nombre a, .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido .equipos .equipo .goles a {
                  text-decoration: none;
                  font-family: inherit;
                  font-size: inherit; }
.friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido .equipos .equipo .goles a{
	display: block;
}
              .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido .equipos .equipo .nombre {
                width: 71%; }
                .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido .equipos .equipo .nombre a {
                  display: -webkit-box;
                  display: -moz-box;
                  display: -ms-flexbox;
                  display: -webkit-flex;
                  display: flex;
                  -webkit-align-items: center;
                  align-items: center;
                  -webkit-flex-direction: row;
                  flex-direction: row;
                  -webkit-flex-wrap: nowrap;
                  flex-wrap: nowrap; }
                  /* .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido .equipos .equipo .nombre a span {
                    font-size: inherit;
                  } */
                    .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido .equipos .equipo .nombre a span.escudo_peq {
                      text-align: center;
                      width: 1.25rem;
                      height: 1.25rem; }
                      .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido .equipos .equipo .nombre a span.escudo_peq img {
                        border: none;
                        display: inline-block;
                        vertical-align: middle;
                        width: auto;
                        height: auto;
                        max-width: 100%;
                        max-height: 100%;
                        margin: auto; }
                    .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido .equipos .equipo .nombre a span.txt_nombre {
                      width: calc( 100% - 20px );
                      padding-left: 0.625rem;
                      white-space: nowrap;
                      overflow-x: hidden;
                      text-overflow: ellipsis; }
              .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido .equipos .equipo .goles {
                width: 25%;
                background-color: #f7f7f7;
                border: solid 1px #d5d5d5;
                text-align: center;
                font-family: var(--font-stack);
                font-weight: 500;
                font-size: 0.8rem;
                line-height: 0.9375rem;
                padding: 0.125rem 0.3125rem; }
            .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido .estado_partido {
              border-top: solid 1px #e1e1e1;
              margin-top: 0.5rem;
              display: table;
              width: 100%; }
              .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido .estado_partido > div {
                display: table-cell;
                padding-top: 0.5rem;
                font-size: 0.75rem; }
                /* .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido .estado_partido > div a {
                  font-size: inherit; } */
                .friso_marcadores .friso_marcador .cuerpo_friso .caja_partidos .partido .fondo_partido .estado_partido > div.estado {
                  text-align: right;
                  color: #168529;
                  /*
                  &.finalizado {
                      color:#168529;
                  }
                  */ }