@import "@fortawesome/fontawesome-free/css/all.css";

.google-auto-placed.ap_container
Especificidad: (0,2,0)
 {
    margin: 23px 0;
}
i.fas.fa-check-circle.colorverdepasariz {
    color: #4CAF50;
    margin: 0 12px;
    font-size: 18px;
}
i.fas.fa-check-circle.colorverdepasar {
    color: #4CAF50;
    margin: 0 12px;
    font-size: 18px;
}
h4.partidosida {
    text-align: center;
    font-size: 19px;
    padding: 10px 0px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    margin: 30px 0;
}

body {
    background: #e1e1e1;
	 font-family: 'Roboto', sans-serif;
}


.card {
    border-radius: 10px;
}

a {
    text-decoration: none;
	color: #000000; 
}


img.logoficial {
    width: 170px;
}


.infortop1 {
    display: flex;
    justify-content: center !important;
    align-items: center;
}


.infortop2 {
    display: flex;
    justify-content: center !important;
    align-items: center;
}

a.redesociales {
    padding: 2px 3px;
    font-size: 19px;
    color: #fffc97;
}

a.texredesociales {
    padding: 2px 3px;
    font-size: 12px;
    color: #fff;
}
/* especial pc*/

.container.tillespecial {
    max-width: 1400px;
} 

div#sp-position3 {
    padding: 0;
}

.sp-moduleescudo {
    padding: 0 0 5px 0;
}


p.menuescudotext {
    margin: 0;
    text-align: center;
    padding: 5px;
}




p.menucompeticiontext {
    margin: 0;
    text-align: center;
    padding: 5px;
}

img.iconoscompeticion {
    width: 42px;
}

/**/

/* Navegación */

       .nav-item .dropdown-content {
            display: none;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            background-color: #f9f9f9;
            min-width: 930px; 
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                z-index: 10;
            color: black;
        }
        .nav-item:hover .dropdown-content {
            display: block;
        }
        .dropdown-content .menu {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            background-color: #f9f9f9;
            color: black;
            padding: 10px;
        }
.menu > div {
    margin: 5px;
    flex: 1 1 206px;
}
        .menu a {
           color: black;
    text-decoration: none;
    display: block;
margin: 5px;
    font-size: 14px;
    line-height: 25px;
	font-weight: 200;
        }
        .menu .section-title {
font-weight: bold;
    margin-top: 0;
    line-height: 30px;
    text-align: center;
    border-bottom: aliceblue;
    border-bottom: 3px solid #2196F3;
        }

  
.submenu {
    display: none;
    position: absolute;
    left: 20%;
    top: 130px;
    background-color: #f9f9f9;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 12;
}
        .submenu a {
            padding: 1px 10px;
            white-space: nowrap;
			    line-height: 25px;

        }
        .menu a:hover + .submenu, .submenu:hover {
            display: block;
        }

  
.submenufem {

    display: none;
    position: absolute;
left: 62%;
    top: 112px;
    background-color: #f9f9f9;
    min-width: 400px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 12;
}
        .submenufem a {
            padding: 1px 10px;
            white-space: nowrap;
			    line-height: 25px;

        }
        .menu a:hover + .submenufem, .submenufem:hover {
            display: flex;
        }
		
.submenufem2 {

    display: none;
    position: absolute;
left: 62%;
    top: 240px;
    background-color: #f9f9f9;
    min-width: 400px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 12;
}
        .submenufem2 a {
            padding: 1px 10px;
            white-space: nowrap;
			    line-height: 25px;

        }
        .menu a:hover + .submenufem2, .submenufem:hover {
            display: flex;
        }		
		
		
		
.submenu2ter {
    display: none;
    position: absolute;
    left: 64%;
    top: 126px;
    background-color: #f9f9f9;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 12;
}
        .submenu2ter a {
            padding: 1px 10px;
            white-space: nowrap;
			    line-height: 25px;

        }
        .menu a:hover + .submenu2ter, .submenu2ter:hover {
                display: block;
        }

.submenu3ter {
    display: none;
    position: absolute;
    left: 64%;
    top: 213px;
    background-color: #f9f9f9;
    min-width: 300px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 12;
}
        .submenu3ter a {
            padding: 1px 10px;
            white-space: nowrap;
			    line-height: 25px;

        }
        .menu a:hover + .submenu3ter, .submenu2ter:hover {
                display: block;
        }
.colunmafem {
    flex: 50%;
    padding: 10px;
}



.\31 dvsicon {
    color: #007eb7;
}

.\32 dvsicon {
    color: #2196F3;
}

.\32 bdvsicon {
    color: #c70303;
}

.\33 dvsicon {
    color: #ff5500;
}

.LRdvsicon {
    color: #2196F3;
}

.Esdvsicon {
    color: #E91E63;
}

.\31 fdvsicon {
    color: #9C27B0;
}

.\32 fdvsicon {
    color: #dd2dfb;
}
.LRfdvsicon {
    color: #e27af3;
}

.CEdvsicon {
    color: #E91E63;
}

.DHdvsicon {
    color: #4CAF50;
}

.container-fluid.bg-dark.text-white {
    background: #000;
    border-top: solid 5px #fff700;
}


.navbar-toggler {
    margin-top: -100px;
    margin-left: 0;
    background: #fffc97;
    color: #000;
}
nav.navbar {
    background: #2196F3 !important;
    height: 60px;

}

a.nav-link {
    color: #fff!important;
}

.navbar-expand-lg .offcanvas .offcanvas-body {
 /*   display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    justify-content: space-evenly;
	color:#fff*/
}

div#offcanvasNavbar {
    background-color: #000000ba;
    color: #ffffff;
    overflow: inherit;

}
.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

  .navbar-expand-lg .navbar-collapse {
        flex-basis: 100%!important;
    }




@media (max-width:991px) {

nav.navbar {
height: 0px;
}

i.fa-solid.fa-arrow-right.notabletpc {
    /* display: flex; */
    flex-direction: row;
    float: left;
    margin: 6px 12px;
    color: #fffc97;
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    --bs-offcanvas-width: 345px;
}

.offcanvas-backdrop {
    width: 100%;
}

.versionmovil.iniciomovil {
    padding: 20px;
    text-align: center;
}

.versionmovil.redesmovil {
    padding: 20px;
    text-align: center;
}

}

@media (min-width:991px) {
.notabletpc {
    display: none;
}

ul.navbar-nav.menumovil {
    display: none;
}
}

@media (max-width:769px) {
a.redesociales {
    padding: 2px 3px;
    font-size: 25px;
    color: #fffc97;
}
}
/* FIN NAVEGACION */

/* FOOTER */

img.imagenbooton {
    width: 51%;
    height: 114px;
}
p.fortermenu {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    margin: 0px 0 20px;
    text-align: center;
    background: #0063b7;
    padding: 8px;
    border-radius: 19%;
}

a.redesocialesfooter {
    padding: 2px 3px;
    font-size: 30px;
    color: #fffc97;
}
footer.footerinferior {
    background: #000;
}

/*FOOTER*/


/* portada principal */

.w-130 {
    width: 130% !important;
}


.slide-track {
  display: flex;
  width: calc(250px * 14); /* Ajusta el número 14 al número de elementos en tu carrusel */
  animation: scroll 40s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 7)); /* Ajusta el número 7 a la mitad del número de elementos en tu carrusel */
  }
}


.carruselprincipal {
    background: #fff;
    border-radius: 10px;
    width: 94%;
    margin: auto;
    padding: 10px;
}

.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 4.25rem;
    left: 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    background: #00000066;
}

h5.slidercarrusel {
    font-size: 24px;
}

.carousel-fade .carousel-item {
    transition: opacity 1s ease-in-out;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
    opacity: 1;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active.carousel-item-left,
.carousel-fade .carousel-item.active.carousel-item-right {
    opacity: 0;
}

img.sppb-img-responsive {
    display: block;
    width: 30%;
    float: left;
    margin: -5px 5px;
}

span.sppb-meta-category, a.sppb-meta-category {
    font-weight: bold;
    color: #2196F3;
}

h3.article-title {
    font-size: 13px !important;
    font-weight: 400 !important;
    text-decoration: none;
    pointer-events: none;
    cursor: default;
}


.seccionprincipal {
    background:  ;
    width: 93%;
	margin: auto;
}

.publicidamunich {
    padding: 0 0 15px 0;
}

.imgpublicidamunich{
    border-radius: 10px;
}

.imgpublicidamunichbajo {
    border-radius: 10px;
    height: 120px;
    margin: 30px 0 0 0;
}

.imgpublicidamunichinterior {
    border-radius: 10px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}


.carruseldestacado{
    background: #fff;
    border-radius: 10px;
    margin: 0 auto;
    padding: 20px;
	
	
}
.carruselhorarios{
padding: 0px 20px;
	 margin: 0 auto;
}

.Porhorarios  {
    background: #fff;
    border-radius: 10px;
    margin: 0 auto 15px;
 padding: 20px 10px;
}

.Pormundial  {
    background: #fff;
    border-radius: 10px;
    margin: 0 auto 15px;
 padding: 20px 10px;
}




@media (max-width: 769px) {
a.txtblanco {
    font-size: 15px;
    line-height: 0px;
}

.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    background: #00000066;
}

}

.publicidadespecial{
	padding: 0;
	 margin: 0 auto;
}

img.publicidagoogle {
    border-radius: 20px;
}

.Porpublicidad  {
background-color: #7791e85e;
border-radius: 10px;
margin: 0 auto 15px;
padding: 20px 10px;
}

.Porpublicidadslider {
    background-color: #7791e85e;
    border-radius: 10px;
    margin: 20px auto 15px;
    padding: 20px 10px;
}

.PorpublicidadLarga  {
background-color: #7791e85e;
border-radius: 10px;
margin: 20px auto 20px;
padding: 20px 10px;
}


.Poreditorial  {
background-color: #7791e85e;
    border-radius: 10px;
    margin: 0 auto 15px;
 padding: 20px 10px;
}
.anuncio-container {
  width: 100%; /* El contenedor ocupará todo el ancho disponible */
      max-width: 100%;
	      text-align: center;
}

@media (max-width: 769px) {

img.imagenbooton {
    width: 85%;
    height: 114px;
}

.carruseldestacado {
    width: 94%;
}

.carruselhorarios {
    margin: 20px auto;
	    width: 100%;
}
.Pormundial {
    margin: 20px auto 15px;
}
.publicidadespecial {
    width: 94%;
}
}


/* CARRUSEL PRINCIPAL GIRATORIO */
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.slider {
  background: white;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.slider::before, .slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 100px;
  position: absolute;
  width: 50px;
  z-index: 2;
}

.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}

.slider::before {
  left: 0;
  top: 0;
}

.slider .slide-track {
  display: flex;
  width: calc(300px * {{ count($filteredArticles) }} * 2); /* Duplicar el número de elementos */
  animation: scroll 40s linear infinite;
}

.slider .slide {
  height: 75px;
  width: 300px;
  flex-shrink: 0;
}


/*CARRUSEL PRINCIPAL GIRATORIO*/


/* MENU */

li.nav-item {
   margin: 6px 10px;
}

ul.navbar-nav {
    /* display: inline-block; */
    padding: 0px 10px 0px 0px;
    line-height: 60px;
    font-size: 16px;
  margin: auto;
    font-weight: 700;
	color:#fff;
}



@media (max-width: 991px) {
    ul.navbar-nav {
        padding: 0px;
        line-height: 30px;
    }
    ul.navbar-nav a {
        color: #fff;
    }
	
	button.menu-toggle {
    background: #fff0;
    border: 0px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
	margin: 0;
        padding: 0;
}

.fa-caret-down::before {
    content: "\f0d7";
    margin: 0 6px;
}

.fa-caret-up::before {
    content: "\f0d8";
    margin: 0 6px;
}
    button.menu-toggle.primeropelda {
        color: #fffc97;
        font-size: 14px;
        padding: 5px 10px;
    }
a.menutextmovil {
    font-size: 12px;
}

ul.ulmenumovil li {
        padding: 3px;
        margin: -12px;
    }


button.menu-toggle.segundopelda {
    padding: 6px;
    font-size: 13px;
    color: #fffc97;
}

}

@media (min-width: 991px) {
.versionmovil {
    display: none;
}
}




/* FIN MENU */


/*SECCIONES */

.seccionsubmenu {
    text-align: center;
    background-color: #fff;
    flex-direction: row-reverse;
    border: 2px solid #eee;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 0px 14px 0px rgb(0 0 0 / 30%);
      width: 95%;
    padding: 5px;
    margin: auto;
    position: relative;
    z-index: 2;
}

#sp-title-especial {
    padding: 20px 0px 20px 0px;
}

.sp-page-title {
    webkit-box-orient: horizontal;
    flex-direction: row-reverse;
    border: 2px solid #eee;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0 0px 14px 0px rgb(0 0 0 / 30%);
    padding: 30px 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
}



section.seccionsecundario {
  
}

section.seccionlargacompeticion {
   
}


/* FIN SECCIONES */


button.botonAdicional a {
    color: #ffffff !important;
    text-transform: uppercase;
}

div#divFlotante {
    padding: 2px;
}

button.botonAdicional {
	color: #fff;
    font-weight: 700;
	font-size: 11px;
    margin: 0px;
    padding: 2px 8px;
    border-radius: 100px;
    border: 0;
}

.dropdown i.fa-solid.fa-futbol {
    margin: 0 4px;
}


#dropdownBtn1 {
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    margin: 0px;
    padding: 5px 12px;
    border-radius: 100px;
}

button#dropdownBtn1.asturiasmasculino {
    background: #078fc9;
}

button#dropdownBtn2.asturiasfemenino {
    cursor: pointer;
    background-color: #e00085;
}
button#dropdownBtn3.asturiasbase {
    cursor: pointer;
    background-color: #05c36d;
}
button#dropdownBtn4.asturiasbenjamin {
    cursor: pointer;
    background-color: #037e32;
}
button#dropdownBtn5.asturiasprebenjamin {
    cursor: pointer;
    background-color: #048f1e;
}

button#dropdownBtn6.asturiasescolar {
    cursor: pointer;
    background-color: #0021ff;
}
button#dropdownBtn7.asturiasseleccion {
    cursor: pointer;
    background-color: #03A9F4;
}
button#dropdownBtn8.asturiascopas {
    cursor: pointer;
    background-color: #d90f00;
}


#dropdownBtn1 {
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    margin: 0px;
    padding: 5px 12px;
    border-radius: 100px;
}



#dropdownBtn2 {
      cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    margin: 0px;
    padding: 5px 12px;
    border-radius: 100px;
}


#dropdownBtn3 {
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    margin: 0px;
    padding: 5px 12px;
    border-radius: 100px;
}


#dropdownBtn4 {
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    margin: 0px;
    padding: 5px 12px;
    border-radius: 100px;
}


#dropdownBtn5 {
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    margin: 0px;
    padding: 5px 12px;
    border-radius: 100px;
}


#dropdownBtn6 {
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    margin: 0px;
    padding: 5px 12px;
    border-radius: 100px;
}


#dropdownBtn7 {
      cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    margin: 0px;
    padding: 5px 12px;
    border-radius: 100px;
}


#dropdownBtn8 {
     cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    margin: 0px;
    padding: 5px 12px;
    border-radius: 100px;
}

#dropdownBtn9 {
       cursor: pointer;
    background-color: #05c36d;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    margin: 0px;
    padding: 5px 12px;
    border-radius: 100px;
}
#dropdownBtn10 {
       cursor: pointer;
    background-color: #f30000;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    margin: 0px;
    padding: 5px 12px;
    border-radius: 100px;
}
#dropdownBtn11 {
       cursor: pointer;
    background-color: #f39d00;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    margin: 0px;
    padding: 5px 12px;
    border-radius: 100px;
}


button.botonAdicional.dropdownBtnsegundab {
    background: #c9070d;
}


button.botonAdicional.dropdownBtnTercera {
    background: #ff5500;
}

button.botonAdicional.dropdownBtnPrimeraSenior {
    background: #065f36;
}
button.botonAdicional.dropdownBtnSegundaSenior {
    background: #a90580;
}
button.botonAdicional.dropdownBtnHonor {
    background: #05a159;
}
button.botonAdicional.dropdownBtnSegundaDvsFem {
    background: #9107d5;
}
button.botonAdicional.dropdownBtnLigaFemRegional {
    background: #B8058B;
}
button.botonAdicional.dropdownBtnLigaBase {
    background: #0bc56f;
}
button.botonAdicional.dropdownBtnLigaBaseFem {
    background: #ef40ea;
}
button.botonAdicional.dropdownBtn1Ben {
    background: #f5b837;
}
button.botonAdicional.dropdownBtn2Ben {
    background: #00e095;
}
button.botonAdicional.dropdownBtn3Ben {
    background: #ff32cc;
}
button.botonAdicional.dropdownBtnGijon {
    background: #c9070d;
}
button.botonAdicional.dropdownBtnOviedo {
    background: #0d6efd;
}
button.botonAdicional.dropdownBtnAviles {
    background: #07A8C9;
}
button.botonAdicional.dropdownBtnCuencas {
    background: #000;
}
button.botonAdicional.dropdownBtnSiero {
    background: #07A8C9;
}
button.botonAdicional.copaprincipado {
    background: #07A8C9;
}


button.botonAdicional.supercopa {
    background: #c9070d;
}

button.botonAdicional.coparey {
    background: #6bc700;
}

button.botonAdicional.copaespana {
    background: #c9070d;
}

button.botonAdicional.copareina {
    background: #61048f;
}

button.botonAdicional.supercopaf {
    background: #ca14e9;
}

button.botonAdicional.BASEC {
    background: #8BC34A;
}

button.botonAdicional.BASEFEM {
    background: #85558d;
}
button.botonAdicional.BASEC {
    background: #8BC34A;
}

button.botonAdicional.BASEFEM {
    background: #85558d;
}

button.botonAdicional.BASEC {
    background: #8BC34A;
}

  .dropdown {
        display: inline-block;

    }

    .dropdown button {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff700;
        color: white;
        border: none;
        padding: 10px;
        font-size: 16px;
        cursor: pointer;
    }

.dropdown-content {
    display: none;
    position: absolute;
    z-index: 1;
    top: 100%;
}


@media (max-width: 991px) {
.dropdown-content .menu {

background-color: #0000;
    color: #fff;

}

.menu a {
    color: #fff;
}

.submenu a {
    color: #fff;
	background-color: #0000;
}




.menu .section-title {
    margin: 5px 5px;
    line-height: 25px;
    text-align: left;
    border-bottom: 1px solid #43d9cb;
}


    .nav-item:hover .dropdown-content, .nav-item:focus-within .dropdown-content {
        display: block !important;
        background: #00000000;
        color: #fff;
        font-size: 11px;
        /* text-align: left; */
    }



.nav-item:hover .dropdown-content,
.nav-item:focus-within .dropdown-content {
  display: block!important;
}
 .dropdown-content {
    position: relative!important; /* Cambia la posición para pantallas pequeñas */
    min-width: auto!important; /* Ajusta el ancho según sea necesario */
    box-shadow: none!important; /* Elimina la sombra en pantallas pequeñas si es necesario */
  }


 }

.dropdown-content.show {
    display: flex;
	flex-wrap: wrap;
    padding: 10px 10px;
    margin: auto;
    justify-content: center;	
    background: #fff;
 width: 80%;
}


}


@media (max-width: 769px) {

    .nav-item:hover .dropdown-content, .nav-item:focus-within .dropdown-content {
        display: block !important;
        background: #00000000;
        color: #fff;
        font-size: 11px;
        /* text-align: left; */
    }



.nav-item:hover .dropdown-content,
.nav-item:focus-within .dropdown-content {
  display: block!important;
}
 .dropdown-content {
    position: relative!important; /* Cambia la posición para pantallas pequeñas */
    min-width: auto!important; /* Ajusta el ancho según sea necesario */
    box-shadow: none!important; /* Elimina la sombra en pantallas pequeñas si es necesario */
  }


 }

.dropdown-content.show {
    display: flex;
	flex-wrap: wrap;
    padding: 10px 10px;
    margin: auto;
    justify-content: center;	
    background: #fff;
 width: 80%;
}


a.sppb-btn.sppb-btn-custom.sppb-btn-sm.sppb-btn-round.sppb-segundab {
background-color: #a20909;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    margin: 5px;
    padding: 3px 14px;
	border-radius: 100px;
}

a.sppb-btn.sppb-btn-custom.sppb-btn-sm.sppb-btn-round.sppb-tercera {
    background-color: #ff5500;
 color: #fff;
    font-weight: 700;
    font-size: 11px;
    margin: 5px;
    padding: 3px 14px;
	border-radius: 100px;
}

a.sppb-btn.sppb-btn-custom.sppb-btn-sm.sppb-btn-round.sppb-segundafeme {
    background-color: #9107d5;
  color: #fff;
    font-weight: 700;
    font-size: 11px;
    margin: 5px;
    padding: 3px 14px;
	border-radius: 100px;
}

a.sppb-btn.sppb-btn-custom.sppb-btn-sm.sppb-btn-round.sppb-dh {
    background-color: #05c36d;
color: #fff;
    font-weight: 700;
    font-size: 11px;
    margin: 5px;
    padding: 3px 14px;
	border-radius: 100px;
}
a.sppb-btn.sppb-btn-custom.sppb-btn-sm.sppb-btn-round.sppb-territorial {
    background-color: #B8058B;
color: #fff;
    font-weight: 700;
    font-size: 11px;
    margin: 5px;
    padding: 3px 14px;
	border-radius: 100px;
}

a.sppb-btn.sppb-btn-custom.sppb-btn-sm.sppb-btn-round.sppb-territorialmasc {
    background-color: #02910e;
 color: #fff;
    font-weight: 700;
    font-size: 11px;
    margin: 5px;
    padding: 3px 14px;
	border-radius: 100px;
}

.desktop {
  display: none;
}

.mobile {
  display: inline;
}

@media (min-width: 769px) {
  .desktop {
    display: inline;
  }

  .mobile {
    display: none;
  }
}

/*  noticias portada*/

.articuloprincipalimg {
    padding: 10px;
}

.articuloprincipal {
    padding: 10px;
}


.noticiadestacads {
  background: #fff;
    margin: 0;
    border-radius: 10px;
    padding: 20px;
}



.noticiadestacads.noticiasimg {
	position: relative;
    min-height: 325px;
    width: 100%;
    border-radius: 10px;
    color: #fff;
	    display: flex;
    flex-direction: column;
    justify-content: flex-end;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.noticiadestacads.noticiasimg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    opacity: 0.8; /* Ajusta este valor para cambiar la opacidad */
}


.txtblanco {
  color: #fff;
}

.noticiadestacadsDER{
background-color: #FFF;
    border-radius: 10px;
    margin: 0 auto 15px;
    padding: 0;
}

p.categoriaporblanco {
    font-size: 14px;
  text-transform: uppercase;
    font-weight: 700;
    z-index: 5;
}

p.categoriapor {
    font-size: 14px;
  text-transform: uppercase;
    font-weight: 700;
    z-index: 5;
}

.categoriapor a {
    color: #2196F3;
}

.categoriaporblanco a {
    color: #22d6ff;
}


p.fechahorapor {  font-size: 14px;
    font-weight: 700;
    z-index: 5;
}

img.imgarticulopor30 {
    padding: 0 0 10px 0;
	border-radius: 10px;
}

img.imgarticulopor {
    padding: 0 0 10px 0;
	border-radius: 10px;
}


img.imgarticuloporDER {
    width: 37%;
    float: right;
	 padding: 5px;
	 border-radius: 10px;

}
h2.titularport {
    font-size: 17px;
	font-weight: 700;
    z-index: 5;
	line-height: 1.41;
}

h3.titularport {
    font-size: 16px;
    font-weight: 700;
	line-height: 1.41;
}

p.txtdescripcionpor {
    font-size: 14px;
}


h1.sppb-addon-title {
    font-size: 20px;
    line-height: 50px;
    letter-spacing: 0px;
	font-weight: bold;
}

h2.sppb-addon-title {
    font-size: 18px;
	line-height: 50px;
    font-weight: bold;
}

.artcomplementomas h2.sppb-addon-title {
    padding: 0 10px;
}

.artcomplementomas .heading-arrow .sppb-addon-title:after {
    width: 40%;
}
.heading-arrow .sppb-addon-title {
    position: relative;
    display: flex;
    align-items: center;
    color: #231f20;
}

.heading-arrow .sppb-addon-title:after {
        content: "";
    width: 55px;
    height: 2px;
    transition: 0.3s;
    margin-left: 15px;
    margin-top: 10px;
    border-radius: 1px;
	background-color: #2196F3;
}




.parallax {
    background: linear-gradient(45deg, #2196F3 0%, rgb(33 150 243 / 28%) 100%), url(img/imagen_fondo_portada.png);
    height: 500px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}

.parallaximgport{
}
/**/


/*CATEGORIAS*/

p.text-sm.text-gray-700.leading-5.dark\:text-gray-400 {
    display: none;
}


svg.w-5.h-5 {
    width: 15px;
}
.carango-separador {
    margin: 30px 0; /* Ajusta el valor según el tamaño del margen que desees */
    border-top: 1px solid #ddd; /* Opcional: agrega una línea divisoria */
    text-align: center; /* Opcional: centrar el texto de la separación */
    padding: 10px; /* Opcional: añadir un poco de relleno */
}
/*CATEGORIAS*/

/* ARTICULO POR DENTRO*/
.articulo.container {
    background: #fff;
    padding: 25px;
    border-radius: 20px;
}

h1.arttitular {
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    padding: 20px 10%;
    text-align: center;
}

img.artimg {
    width: 100%;
	border-radius: 10px;
  
}

 .article-full-image {
    max-width: 100%;
        text-align: center;
}

.author-date {
     padding: 10px;
    margin: 0 0 15px 0;
    background: #f5f5f5;
    border-radius: 10px;
	    font-size: 15px;
}
.article-caption {
    text-align: right;
    font-size: 15px;
}

.artcuerpo {
    padding: 13px 5px;
	text-align: justify;
            font-size: 1em;
            line-height: 1.5;
}

 .artcuerpo::first-letter {
font-size: 4em;
    font-weight: bold;
    float: left;
    margin-right: 0.1em;
    line-height: 0.4;
        }

.artpublicidad {
   background-color: #7791e85e;
    border-radius: 10px;
    margin: 0 auto 15px;
    padding: 20px 10px;
}


.artactapartido{
   background-color: #7791e85e;
    border-radius: 10px;
    margin: 0 auto 15px;
    padding: 20px 10px;
}

.masnoticias{
    margin: 0 auto;
}

.artcomplementomas {
    background-color: #f5f5f5;
    border-radius: 10px;
    margin: 10px auto 10px;
    padding: 10px;
}

.artcomplementomasUH{
    background-color: #e1f2ff;
    border-radius: 10px;
    margin: 0px auto 10px;
    padding: 10px;
}

.articulo .social-icons {
    font-size: 25px;
    text-align: left;
    margin: 0;
}

.col-12.artdestacadointerior {
    padding: 10px;
}

h1.artmasnoticias {
    font-size: 14px;
    text-align: center;
}

p.txtdescripcionpor {
    font-size: 12px;
    text-align: center;
}

.articulo .categoria {
    text-align: center;
}
.articulo .categoria span{
    font-size: 16px;
    font-weight: 700;
	text-transform: uppercase;
}

.articulo .etiquitas {
    text-align: center;
}
.articulo .etiquitas span{
    font-size: 14px;
    font-weight: 400;
}


a.fab.fa-facebook-square {
    color: #007ae5;
}
a.fab.fa-instagram-square {
    color: #F44336;
}
a.fab.fa-linkedin {
    color: #03A9F4;
}
a.fab.fa-pinterest-square {
    color: #E91E63;
}

@media (max-width: 991px) {
h1.arttitular {
    font-size: 25px;
    padding: 20px 3%;
}

.articulo .social-icons {
    font-size: 25px;
    text-align: center;
    margin: 17px 0 0 0;
}

.articulo.container {
    background: #fff;
    padding: 18px;
    border-radius: 20px;
    margin: auto;
    width: 95%;
}
}



/* ARTICULO POR DENTRO*/

/*  TABLA DE FICHAJES */


table.tablanovedades {
    background-color: #fff;
    border-collapse: separate;
    border-spacing: 0 10px;
    border-radius: 10px;
}

.tablanovedades>thead {
    text-align: center;
}


.dropdown-content.fichajesmenu {
    min-width: 300px;
    left: 56%;
}

.dropdown-content.actualidadn {   
min-width: 300px;
    left: 43%;
}
/* LIVE MARCADORES */


span.livedirecto-dir {
    background: #E91E63;
    font-size: 12px;
    padding: 3px 9px;
    border-radius: 18%;
    margin: -16px 0;
    animation: blink 1.5s linear infinite;
    position: absolute;
    color: #fff;
}

.filtro-live {
    margin: 25px 0;
    padding: 25px;
    display: flex;
    justify-content: center;
    background: #ddd;
}


h3.torneolive.campeonato-de-espana-s-juvenil-sub19-masculino {
    background: #8BC34A;
}
h3.torneolive.campeonato-de-espana-s-cadete-sub16-masculino {
    background: #8BC34A;
}

h3.torneolive.campeonato-de-espana-s-infantil-sub14-masculino {
    background: #8BC34A;
}
h3.torneolive.campeonato-de-espana-s-alevin-sub12-masculino {
    background: #8BC34A;
}

h3.torneolive.campeonato-de-espana-s-benjamin-sub10-masculino {
    background: #8BC34A;
}



h3.torneolive.campeonato-de-espana-s-juvenil-sub19-femenino {
    background: #e466f9;
}
h3.torneolive.campeonato-de-espana-s-cadete-sub16-femenino {
    background: #e466f9;
}

h3.torneolive.campeonato-de-espana-s-infantil-sub14-femenino {
    background: #e466f9;
}
h3.torneolive.campeonato-de-espana-s-alevin-sub12-femenino {
    background: #e466f9;
}

h3.torneolive.campeonato-de-espana-s-benjamin-sub10-femenino {
    background: #e466f9;
}




h3.torneolive.\31 a-liga-territorial {
    background: #4CAF50;
}

h3.torneolive.\32 a-liga-territorial {
    background: #673AB7;
}

h3.torneolive.\31 a-benjamin, h3.torneolive.\31 a-pre-benjamin {
    background: #FFC107;
}

h3.torneolive.\32 a-benjamin, h3.torneolive.\32 a-pre-benjamin {
    background: #00e095;
}

h3.torneolive.\33 a-benjamin, h3.torneolive.\33 a-pre-benjamin {
    background: #ff32cc;
}


h3.torneolive.\31 a-division-futsal, h3.torneolive.\31 ª-división-futsal{
    background: #0345bf;
}

h3.torneolive.\32 a-division-futsal, h3.torneolive.\32 ª-división-futsal{
    background: #078fc9;
}


h3.torneolive.\31 a-division-femenina, h3.torneolive.\31 ª-división-femenina {
    background: #61048f;
}


h3.torneolive.\32 a-division-femenina, h3.torneolive.\32 ª-división-femenina{
    background: #9107d5;
}


h3.torneolive.\32 ab-division-futsal, h3.torneolive.\32 ªb-división-futsal {
    background: #bd0f0f;
}

h3.torneolive.division-de-honor-juvenil-futsal, h3.torneolive.división-de-honor-juvenil-futsal {
    background: #05c36d;
}


h3.torneolive.\33 a-division-futsal, h3.torneolive.\33 ª-división-futsal{
    background: #ff5500;
}

h3.torneolive.liga-regional-femenina, h3.torneolive.liga-regional-femenina {
    background: #b8058b;
}
h3.torneolive.\31 a-asturfutsal, h3.torneolive.\31 ª-asturfutsal{
    background: #02910e;
}

h3.torneolive.\32 a-asturfutsal, h3.torneolive.\32 ª-asturfutsal{
    background: #9107d5;
}



h3.torneolive.campeonato-de-espana-clubes-juvenil-femenino{
    background: #673AB7;
}
h3.torneolive.campeonato-de-espana-clubes-cadete-femenino{
    background: #673AB7;
}
h3.torneolive.campeonato-de-espana-clubes-infantil-femenino{
    background: #673AB7;
}
h3.torneolive.campeonato-de-espana-clubes-alevin-femenino{
    background: #673AB7;
}
h3.torneolive.campeonato-de-espana-clubes-benjamin-femenino{
    background: #673AB7;
}

h3.torneolive.campeonato-de-espana-clubes-juvenil {
	  background: #009688;
}


h3.torneolive.campeonato-de-espana-clubes-cadete {
	  background: #009688;
}

h3.torneolive.campeonato-de-espana-clubes-infantil {
	  background: #009688;
}

h3.torneolive.campeonato-de-espana-clubes-alevin {
	  background: #009688;
}

h3.torneolive.campeonato-de-espana-clubes-benjamin-masculino {
	  background: #009688;
}

h3.torneolive {
    color: #fff;
    font-size: 18px;
    padding: 12px 0;
    text-align: center;
    border-radius: 10px;
    margin: 5px 0;
	    font-weight: bold;

}

h5.jornada {
color: #000;
    font-size: 17px;
    padding: 12px 0;
    text-align: center;
    border-radius: 10px;
    margin: 10px 0;
    background: #c7c7c7;
    font-weight: bold;
}

.match-container {
    padding: 10px 0;
    width: 100%;
    margin: auto;
    border-radius: 8px;
}

.match-container-2 {
    padding: 10px 0;
    width: 100%;
    margin: 0 0px;
    border-radius: 8px;
}

.score-container {
    /* Estilos para el marcador */
    background-color: #f0f0f0; /* Fondo sutil */
    border-radius: 5px;        /* Bordes redondeados */
    padding: 5px;              /* Espaciado interno */
}

.horarios-live {
    text-align: center;
}

.live-home {
    text-align: right;
	font-size: 14px;
}

.live-fuera {
    text-align: left;
	font-size: 14px;
}

button.livebtn.btn-favorite .fa-heart {
    color: #000;
}


a.textosro {
    font-size: 13px;
    margin: 0px 13px;
}


button.livebtn.btn-favorite.btn-danger .fa-heart {
    color: #E91E63;
}



.bloque-live {
    background: #fff;
    padding: 15px 10px 20px;
    border-radius: 10px;
	    margin: 25px 0;
}
.resultados-live {
    border-radius: 10px;
    padding: 9px;
    text-align: center;
font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: flex;
    justify-content: center;
}


p.score.marcador-live.directolive{

 background: #000000;
}

p.score.marcador-live.partidosuspendido{
 background: #8f8d8d;
}
p.score.marcador-live.partidosinjugar{
 background: #2196F3;
}

p.score.marcador-live.partidojugado{
 background: #009688;
}

a.coloresultadoslive{
 color: #fff;
}

p.score.marcador-live {
    margin: 0px;
  /*  background: #2196F3;*/
    border-radius: 10px;
    width: 50%;
    display: flex;
    justify-content: center;
    padding: 4px;
    color: #fff;
}
button.livebtn.btn-favorite {
    padding: 0px;
    border: 0px;
    background: none;
}

a#matchday-tab {
    background: #9E9E9E;
}


a#matchday-tab.nav-link.active {
    background: #2196F3;
}

a#favorites-tab {
    background: #9E9E9E;
}

a#favorites-tab.active {
    background: #2196F3;
}

.tab-live {
    /* text-align: center; */
    display: flex;
    justify-content: center;
}


@media (max-width: 991px) {
	
	span.livedirecto-dir {
    font-size: 8px;
    padding: 1px 4px;
    border-radius: 18%;
    margin: -16px 0;
}
	
p.score.marcador-live {
    margin: 0px;
    background: #2196F3;
    border-radius: 10px;
        width: 100%;
    display: flex;
    justify-content: center;
    padding: 4px;
    color: #fff;
}

h5.jornada {
    color: #000;
    font-size: 12px;
    padding: 12px 0;
    text-align: center;
    border-radius: 10px;
    margin: 10px 0;
    background: #c7c7c7;
    font-weight: bold;
}

.resultados-live {

    padding: 9px;
font-size: 12px;

}

.horarios-live {
    text-align: center;
    font-size: 12px;
}

.live-home {
    text-align: center;
	font-size: 12px;
}

.live-fuera {
    text-align: center;
	font-size: 12px;
}

}
.btn-favorite .fa-heart {
    /* Estilo para el icono de favorito cuando está marcado */
    color: red;
}

/* FINAL LIVE MARCADORES */

/* COMPETICION */

.tabcompeticion .nav-link {
    background-color: #dbdbdb; 
    color: black; 
}

.tabcompeticion .nav-link.active {
border-bottom: 2px solid #f72c1d;
}


.tabcompeticion {
    padding: 0px;
    font-size: 14px;
    font-weight: bolder;
}

ul.formaequipos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0px;
    padding: 5px;
}

.piconoclas {
    padding: 1px;
    text-align: center;
}
/* Estilo para el tooltip */
.result-tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* Estilo para el contenido del tooltip */
.tooltip-content {
    visibility: hidden;
    width: auto;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
}

/* Mostrar el tooltip cuando el cursor pasa por encima */
.result-tooltip:hover .tooltip-content {
    visibility: visible;
    opacity: 1;
}

a.jornombre {
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    margin: 10px;
}

a.jorfechatex {
	 color: #000000;
    font-weight: bold;
    font-size: 13px;
    margin: 10px;
	text-transform: capitalize;
}

.row.jorfecha.viernes {
    background: #6ad3e978;
}
.row.jorfecha.sábado {
    background: #b3b8e8c2;
}

.row.jorfecha.domingo {
    background: #c5f1a6cf;
}

.row.jorfecha.lunes {
    background: rgba(255, 240, 155, 0.88);
}
.row.jorfecha.martes {
    background: rgba(255, 240, 155, 0.88);
}

.row.jorfecha.miércoles {
    background: #ffc1079e
}

.row.jorfecha.jueves {
    background: rgba(255, 240, 155, 0.88);
}


h1.sp-page-title-heading {
    font-size: 19px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.3;
    text-align: center;

}

.sp-page-title .sp-page-title-sub-heading {
    font-size: 13px;
    font-weight: inherit;
    line-height: 1;
    margin-top: 14px;
    text-align: center;	
	color: #ffffff;
}


.menuescudo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 9px;
    box-shadow: 0 0px 9px 0px rgb(0 0 0 / 20%);
    background-color: #fff;
    padding: 5px 0 1px 0;
    margin: 0;
    border: 2px solid var(--bs-gray-500);
}

.competicionmenu {
-webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 9px;
    box-shadow: 0 0px 9px 0px rgb(0 0 0 / 20%);
    background-color: #ddd;
    padding: 5px 0 1px 0;
    margin: 0;
    border: 2px solid var(--bs-gray-500);
}

.logocompeticion {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 9px;
    box-shadow: 0 0px 9px 0px rgb(0 0 0 / 20%);
    background-color: #fff;
    /* padding: 0 0 0 0; */
    margin: 0px 15px 0 0;
    border: 2px solid var(--bs-gray-500);
    text-align: center;
}

img.logocomp {
    width: 100%;
    margin: 7px 0;
}

button.accordion-button.collapsed {
    background: #0467ae;
    color: #ffffff;
}
.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
    background: #02095f;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    /* text-align: center; */
}


.accordion-item {
    background-color: #fff;
    border: var(--bs-accordion-border-width) solid #ffffff00;
    margin: 10px 0 0 0;

}
td.leyedascomp {
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}



/* Colores de fondo para cada campo */
td.campo-campeon { background-color: #22e405; } 
td.campo-playofftitulo { background-color: #fcbf47; }
td.campo-playoffascenso { background-color: #b1e405; } 
td.campo-descenso { background-color: #f06c6c; } 
td.campo-playoffdescenso { background-color: #fff2e6; } 
td.campo-copalocal { background-color: #b0baf1; }
td.campo-coparey { background-color: #ffd000; } 
td.campo-mejorcoparey { background-color: #ffe6e6; } 
td.campo-copareina { background-color: #ffd000; }
td.campo-mejorcopareina { background-color: #d1ab03ab; } 
td.campo-campespana { background-color: #ffe6e6; } 
td.campo-retirado { color:#fff; background-color: #000; } 


@media (max-width: 991px) {
	
	.container.containeespecialtablet {
    max-width: 100%;
}
	
    .jorteamlocal {
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    }
    .jornomequihome {
        order: 2;
    }
    .jorimg {
        order: 1;
    }
	.jorteamvisitante {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-evenly;
    align-items: center;
	}
	a.jornomequifuera {
    text-align: center;
	}
	a.jornomequihome {
    text-align: center;
	}
	img.logocomp {
    width: 70%;
    margin: 7px 0;
	}
}


@media (max-width: 768px) {
	
	.logocompeticion {
    display: none;
}
	img.logocomp {
    width: 70%;
    margin: 7px 0;
}
	}

/*.jornomequihome {
    display: flex;
    justify-content: space-evenly;
}

.escresul {
    display: flex;
    float: right;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-evenly;
}*/

/* FIN COMPETICION */


/* COMPETICION CALEDARIO */
    .matchday-container {
        display: flex;
        flex-wrap: wrap;
    }

    .matchday {
        width: 48%; /* Ajusta el ancho según sea necesario */
        margin: 1%;
        box-sizing: border-box;
    }

/* FIN COMPETICION CALEDARIO */

/* COMPETICION OFICIAL*/

.jorresultados.live {
    background: #000 !important;
}

.jorresultados.desconocido {
    background: #575757 !important;
}

.jorresultados.nopresentado{
    background: #710505 !important;
}

.jorresultados.aplazado{
    background: #575757 !important;
}
.jorresultados.retirado{
    background: #000 !important;
}

.jorresultados.Envianos{
    background: #E91E63 !important;
}

.jorresultados.Sinmarcador{
    background: #E91E63 !important;
}

@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

.livedirecto {
	background: #E91E63;
    font-size: 12px;
    padding: 2px;
    border-radius: 18%;
    margin: -16px 0;
  animation: blink 1.5s linear infinite;
}


.jorcompeticion {
    padding: 10px;
}

.jorfecha {
      background: #fff09be0;
    border-top-left-radius: 20px;
    border: 2px solid #ddd;
    padding: 5px;
}

.jorpoli {
    background: #ddddddc2;
    text-align: center;
	    font-size: 14px;
}

.jorequipos {
    background: #f4f4f4;
    border-bottom-right-radius: 20px;
    border: 2px solid #ddd;
	margin-bottom: 10px;
}

.jorteamlocal {
    text-align: right;
    padding: 10px;
}

.jorteamvisitante {
    text-align: left;
    padding: 10px;
}

img.jorimg {
    min-width: 50px;
    margin-bottom: 0;
    box-shadow: none;
    width: 50px;
    border-radius: 15px;
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 6px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


a.jornomequihome {
    vertical-align: middle;

    font-size: 14px;
    font-weight: bold;
    color: #000;
}

a.jornomequifuera {
    vertical-align: middle;

    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.jorresultados {
    margin: 0 auto;
    border-radius: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #fff!important;
    text-align: center;
    word-spacing: 0px;
    background: #063070;
    height: 45px;
    border-radius: 22%;
    justify-content: space-around;
    margin: 15px auto!important;
    padding: 0px 0px !important;
    display: flex!important;
    align-items: center;
    flex-direction: column;
	width: 90px;
}


@media (max-width: 991px) {
 
 .jorresultados {
    margin: 30px auto!important;
	        width: 70px;

	}
	
}

@media (max-width: 768px) {
 
 .jorresultados {
    margin: 30px auto!important;
   width: 50px;
           font-size: 15px;
	}
	
a.jornomequihome {
    font-size: 14px;
}

a.jornomequifuera {
    font-size: 14px;
}
	
}


img.escudomenus {
    width: 35px;
}
/* FIN COMPETICION OFICIAL*/

/* CLASIFICACION */

td.clasequipo {
    white-space: nowrap;
}

td.claspuesto {
    font-weight: bold;
}

td.clasforma {
    padding: 0px 15px !important;
    width: 10%;
    margin: 0 auto;
}


table.clasificacionprincipal {
    width: 100%;
	   border-bottom: 0px solid rgba(0, 0, 0, 0.1) !important;
	   --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    vertical-align: top;
    border-color: #fff;
}

table.clasificacionprincipal>tbody>tr:nth-of-type(odd) {
   --bs-table-accent-bg: none !important;
    color: var(--bs-table-striped-color);
	background-color: #f2f2f2;
}

table.clasificacionprincipal>tbody>tr:nth-of-type(even) {
  --bs-table-accent-bg: none !important;
    color: var(--bs-table-striped-color);
	background-color: #f1f1f187;
}

.cansorttbl {
    background-image: url(https://d39w6rsn7yf8f8.cloudfront.net/images/Logos-web/solo-futsal-fondo-tabla-clasificacion.png);
    background-size: 200px;
    background-position: right bottom;
    background-repeat: no-repeat;
}

td.jsalcenter.posiciontabla {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}



table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
    text-align: center!important;
}

td.jsalcenter.jsNoWrap.PJ {
    color: #000;
    font-weight: 700;
    background: #dddada7d;
}
td.jsalcenter.jsNoWrap {
    font-size: 17px !important;
    border-right-width: 1px;
    border-bottom-width: 2px;
    border-left-width: 1px;
}

table.dataTable {
    width: 100% !important;
}

@media (max-width: 769px) {
img.jorimg {
    min-width: 40px;
    width: 40px;
}

table.dataTable>tbody>tr>th, table.dataTable>tbody>tr>td {
    padding: 0px 4px!important
}

}

@media (max-width:991px) {

.equipos a {
    font-size: 13px;
}

td.clasforma {
    padding: 0px 0px !important;
    width: 11%;
}


td.claspuesto {
    font-weight: bold;
    font-size: 14px;
}

th.claspuesto{
    padding-right: 10px!important;
}
}
/* CLASIFICACION */

a.coloresultados {
    color: #fff;
}

a.puntos {
    color: #fff !important;
    padding: 11px;
    font-weight: 700;
    border-radius: 20%;
}

/* FIN CLASIFICACION */

/* CALENDARIO*/

img.jorimgcale {
    min-width: 30px;
    width: 30px;
}

h3.fechacalendario {
    font-size: 15px;
    text-transform: capitalize;
    text-align: center;
    padding: 9px;
    font-weight: bold;
	border-radius: 10px;
}

h3.viernes {
    background: #d2f9fd;
}
h3.sábado {
    background: #dbdbdb;
}

h3.domingo {
    background: #d2fdd6;
}


h3.lunes {
    background: #f9f4c1;
}
h3.martes {
    background: #f9f4c1;
}

h3.miércoles {
    background: #f9f4c1;
}


h3.jueves {
    background: #f9f4c1;
}


h2.compcalendario {
padding: 0px;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    margin: 4px;
	    color: #fff;
}

.homecal {
    text-align: right;
	    font-size: 14px;

}


.fueracal {
    text-align: left;
	    font-size: 14px;

}

.partidoscale {
    text-align: center;
	font-size: 14px;
}

li.equiposcalendariotex {
    text-align: center;
}

.livedirectocale {
position: absolute;
    top: -1px;
    left: 47%;
    z-index: 2;
    background: #ff0000b3;
    color: white;
    padding: 1px 8px;
    border-radius: 7px;
    font-size: 9px;
    font-weight: bold;
    animation: blink 1.5s linear infinite;
}

.estadopartidosdiferentes{
position: absolute;
    top: -1px;
    left: 47%;
    z-index: 2;
    background: #000;
    color: white;
    padding: 1px 8px;
    border-radius: 7px;
    font-size: 10px;
    font-weight: bold;
}



.coloresultadoscallive {
    position: relative;
    z-index: 1;
    display: inline-block;
}
a.coloresultadosapla {
    color: #fff;
    font-weight: 700;
    background: #575757 ;
    padding: 6px;
    text-align: center;
    margin: 8px;
    border-radius: 10px;
    font-size: 10px;
}

a.coloresultadoscal {
    color: #fff;
    font-weight: 700;
    background: #000;
    padding: 6px;
    text-align: center;
    margin: 8px;
    border-radius: 10px;
    font-size: 12px;
}

a.coloresultadoscallive {
    color: #fff;
    font-weight: 700;
    background: #000;
    padding: 3px 5px;
    text-align: center;
    margin: 4px;
    border-radius: 10px;
    font-size: 12px;
}

a.botonescalendario.btn {
    color: #fff;
    margin: 3px;
    padding: 4px;
    width: 30px;
    font-size: 14px;
    font-weight: bold;
}

@media (max-width:991px) {
	
	a.coloresultadoscal {

    padding: 6px;
    text-align: center;
    margin: 4px;

}
	
	
.livedirectocale {
    
    left: 46%;
}


.estadopartidosdiferentes{

    top: 0px;
    left: 46%;
}

a.botonescalendario.btn {
 
}

}
/*CALENDARIO*/




/* actas */


.jsMatchHeaderDatos {
    padding: 7px 25px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.marcadoractaprincipal {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pabellonacta {
    text-align: right;
}

.jornadaacta {
    text-align: center;
}

.teamlocalacta {
    display: flex;
    align-items: center;
}

.teamvisitanteacta {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

h2.marcadoracta {
    background: #2196F3;
    font-size: 34px;
    border-radius: 20px;
    text-align: center;
    font-weight: bold;
    width: 100%;
    padding: 10px;
    color: #fff;
}

@media (max-width:1200px) {
h2.marcadoracta {
    font-size: 20px;
}
}



img.img-fluid.actalogo {

    min-width: 100%;
    margin-bottom: 0;
    box-shadow: none;
    border-radius: 15px;
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 6px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.actaoficial {
    background: #fff;
    padding: 15px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.actatex {
    text-align: center;
    color: #fff;
    font-weight: bold;
}


h6.titularestext {
    text-align: center;
    background: #2196F3;
    color: #fff;
    padding: 6px;
    border-radius: 10px;
}

h6.suplentetext {
    text-align: center;
    background: #026d07;
    color: #fff;
    padding: 6px;
    border-radius: 10px;
}

img.img-fluid.actalogojugador {
    min-width: 40px;
    border-radius: 15px;
    padding: 6px;
    border: 1px solid #ddd;
    -o-transition: all 0.2s ease-in-out;
    margin: 4px;
}

ul.actaofijugad {
    list-style: none;
}

.marcador {
    background: #2196F3;
    color: #fff;
    font-size: 14px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    padding: 5px;
    margin: 0 5px;
}
.localesestadi {
    text-align: right;
    font-size: 15px;
	text-align: right;
  /*  background: linear-gradient(90deg, #0b5aa500 0%, #2196F3 35%, #2196F3 100%);
	    color: #fff;*/
    display: flex;
    align-content: center;
    align-items: center;
justify-content: flex-end;
}

.visitanteestadi {
    text-align: left;
    font-size: 15px;
    /* text-align: left; */
   /* background: linear-gradient(90deg, #2196F3 0%, #2196F3 35%, #0b5aa500 100%);
    color: #fff;*/
    display: flex;
    align-content: center;
    align-items: center;
    padding: 0 10px;
}

ul.estadactaofici {
    padding: 0;
    margin: 0;
}
li.estadisticasacta {
    padding: 6px;
}

img.imaglogogol {
    margin: 7px;
}


h2.marcadorpreviaacta {
    background: #2196F3;
    font-size: 25px;
    border-radius: 20px;
    text-align: center;
    font-weight: bold;
    width: 100%;
    padding: 10px;
    color: #fff;
}

h4.titulartext {
    text-align: center;
    background: #2196F3;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    font-size: 17px;
    font-weight: bold;
}


.matches-list {

}


.match-item {

}

.match-date {
    background: #ebebeb;
    padding: 3px;
    width: 96%;
    margin: auto;
    text-align: center;
    font-size: 15px;
	border-radius: 6px;
	    font-weight: bold;
}
.jornada {
  
}

.match-details-previa {
    width: 96%;
    padding: 3px;
    margin: auto;
}

.team-name-previa-local {
color: #000;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.team-name-previa-visitante {
	color:#000;
    font-size: 14px;
	    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.scoreprevia {
    color: #fff;
    font-weight: 700;
    background: #00BCD4;
    padding: 5px;
    text-align: center;
    margin: 0;
    border-radius: 10px;
    font-size: 12px;
}

/* final actas */


/* CLUBES DATOS CATEGORIA */


.topest {
    border-radius: 10px;
    text-align: center;
}

.imagecategest {
    border-radius: 10px;
    height: 450px;
}

h1.topestadi.card-title {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    padding: 12px;
}

td.datosjonr {
    padding: 20px;
}

td.datosfecha {
    padding: 20px;
}


.team-cards-container {
    display: flex; /* Distribuye las tarjetas horizontalmente */
    flex-wrap: wrap; /* Ajusta las tarjetas en varias filas si es necesario */
    justify-content: center; /* Centra las tarjetas horizontalmente */
}

.team-card {
    display: flex;
    flex-direction: column;
    margin: 10px; /* Espacio entre las tarjetas */
    border: none; /* Elimina el borde */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Añade una sombra suave */
    overflow: hidden;
    position: relative;
    border-radius: 10px; /* Añade bordes redondeados */
}

.team-logo {
    background-color: #ffffff;
    color: white;
    padding: 15px;
    text-align: center;
    position: absolute; /* Posiciona el logo sobre la imagen */
    top: 60%; /* Centra verticalmente */
    left: 50%; /* Centra horizontalmente */
    transform: translate(-50%, -50%); /* Ajusta la posición del logo */
    border-radius: 50%; /* Haz que el fondo del logo sea redondo */
    width: 80px; /* Ajusta el ancho del logo */
    height: 80px; /* Ajusta el alto del logo */
    display: flex;
    justify-content: center;
    align-items: center;
}

.team-logo img {
    max-width: 100%; /* Ajusta el tamaño del logo */
    height: auto;
    z-index: 2;
}

.team-name {
    display: flex;
 
    color: white;

    text-align: center;
    justify-content: center;
    border-top: solid 5px #ffffff;
}

.team-name h2 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 50px 0px;
}

.image-container {

}

.image-container img {
width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.8); /* Oscurece un poco la imagen de fondo */
}


/* FINAL CLUBES DATOS CATEGORIA */

/* FICHA DATOS CLUBES */


.jornadayfechacale {
    text-align: center;
}

span.datosjonr {
    font-weight: bold;
    padding: 0 10px;
	font-size: 14px;
}

span.datosfecha {   
    padding: 0 10px;
	font-size: 14px;
	text-transform: capitalize;
}


  .filapartidocale:nth-child(odd) {
        background-color: #f8f9fa; /* Color para filas impares */
		border-radius:15px;
    }
    .filapartidocale:nth-child(even) {
        background-color: #e9ecef; /* Color para filas pares */
		border-radius:15px;
    }


.row.filapartidocale {
    display: flex;
    height: 60px;
    align-items: center;
	    margin: 10px 0;
}

.calendariopartidoslocal {
    text-align: right;
}

.calendariopartidosvisitantes {  
text-align: left;
}

.marcadorescalendario {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
	border-radius: 15px;
	margin: 10px;
}

p.textodescriclub {
    padding: 28px 0 0 0;
}
p.clubimgtex {
    text-align: center;
}

a.textodatosnombre {
    color: #fff;
}

.jornomequihomecal{

    font-weight: bold;
	font-size: 14px;
}

.jorimgcal{
    min-width: 50px;
    margin-bottom: 0;
    box-shadow: none;
    width: 50px;
    border-radius: 15px;
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 6px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

/* Colores suaves para las columnas */
td.columna-pj {
    font-weight: bold;
    font-size: 16px;
    background: aliceblue;
}

td.columna-goles {
	
    background-color: #f0f0f0; /* Gris suave para goles */
}

td.columna-amarilla {
    background-color: #fff3cd; /* Amarillo suave */
}

td.columna-roja {
    background-color: #f8d7da; /* Rojo suave */
}

td.columna-doble-amarilla {
    background-color: #ffe5b4; /* Naranja suave */
}
.jorimgcaljugador {
    min-width: 0px;
    margin-bottom: 0;
    box-shadow: none;
    width: 50px;
    border-radius: 15px;
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 8px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


@media (max-width:1200px) {

.jornadayfechacale {
    font-size: 12px;
}

a.jornomequihomecal {
    font-size: 11px;
}

.marcadorescalendario {
    font-size: 14px;
}

}


@media (max-width:992px) {

.row.filapartidocale {
height: 120px;
        padding: 5px 0;
}

 .marcadorescalendario {
        margin: 9px 5px;
        font-size: 15px;
}
.jorcompeticioncal {
    padding: 0;
	    margin: 0 -20px;
}
}



@media (max-width:769px) {

img.jorimgcal {
        min-width: 60px;
        width: 60px;
	
    }
}

/* fin datos clubes*/


/*SISTEMA  DE COPAS*/

table.competition-table.cuadrocompetb {
    width: 100%;
}

.cuadroscore12 {
    float: right;
}
.cuadroteam1 {
    float: left;
}
i.fas.fa-check-circle.icon-left {
 margin: 0 6px 0 -21px;
    FLOAT: left;
	color: #05ff1a;
	
}
i.fas.fa-check-circle.icon-right {
    margin-left: 6px;   
    position: absolute;
	color: #05ff1a;
}
.result {
    font-weight: bold; /* Hace que el resultado sea más destacado */
}

span.penalty-results {
    background: #000;
    margin: 0;
    padding: 3px 11px;
    font-size: 14px;
    border-radius: 10px;
}
a.coloresultados {
    color: #fff;
    margin: 7px 0;
}

p.posicionpenalti {
    margin: -4px;
}

i.fas.fa-check-circle.icon-leftpenal {
    margin: -44px -40px;
	color: #05ff1a;
    position: absolute;
}

i.fas.fa-check-circle.icon-rightpenal {
    margin: -44px 23px;
	color: #05ff1a;
    position: absolute;
}


/*SISTEMA  DE COPAS*/

table.competition-table.cuadrocompetb {
    width: 100%;
}

.cuadroscore12 {
    float: right;
}
.cuadroteam1 {
    float: left;
}
i.fas.fa-check-circle.icon-left {
 margin: 0 6px 0 -21px;
    FLOAT: left;
	color: #05ff1a;
	
}
i.fas.fa-check-circle.icon-right {
    margin-left: 6px;   
    position: absolute;
	color: #05ff1a;
}
.result {
    font-weight: bold; /* Hace que el resultado sea más destacado */
}

span.penalty-results {
    background: #000;
    margin: 0;
    padding: 3px 11px;
    font-size: 12px;
    border-radius: 10px;
}

span.penalty-results.ida {
    color: #fff;
    font-weight: bold;

}

span.global-results {
    background: #f10000;
    margin: 0 10px;
    padding: 3px 11px;
    font-size: 12px;
    border-radius: 10px;
}

span.global-results.ida {
    color: #fff;
    font-weight: bold;
}

span.EliminatoriaPasada {
    background: #000;
    margin: 0 10px;
    padding: 3px 11px;
    font-size: 12px;
    border-radius: 10px;
}
a.coloresultados {
    color: #fff;
    margin: 7px 0;
}
.montarencimadediv {
    display: block !important;
    visibility: visible !important;
}
i.fas.fa-check-circle.colorverdepasar {
    color: #4CAF50;
    margin: 0 12px;
    font-size: 18px;
}

i.fas.fa-check-circle.colorverdepasariz {
    color: #4CAF50;
    margin: 0 12px;
    font-size: 18px;
}
p.posicionpenalti {
    margin: -4px;
}

i.fas.fa-check-circle.icon-leftpenal {
    margin: -44px -40px;
	color: #05ff1a;
    position: absolute;
}

i.fas.fa-check-circle.icon-rightpenal {
    margin: -44px 23px;
	color: #05ff1a;
    position: absolute;
}

@media (max-width:767px) {

.icon-left {
	margin: 0px 12px 0 -28px;
    FLOAT: left;
}
.icon-right {
    margin-left: 12px;   
    position: absolute;
}

i.fas.fa-check-circle.icon-leftpenal {
    margin: -44px -43px;


}

i.fas.fa-check-circle.icon-rightpenal {
    margin: -44px 27px;

}

p.posicionpenalti {
    margin: 0px;
}

span.penalty-results {
    padding: 5px 6px;
}
}

/* plantilla datos clubes */
/* plantilla datos clubes */


/* Estilos personalizados para las tarjetas de los jugadores */
.position-title {
    font-weight: bold;
    border-bottom: 2px solid #000;
    padding-bottom: 11px;
    font-size: 20px;
}

.player-card {
    border: none;
    background-color: #f8f9fa;
    transition: transform 0.2s;
}

.player-card:hover {
    transform: translateY(-10px);
}

.player-photo img {
    width: 100%;
    height: auto;
}

.player-info {
    background-color: #fff;
}

.player-name {
    font-weight: bold;
    color: #333;
}

.player-info ul {
    padding: 0;
    list-style: none;
}

.player-info ul li {
    margin: 5px 0;
    font-size: 14px;
    color: #555;
}


/* Estilos generales de la tabla */
.table {
    background-color: #fff; /* Fondo blanco */
    border-collapse: separate; /* Separar bordes de celdas */
    border-spacing: 0 10px; /* Espacio entre filas */
}

.table th, .table td {
    border: none; /* Eliminar bordes de las celdas */
    padding: 12px 15px; /* Ajustar el padding */
    vertical-align: middle; /* Alinear verticalmente el contenido */
}

.table th {
    background-color: #f8f9fa; /* Color de fondo del encabezado */
    font-weight: bold;
}

@media (max-width:1200px) {

.team-logo {
    top: 55%;
	    font-size: 12px;
}

}


@media (max-width:1024px) {

.team-logo {
    top: 52%;
	    font-size: 12px;
}

}


@media (max-width:767px) {

.team-logo {
    top: 56%;
	    font-size: 12px;
}
}
/* fin plantilla datos clubes */


/*MUNDIAL*/

h3.fasefinalmundial {
    text-align: center;
    margin: 30px 0;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
    border-bottom: solid 3px #000;
}


.mundialfutsal {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
	width: 96%;
}

.tabmundial {
    padding: 0px 0;
    background: #f3f3f3;
    margin: 0 0 20px 0;
    border-radius: 10px;
}


.tabcompetimuncial {
    padding: 15px;
}

h2.clasificacionmundial {
    text-align: center;
    margin: 30px 0;
    font-size: 20px;
    font-weight: bold;
	    text-transform: uppercase;

}

.mundial td.jsalcenter.posiciontabla.celdaclasi1 {
    box-shadow: inset 5px 0 0 0 #0a9957;
    background: #a1fb9782;
	    font-weight: bold;

}

.mundial td.jsalcenter.posiciontabla.celdaclasi2 {
  box-shadow: inset 5px 0 0 0 #b1e405;
    background: #a7ff0052;
	    font-weight: bold;

}

.mundial td.jsalcenter.posiciontabla.celdaclasi3 {
    box-shadow: inset 5px 0 0 0 #efc50a;
    background: #ffd00047;
	    font-weight: bold;

}


td.jsalcenter {
    text-align: center;
}

th.jsalcenter {
    text-align: center;
}

td.jsalcenter.jsNoWrap.equipos {
    text-align: left;
}


.categoria-302 td.claspuesto.celdaclasi1 {
    box-shadow: inset 5px 0 0 0 #0a9957;
    background: #a1fb9782;
}
/*TERRITORIAL Y CLUBES */


h3.sedeprevia {
    text-align: center;
    margin: 12px -17px;
    padding: 14px 0;
    font-size: 19px;
    font-weight: bold;
    background: #ddd;
    border-radius: 15px;
}

h4.sedefinales {
    text-align: center;
    margin: 12px -17px;
    padding: 14px 0;
    font-size: 19px;
    font-weight: bold;
    background: #8bc34a;
    border-radius: 15px;
    COLOR: #FFF;
    text-transform: uppercase;
}



@media (max-width: 769px) {
	
	
    .imagelocalacta {
        order: 1;
    }
    .teamlocalacta {
        order: 2;
    }
    .marcadoractaprincipal {
        order: 3;
    }
    .teamvisitanteacta {
        order: 4;
    }
    .imagevisitanteacta {
        order: 2;
    }

    /* Opcional: Asegura que el diseño se adapte correctamente */
    .row {
        display: flex;
        flex-wrap: wrap;
    }
	
	h2.marcadoracta {
    font-size: 30px;
    margin: 30px;
	}
	
	/* Ordenar las columnas en móviles */
    .fechapartidoacta {
        order: 2;
    }

    .jornadaacta {
        order: 1;
    }

    .pabellonacta {
        order: 3;
    }

h5.teamvisitanteactatext {
    /* text-align: right; */
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

h5.teamlocalactatext {
    display: flex;
    align-items: center;
    justify-content: flex-start;
	    font-size: 17px;
}

    h2.marcadorpreviaacta {
        font-size: 17px;
        margin: 30px 40px 12px;
    }
	
	
.team-name-previa-local {
        font-size: 12px;
        display: flex;
        align-items: flex-start;
        text-align: end;
    }
.team-name-previa-visitante {
        font-size: 12px;
        display: flex;
        align-items: flex-start;
        text-align: left;
    }
.scoreprevia {

    font-size: 13px;
}

.match-date {
    font-size: 12px;

}
}

@media (max-width:991px) {

.nomovil991 {
    display: none;
}

h5.teamvisitanteactatext {
    /* text-align: right; */
    font-size: 17px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

h5.teamlocalactatext {
    display: flex;
    align-items: center;
    justify-content: flex-start;
	    font-size: 17px;
}

}


/* sistema de horarios */

.botones-navegacion {
    text-align: center;
}

h2.fechahorariosemanal {
    font-size: 20px;
    font-weight: 700 !important;
    text-align: center;
    display: block !important;
}

h3.fechahorariosemanalsub{
    font-size: 13px;
    font-weight: 700 !important;
    text-align: center;
    display: block !important;
}


.partidohorarios {
    width: 95%;
    margin: auto;
}

.titulogrupohor {
    padding: 10px;
    Border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
	margin: 25px 0;
}

div#tabshorariosgenerales {
    background: #fff;
    padding: 40px 240px;
    border-radius: 10px;
}
.tabcompeticionhora {
    margin: 10px 0;
    font-size: 14px;
    font-weight: bolder;
    display: flex;
    justify-content: center;
    background: #eee;
    border-radius: 10px;
    padding: 10px;
    color: #fff;
    border-width: 2px;
    border-style: solid;
    border-color: #2196F3;
}
.pridvscolor {
background: #07358f;
}
.segdvscolor {
background: #078fc9;
}
.prifemdvscolor {
background: #61048f;
}

.segfemcolor {
background: #9107d5;
}
.segdvsbcolor {
background: #a20909;
}
.terdvscolor {
background: #ff5500;
}
.dvshonor {
background: #05c36d;
}
.femterr{
background: #b8058b;
} 
.masterr {
background: #02910e;
}

.segundasturf {
    background: #7a34c8;
}
.coparfef{
background: #f30000;
}

.pribej{
background: #f5b837;
}

.segbej{
background: #00e095;
}

.terbej{
background: #d232ff;
}

.pribejc{
color: #f5b837;
}

.segbejc{
color: #00e095;
}

.terbejc{
color: #d232ff;
}

.pridvscolorico {
color: #07358f;
}
.segdvscolorico {
color: #078fc9;
}
.prifemdvscolorico {
color: #61048f;
}

.segfemcolorico {
color: #9107d5;
}
.segdvsbcolorico {
color: #a20909;
}
.terdvscolorico {
color: #ff5500;
}
.dvshonorico {
color: #05c36d;
}
.femterrico{
color: #b8058b;
} 
.masterrico {
color: #02910e;
}
.coparfefico{
color: #f30000;
}

.fembase {
background: #ef40ea;
}

.escolarbenasturias {

background: #2196F3;
}


.escolarprebengijon {

background: #f30f0f;
}

.escolarbengijon {

background: #bf0000;
}


.escolarprebenasturias {

background: #03A9F4;
}



.juvenilbal {
    background: #8BC34A;
}

.cadetebal {
    background: #95db44;
}

.infantilbal {
    background: #95db44;
}

.alevinbal {
    background: #95db44;
}


a.nav-link.tabcolor.active {
    color: #000 !important;
}
li.nav-item.tabhorario {
    margin: 2px;
    font-size: 12px;
}

span.textmenuhor {
  /*  font-weight: bold;*/
      font-size: 15px;

}
.menucompeticionhorarios {
    text-align: center;
padding: 0 0 20px 0;
}

@media (max-width:1199px) {

div#tabshorariosgenerales {
    padding: 40px 140px;
}
  
}

@media (max-width:992px) {

div#tabshorariosgenerales {
    padding: 40px 20px;
}
  
  span.textmenuhor {
    /* font-weight: bold; */
    font-size: 15px;
}
  
}

@media (max-width: 769px) {
.nomovil{
    display: none;
}


.fechapartidoacta {
    text-align: center;
}

.pabellonacta{
    text-align: center;
}
.movilacta {
    width: 94%;
}

}


/* sistema de horarios */

/* PLAYOFF DE ASCENSO */

h4.partidosida {
text-align: center;
    font-size: 19px;
    padding: 10px 0px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
	    margin: 30px 0;
}