*{box-sizing:border-box;margin:0px;padding:0px;} /* Estilo del documento general */

/* Configuración de la estructura general de la página, modelo 1 */
.Contenedor {
	display:grid;
	grid-template-areas:
		'Header'
		'Menu'
		'pregunta'
		'Footer';
	background-color:#fff6e7;
	gap:25px;
}

/* Estilo del encabezado  */
.Header {
	grid-area:Header;
	display: flex;
	margin:0px;
	padding:30px;
	font-family: "Georgia", cursive;
	justify-content: space-between;
      align-items: center;
	text-align:center;
	color:#a45910;
	background-color:indigo;
	background-image:url("Fondo_Puff%20_and_care.jpeg");
	border-bottom:0px solid;
	}

	.Header left {
		display:flex;
	}

    .logo {
      height: 200px;
      border-radius: 25px;
    }

	.Header center {
		display:flex;
	}

	.Header right {
    display:flex;
		}

	.redes {
	color: black ;
	transition: color 0.5s ease;
}

	.redes:hover {
		color: #f77234;
	}

/* Estilo del Menú */
.Menu {
	grid-area:Menu;
	margin-top:-25px;
	display:flex;
	justify-content:center;
	gap:25px;
	padding:5px;
	width:100%;
	background-color:#afbd70;
}
	/* Estilo de los elementos a dentro del menú */
	.Menu a { 
		text-align:center;
		color:white;
		text-decoration:none;
		background-color:#936d25;
		padding:10px;
		width:25%;
		border-radius:15px;
		}
	.Menu a:hover{
		background-color:#b1b1dc;
	}

	/* Estilo de menú vertical */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 130px;
  background-color: #f1f1f1;
  position: fixed;
  height: 100%;
  overflow: auto;
}

li a {
  display: block;
  color: black;
  padding: 8px 16px;
  text-decoration: none;
}

li a.active {
  background-color: #04AA6D;
  color: white;
}

li a:hover:not(.active) {
  background-color: #555555;
  color: white;
}
.pregunta{
  grid-area:pregunta;
	margin-top:-25px;
	padding:11px;
	display:flex;
	text-align:center;
	gap:25px;
	background-color:#afbd70;
}
  .pregunta salud{
    padding:50px;
	  color:#b1b1dc;
	  grid-area:pregunta;
	  margin-bottom:
	  text-align: center;
	  border: 2px solid black;
    height: 100px;
    width:200%;
  }



	.Footer {
		grid-area:Footer;
		height:100%;
		color: white;
		line-height:1.5;
		background-color:#a45910;
		}
		.Footer a{
		color: white;
		text-decoration:none;
		text-align: left ;
		}
		.columnafooter{
		float:left;
		width:50%;
		color: white;
		padding:30px;
	}
	.contenidofooter::after{
		content: "";
		display:table;
		clear:both;
	}

@media screen and (max-width:800px){
	.columnafooter{
		width:100%;
	}
}