@charset "utf-8";
/* CSS Document */

body {
  font-family: 'Asap Condensed', sans-serif;
  color: rgb(105,105,105);
}

.centrada{
	text-align:center;
	vertical-align:central;
	}

.boton {
	color: #fff;
	font-family:Asap Condensed;
	font-size: clamp(1.2rem, 4vw, 2.5rem);
	padding: 0.7rem 2.5rem;
	border-radius: 1.2rem;
	display: inline-block;
	text-decoration: none;
	transition: all 0.3s ease;
	box-shadow: 0 4px 10px rgba(0,0,0,0.3);
	margin-bottom:1rem;
}

.boton:hover {
  background-color:#666;
  transform: scale(1.05);
}

.efecto-boton:hover {
  background-color:#666;
  transform: scale(1.05);
}


.futbol {
  background-color:rgb(155,196,44);
}

.alquiler {
  background-color:rgb(17,119,196);
}

.eventos {
  background-color:rgb(134,134,134);
}

.cumple {
  background-color:rgb(245,153,17);
}

.pie{
  background-color:rgb(130,130,130);
  	}
.pie a {
  color: #fff;
  text-decoration: none;
  transition: 0.3s ease;
}

.pie a:hover {
  color: rgb(155,196,44);
  text-decoration: underline;
}


	
.enfoque{
	font-family:Asap Condensed;
	color: rgb(155,196,44);
	display: block;
	font-size: clamp(1.2rem, 4vw, 3.2rem);
	text-align: center;
	margin-bottom: 2rem;
	line-height: 1.2;
	}

.texto-suelto{
	font-family:Asap Condensed;
	color: rgb(105,105,105);
	display: block;
	font-size: clamp(1.2rem, 4vw, 2.5rem);
	text-align: center;
	margin-bottom: 2rem;
	line-height: 1.2;
	}

.comunidad{
	font-family:Asap Condensed;
	color: rgb(17,119,196);
	display: block;
	font-size: clamp(1.2rem, 4vw, 3.2rem);
	text-align: center;
	margin-bottom: 2rem;
	line-height: 1.2;
	}

.titulo-recto {
	font-family:Asap Condensed;
	color: #FFF;
	padding: 0.5rem;
	background-color: rgb(155,196,44);
	display: block;
	font-size: clamp(1.2rem, 4vw, 3.2rem);
	text-align: center;
	margin-bottom: 2rem;
	line-height: 1.2;
}

.titulo-redondeado {
	font-family:Asap Condensed;
	color: #FFF;
	padding: 0.5rem;
	background-color: rgb(155,196,44);
	border-radius: 1.8rem;
	display: block;
	font-size: clamp(1.2rem, 4vw, 3.2rem);
	text-align: center;
	margin-bottom: 2rem;
	line-height: 1.2;
}

.titulo-mision {
	font-family:Asap Condensed;
	color:#FFF;
	padding:0.7rem;
	background-color:rgb(17,119,196);
  
  	border-top-left-radius:1.8rem;
  	border-top-right-radius:1.8rem;
  
  	display: block;
  	text-decoration: none;
	font-size: clamp(1.2rem, 4vw, 3rem);
  	text-align:center;
	margin-bottom:1rem;
}

.titulo-mision img{
	width: clamp(40px, 6vw, 90px);
	margin-top:-3rem;
	margin-right:-3rem;
	}


.mision {
	font-family:Asap Condensed;
	padding:0.7rem;
	border-color:rgb(17,119,196);
  	border-style:solid;
  	border-width: 6px;
  
  	border-bottom-left-radius:1.8rem;
  	border-bottom-right-radius:1.8rem;
  
  	display: block;
  	text-decoration: none;
	font-size: clamp(1.2rem, 4vw, 2rem);
  	text-align:center;
	margin-bottom:1rem;
}

.titulo-vision {
	font-family:Asap Condensed;
	color:#FFF;
	padding:0.7rem;
	background-color:rgb(155,196,44);
  
  	border-top-left-radius:1.8rem;
  	border-top-right-radius:1.8rem;
  
  	display: block;
  	text-decoration: none;
	font-size: clamp(1.2rem, 4vw, 3rem);
  	text-align:center;
	margin-bottom:1rem;
}

.titulo-vision img{
	width: clamp(40px, 6vw, 90px);
	margin-top:-3rem;
	margin-right:-3rem;
	}

.vision {
	font-family:Asap Condensed;
	padding:0.7rem;
	border-color:rgb(155,196,44);
	border-style:solid;
	border-width: 6px;
	  
	border-bottom-left-radius:1.8rem;
	border-bottom-right-radius:1.8rem;
	
	display: block;
	text-decoration: none;
	font-size: clamp(1.2rem, 4vw, 2rem);
	text-align:center;
	margin-bottom:1rem;
}

.cajaizquierda{
	font-family:Asap Condensed;
	color:rgb(105,105,105);

	background-color:rgb(238,238,238);
  
  	border-top-left-radius:1.8rem;
  	border-bottom-left-radius:1.8rem;
  
  	display: block;
  	text-decoration: none;
	font-size: clamp(1.2rem, 3vw, 3rem);
  	text-align:center;
	margin-bottom:1rem;
  overflow: hidden;
  height: 90%;
	}

.cajaderecha{
	font-family:Asap Condensed;
	color:rgb(105,105,105);

	background-color:rgb(238,238,238);
  
  	border-top-right-radius:1.8rem;
  	border-bottom-right-radius:1.8rem;
  
  	display: block;
  	text-decoration: none;
	font-size: clamp(1.2rem, 3vw, 3rem);
  	text-align:center;
	margin-bottom:1rem;
  overflow: hidden;
  height: 90%;
	}
	
	
.carousel-indicators [data-bs-target] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: white;
  opacity: 0.6;
  margin: 0 6px;
}

.carousel-indicators .active {
  opacity: 1;
  background-color: rgb(155,196,44);
}



/* SLIDER DE FOTOS 1, 2 3 y 4*/
#carouselFotosFutbol1,#carouselFotosFutbol2,#carouselFotosFutbol3,#carouselFotosAlquiler1,#carouselFotosEvento1,#carouselFotosCumple1 img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: top;
}


/* SLIDER DE TEXTOS */
.slider-texto {

  color: rgb(105,105,105);
  min-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 40px;

}

.slider-texto h3 {
  font-size: 2rem;
  margin-bottom: 20px;
  font-weight: bold;
}

.slider-texto p {
  font-size: 1.2rem;
  line-height: 1.6;
  max-width: 500px;
}

/* MOBILE */
@media (max-width: 768px) {
 

	 
  #carouselFotosFutbol1, #carouselFotosFutbol2, #carouselFotosFutbol3, #carouselFotosAlquiler1, #carouselFotosEvento1, #carouselFotosCumple1 img {
    height: 250px;
  }


  .slider-texto {
    min-height: 250px;
    padding: 25px;
  }

  .slider-texto h3 {
    font-size: 1.4rem;
  }

  .slider-texto p {
    font-size: 1rem;
  }
}