/* CSS Document */
/* Estilos generales */
body {
	font-family: Arial, sans-serif;
	font-size: 16px;
	margin: 0;
	padding: 0;
}

/* Estilos del banner */
.banner {
	position: relative;
	height: 400px;
}

.banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.nombre-pagina {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 4em;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

.boton-destinos, .boton-alojamientos {
	display: inline-block;
	padding: 10px 20px;
	margin: 20px;
	border-radius: 30px;
	background-color: #008000;
	color: #fff;
	font-size: 1.2em;
	text-decoration: none;
	text-align: center;
	transition: background-color 0.3s;
}
/*
.boton-destinos:hover, .boton-alojamientos:hover {
	background-color: #005200;
	cursor: pointer;
}
*/
.area-link {
    fill: #9ac1e3; /* aquí puedes usar el color que prefieras */
    cursor: pointer;
}

.area-link:hover {
    fill: #add8e6; /* aquí puedes usar el color que prefieras */
    cursor: pointer;
}