.card-reglamento {
  align-items: center;
  transition: transform 0.5s;
  margin-bottom: 25px;
}

.card-reglamento:hover {
    transform:translateY(-7px);
}

.card-reglamento a:visited {
  color: white;
}

.imagen {
  width: 100px; 
  height: 100px; 
  border-radius: 15px; 
  margin-right: 10px;
}

.resolucion-reglamento {
  height: 50px;
  width: 50px;
}

.direction{
    display:flex;
    flex-direction:column;
}

.negrita {
  font-weight: bold; 
}

.banner {
  position: relative;
  height: auto; 
  margin-bottom: 30px; 
}

@media (max-width: 576px) {
  .banner {
    margin-bottom: 15px;
    height: 200px; 
  }

  .card-reglamento {
    padding: 15px; 
    margin-bottom: 15px; 
  }
  
  .wp-block-list {
    padding-left:5px; 
    }
    
    .wp-block-list li {
        font-size:16px; 
        margin-bottom:10px; 
    }
    
    .wp-block-list li::marker {
        color:#007bff;
        font-size:1.2em; 
    }
}


@media (min-width: 577px) and (max-width: 768px) {
  .banner {
    margin-bottom: 20px; 
    height: auto; 
  }

  .card-reglamento {
    padding: 18px; 
    margin-bottom: 20px; 
  }
}


@media (min-width: 769px) {
  .banner {
    margin-bottom: 30px; 
    height: auto; 
  }
  
}

.banner-image {
  position: relative; 
}

.banner-image img {
  width: 100%;
  height: auto; 
}

.banner-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5); 
}

.titulo-banner {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    color:white;
    z-index:2; 
}