h1 {
	font-family: "Teko", sans-serif;
	text-align: center;
	font-size: 3em;
	color: #050d52;
	margin: 0;
}

h2 {
	font-family: Roboto;
	font-weight: bod;
	font-size: 1.5em;
	margin: 0;
}

h3 {
	font-family: Roboto;
	font-weight: bold;
	font-size: 1em;
	margin: 0;
}

p,
h2,
h3,
h4,
li,
a {
	font-family: "Roboto", sans-serif;
}

li {
	list-style-type: none;
}

a {
	text-decoration: none;
}

img {
	width: 100%;
}

/*sección actividades*/

.agenda p {
	margin-inline: 1em;
}

.actividades.contenedora {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(11rem, 100%), 1fr));
	gap: 1rem;
	padding: 1em;
}

.actividades.contenedora article {
	padding: 1.5rem;
}

.actividades.contenedora h4 {
	color: #ffffff;
	font-size: medium;
	background-color: #097e6a6e;
	border-block-end: 3px solid #097e6a;
	width: 8em;
	padding-block: 0.25em;
	padding-left: 0.5rem;
	text-align: left;
	margin-top: 0;
}

.actividades.contenedora h2,
h3 {
	color: #f5f5f5;
	padding-block: 0.3em;
}

.actividades.contenedora li {
	color: #ffffff;
	font-size: smaller;
}

.actividades.contenedora a {
	color: #ffffff;
	font-size: small;
	background-color: #0a3e9e;
	padding-block: 0.25em;
	padding-inline: 1em;
	border-radius: 0.3rem;
	text-align: center;
}

.act {
	background-position: center;
	background-size: cover;
	border-radius: 0.5rem;
	display: flex;
	flex-direction: column;
}

.actuno {
	background-image: linear-gradient(rgba(3, 33, 56, 0.42), rgb(0, 27, 48)),
		url(../imagenes/cha1.JPG);
}

.actdos {
	background-image: linear-gradient(rgba(3, 33, 56, 0.42), rgb(0, 27, 48)),
		url(../imagenes/cha2.JPG);
}
.acttres {
	background-image: linear-gradient(rgba(3, 33, 56, 0.42), rgb(0, 27, 48)),
		url(../imagenes/cha3.JPG);
}

.act div {
	margin-block-start: auto;
	display: flex;
	gap: 0.5rem 0.5rem;
	align-items: flex-start;
	flex-wrap: wrap;
}

.act div a {
	width: max-content;
	flex-shrink: 0;
}

/*fundacion*/

.fundacion {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.historia h1 {
	text-align: start;
}

.main-historia {
	padding: 1em;
}

.historia p {
	font-size: 1.1em;
	line-height: 1.5;
}

.historia {
	padding: 2em 2em;
}

.historia h1 {
	text-align: start;
}

.historia h2 {
	font-family: "teko";
	font-size: 3em;
}

.historia h3 {
	padding-block: 1em;
	font-size: 2em;
	align-self: flex-start;
	color: #1d66da;
}

.botones-historia {
	color: #ffffff;
	font-size: 0.7em;
	background-color: #0a3e9e;
	padding-block: 0.25em;
	padding-inline: 1em;
	border-radius: 0.3rem;
}

.botones-fundacion {
	color: #ffffff;
	font-size: 1em;
	background-color: #0a3e9e;
	padding-block: 0.25em;
	padding-inline: 1em;
	margin-block-start: 2em;
	border-radius: 0.3rem;
	display: inline;
	transition: all 1s;
}

.botones-fundacion:hover {
	font-size: 1rem;
	background-color: #030751;
	color: white;
}

iframe {
	width: 100%;
	aspect-ratio: 16/9;
}

/* seccion reservar*/

.main-reserva {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.poster {
	background-image: linear-gradient(
			rgba(0, 26, 46, 0.202),
			rgba(0, 35, 62, 0.918)
		),
		url("../imagenes/viajemos.jpg");
	width: 100%;
	height: 15rem;
	background-position: center;
	background-size: cover;
	color: #ffffff;
}

.poster h1 {
	color: white;
	padding-top: 1em;
}

.reserva img {
	border-radius: 1em;
}

.reserva {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(15em, 60%), 1fr));
	gap: 2em;
	border-radius: 2em;
	align-items: flex-start;
	margin: 5em;
	padding: 2em;
	background-color: #99cdfb54;
	box-shadow: 0 4px 8px #00000061;
	align-items: center;
}

.reserva p {
	margin: 0;
}

.reserva ul li {
	padding-bottom: 1em;
	border-bottom: 2px #0a3e9e;
}

/*reserva lista*/

.reserva_lista {
	display: flex;
	flex-direction: column;
	position: absolute;
	padding: 3em;
	margin: 3em;
	bottom: 5em;
	align-items: center;
	border: 2px solid;
	border-radius: 3em;
}

.reserva_lista h2 {
	text-align: center;
}

.reserva_lista h3 {
	color: #171718;
	text-align: center;
	padding-block: 2em;
}

.reserva_lista p {
	font-size: 5em;
	margin-block: 0.5em;
}

.botones-reserva {
	color: #ffffff;
	font-size: 1em;
	background-color: #0a3e9e;
	padding-block: 0.25em;
	padding-inline: 1em;
	margin-block-start: 2em;
	border-radius: 0.3rem;
	display: inline;
	transition: all 1s;
}

.botones-reserva:hover {
	font-size: 1rem;
	background-color: #030751;
	color: white;
}