@media only screen and (max-width: 600px) {
  .titulo {
    display: none;
  }
  .hash {
    font-size: 25px;
  }
}
/*Sticky footer*/

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background-image: linear-gradient(to bottom,#0000af, #0000af, #065fa3, red);*/
}

main {
    flex: 1 0 auto;
}

h5{
    /*font-family: cursive;*/
    font-weight: bolder;
}

/*Fixed top navbar*/

.navbar {
  overflow: hidden;
  /*background-color: #333;]*/
  position: absolute; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
}

.margin-top {
  margin-top: 10px; /* Add a top margin to avoid content overlay */
}

/*Colores*/

.blue-color{
  color: #25408f;
}

.bg-blue{
  background-color: #0000af;
}

.red-color{
  color: #ef4222;
}

.bg-red{
  background-color: #ff0009;
}

.textoDifuminado{
  background: -webkit-linear-gradient(white,red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.border-red{
  border-style: solid;
  border-width: 1px;
  border-color: #ef4222;
  border-radius: 10px;
}

/*Gradients*/
.gradientTopBottom{
  background-image: linear-gradient(to bottom, #0000af, #0000af, #065fa3, red);
}

.gradientBottomTop{
  background-image: linear-gradient(to top, #0000af, #0000af, #065fa3, red);
}

.gradientRight{
  background-image: linear-gradient(to right, #0000af, #0000af, #065fa3, red);
}

.gradientLeft{
  background-image: linear-gradient(to left, #0000af, #0000af, #065fa3, red);
}

.gradientBottomRight{
  background-image: linear-gradient(to bottom right, #0000af, #0000af, #065fa3, red);
}

.gradientBottomLeft{
  background-image: linear-gradient(to bottom left, #0000af, #0000af, #065fa3, red);
}

.gradientTopLeft{
  background-image: linear-gradient(to top left, #0000af, #0000af, #065fa3, red);
}

.gradientTopRight{
  background-image: linear-gradient(to top right, #0000af, #0000af, #065fa3, red);
}
   
.bg-campo{
  background-image: url("../img/campo22.jpg");
  height: 100%;
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.bg-campo2{
  background-image: url("../img/campo2.jpg");
  height: 100%;
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.bg-campo3{
  background-image: url("../img/campo3.jpg");
  height: 100%;
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.bg1{
  background-image: url("../img/background1.jpg");
  height: 100%;
  background-position: center; 
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.bg2{
  background-image: url("../img/background2.jpg");
  height: 100%;
  background-position: center; 
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.bg3{
  background-image: url("../img/campo3.jpg");
  height: 100%;
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.bg4{
  background-image: url("../img/background4.jpg");
  height: 100%;
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.estadio{
  background-image: url("../img/estadio.png");
  height: 100%;
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.logoFondo{
  background-image: url("../img/logoFondo.jpg");
  height: 100%;
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

/*Estilos de toast*/
.success-toast {
	background-color: limegreen;
	font-size: 14px;
}

.error-toast {
	background-color: red;
	font-size: 14px;
}