*{
  font-family: 'Lato', sans-serif;
}
p{
  text-align: justify;
}
body{
  background-color: aliceblue;
}
.navbar{
  box-shadow: 0px 0px 10px black;
  background-color: rgba(255, 255, 255, 0.7);
  height: 98px;
  z-index: 10;
}
.nav-link{
  font-size: 1em;
}
.header{
  background-image: url('../img/bk8.jpeg');
  background-size: cover;
  background-position-y: 0px;
  margin-top: -98px;
  padding-top: 131px;
  padding-bottom: 25px;
}
.row{
  padding: 50px 0px;  
}
.header_txt{
  background: -moz-linear-gradient(45deg, rgb(255, 255, 255) 30%, rgba(125,185,232,0) 110%);
  background: -webkit-linear-gradient(45deg, rgb(255, 255, 255) 30%,rgba(125,185,232,0) 110%);
  background: linear-gradient(45deg, rgb(255, 255, 255) 30%,rgba(125,185,232,0) 110%);
  border-radius:20px;
  padding: 2%;
  margin-bottom: 20px;
  box-shadow: 0px 7px 14px black;
  min-height: 450px;

}
.logo{
  height: 118px;
  position: absolute;
  left: 0;
  top: -8px;
}

.carousel{
  min-height: 614px;
}
.carousel-control-next, .carousel-control-prev {
  width: 10%;
}
.reglas p{
  padding: 2%;
  border-radius: 10px;
  border: 1px solid #e6e6e6;
}
.regla{
  background: rgb(145,232,66);
  background: -moz-linear-gradient(45deg, rgb(124 210 45) 65%, rgba(210,255,82,1) 100%);
  background: -webkit-linear-gradient(45deg, rgb(124 210 45) 65%,rgba(210,255,82,1) 100%);
  background: linear-gradient(45deg, rgb(124 210 45) 65%,rgba(210,255,82,1) 100%);
  
}
.section_1{
  position: relative;
  height: 50vh;
  min-width: 80%;
  margin: auto; 
  background: rgb(145,232,66); /* Old browsers */
  background: -moz-linear-gradient(45deg,  rgb(124 210 45) 65%, rgba(210,255,82,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg,  rgb(124 210 45) 65%,rgba(210,255,82,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg,  rgb(124 210 45) 65%,rgba(210,255,82,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91e842', endColorstr='#d2ff52',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.scuare{
  border: 8px solid  #309633;;          
  padding: 13% 10%;
  position: absolute;
  left: 86px;
  bottom: -100px;
  min-width: 85%;
  font-size: 18px;
  text-align: justify;
  min-height: 50vh;
  background-color: rgb(48 150 51 / 22%);
  box-shadow: 6px 5px 14px #abeb41;
  border-radius: 6px;
}
.section_1_img{
  width: 130%;
  position: absolute;
  bottom: 100px;
  left: 13%;
}
.card{
  margin: auto;
  margin-top: 25px;
  margin-bottom: 25px;         
}


footer{
  background-color: #5e5f5e;
  color: #aba8a8;
  padding: 50px;
}
.foot_title{
  background: -moz-linear-gradient(45deg, rgb(124 210 45) 65%, rgba(210,255,82,1) 100%);
  background: -webkit-linear-gradient(45deg, rgb(124 210 45) 65%,rgba(210,255,82,1) 100%);
  background: linear-gradient(45deg, rgb(124 210 45) 65%,rgba(210,255,82,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 19px;
  font-weight: bold;
  padding-left: 0px !important;
  padding-bottom: 5px;
  font-size: 1.5em !important; 
}

ul li{
  list-style: none;
  
  padding-left: 16px;

}
ul li a{
  position: relative;
  padding-bottom: 10px; 
}
.categorias li a:hover{
  cursor: pointer;          
  color:rgba(145,232,66) !important;
}
.navbar-nav li a:hover{
  cursor: pointer;          
  color:darkgray !important;
}
.footer_ul li a:hover{
  cursor: pointer;          
  color:white !important;
}
.cart_count{
      position: absolute;
    right: 0px;
    bottom: 0px;
    height: 25px;
    width: 25px;
    background-color: rgba(0, 128, 0, 0.81);
    border-radius: 50%;
    text-align: center;
    color: white;
}