nav {
	background-color: #53b1a7;
}
.botonLineaAmarilla{
	border-bottom: 10px solid #f3ab42;
}
.botonLineaAmarillaDos{
	border-bottom: 20px solid #f3ab42 !important;
}
footer{
	background-color: #f3ab42;
}
.background-amarillo{
	background-color: #f3ab42;
}
.boton-azul{
	background-color: #53b1a7;
  border-radius: 0;
}
.h1Button{
	padding-top: 10px;
	padding-bottom: 6px;
}
.boton_verde_anios{
	/*padding: 1rem !important;*/
	--bs-btn-padding-x: 0rem;
	--bs-btn-padding-y: 0rem;
	font-family: sans-serif;
	background-color: #53b1a7;
	font-weight: 500 !important;
	font-size: 2.5rem;
	border-radius: 0;
	border:none;
	line-height: 1.2;
}
.boton_verde_anios:hover {
	background-color:#53b1a7;
	transition: 0.7s;
}
footer{
	margin-top: 90px;
}

@media (max-width: 576px){
	.custom-text-botones-index{
		font-size: 0.6rem;
	}
	.contenedor-index{
		padding: 0rem !important;
	}
	.boton_verde_peq{
		padding: 1rem !important;
	}
	.boton_verde_anios{
		font-size: .7rem;
	}
/*	*, *:before, *:after {
		box-sizing: revert;
	}*/
	footer{
		margin-top: 30px;
	}

}



.square {
  height: 10vh !important;
}
.square2 {
  height: 20vh  !important;
}
.fs-1 {
	font-size: 1rem !important;
}
.containeriframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.leaflet-popup-content p {
  margin: 0px !important;
}