@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");


.sectionIntro-assports{
    width: 100%;
    height: auto;
    margin: auto;
}

.content-subcategorias{
    width: 100%;
    height: 100%;
    background-color: #fafafa;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.subcategoria{
    width: 100%;
    height: 65px;
    background-size: cover;
    background-position: center;
}

.title-categoria{
    text-align: center;
    padding: 10px 5px;
}

.sport1{background-image: url('../img/deportes/futbol-nacional.jpg');}
.sport1_1{background-image: url('../img/deportes/futbol.jpg');}
.sport2{background-image: url('../img/deportes/basketball.jpg');}
.sport3{background-image: url('../img/deportes/tenis.jpg');}
.sport4{background-image: url('../img/deportes/baseball.jpg');}
.sport5{background-image: url('../img/deportes/formula1.jpg');}

.subcategoria-a{
    width: 100%;
    height: 100%;
    display: block;
    color: white;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.8rem;
    padding-left: 20px;
    display: flex;
    align-items: center;
    transition: .3s ease-in-out;
    background-color: rgba(0, 0, 0, 0.432);
}

.subcategoria-a:hover{
    background-color: rgba(0, 0, 0, 0.63);
    transition: .3s ease-in-out;
}

.section-sportsNews{
    width: 100%;
    height: auto;
    margin: auto;
}

.title-sport{
    width: 100%;
    height: auto;
}

.title-sport h2{width: 60%;}
.title-sport hr{width: 40%;}
/* Media Querie phone Landscape */
@media screen and (min-width:576px){
.title-sport h2{width: 20%;}
.title-sport hr{width: 80%;}
}


/* Media Querie Tablet */
@media screen and (min-width:768px){
  
  
}

/* Media Querie Tablet-desktop */
@media screen and (min-width:992px){
  
}

/* Media Querie desktop */
@media screen and (min-width:1200px){
  
}

/* Media Querie desktop large*/
@media screen and (min-width:1366px){
   
}


@media screen and (min-width:1920px){
    .sectionIntro-assports{
        width: 90%;
        height: auto;
        margin: auto;
    }
    .section-sportsNews{
        width: 90%;
        height: auto;
    }

    .subcategoria{
        height: 100px;
    }
  

}

@media screen and (min-width:2560px){

  
  
  

}