/*se agrega esto para poder centrar el inicio de la pagina*/
/*body {
/*  display: flex;
/* justify-content: center; /* Centrado horizontal */
/*  align-items: center;     /* Centrado vertical */
/*  min-height: 100vh;      /* Ocupa todo el alto de la ventana */
/*  margin: 0;              /* Elimina márgenes por defecto */
/*}

/* Estilos para computadoras (por defecto) */
.contenedor { width: 80%; }

/* Estilos para celulares (pantallas menores a 600px) */
@media (max-width: 800px) {
    .contenedor {
        width: 100%;
        padding: 10px;
    }
    .menu {
        display: none; /* Ocultar menú normal y mostrar hamburguesa */
    }
}

body{
	/*width:100%;
	max-width:900px;*/
	margin: 10 auto;
	width: 800px;  
    height:600px; 
	border:2PX SOLID #ffffff;

}
	
header #logo{
	height:16vh;
	float: left;
}

header #logo img{
		height:18vh;
}

header .menu{
		height: 16vh;
		float: right;
}

header .menu ul li{
		list-style:none;
		float:left;
}

header .menu ul li a{
		background:#334CFF;
		text-decoration:none;
		padding:10px 15px;
		color:#fff;
		font-size:1rem;
}

header .menu ul li a:hover{
	background:#FF5733;
	color: #fff;
}

#perfil{
		height:40vh;
		margin:20px 0px;
		border:2PX SOLID #000;
}	

#perfil img{
		height:40vh;
		float:left;
		border:2PX SOLID #000;
}
	
#perfil h1{
	font-size:3.1rem;
	color:#2d2f38;
	text-align:center;
}

#perfil p{
		color:#2d2f38;
		text-align:center;
}

#recuadros{
	width:100%;
	max-width:800px;
	overflow:hidden;
	margin:20px 0px;
	border: 0px SOLID;
	text-align:center;
}

#recuadros .recuadro{
	width:280px;
	overflow:hidden;
	float:left;
	padding: 5px;
	text-align: center;
	color: #2d2f38;
	margin-left: 8px;
	margin-right: 8px;
	border: 1px SOLID #2d2f38;
}

#recuadros .recuadro.parrafo{
		color: #2d2f38;
		text-align: justify;
}

.boton{
		text-decoration: none;
		border: 1px SOLID #2d2f38;
		padding: 10px 20px;
}

.boton:hover{
	background: #2d2f38;
	color: #fff;
}

#formulario1 {
	width:432px;
	height:auto;
	overflow:hidden;
	padding: 5px;
	float:left;
	border: 1px SOLID #2d2f38;
}

#formulario2 {
	width:432px;
	height:auto;
	overflow:hidden;
	padding: 5px;
	float:right;
	border: 1px SOLID #2d2f38;
}


footer{
	height:2vh;
	width:800px;*/
	/*max-width:800px;*/
	/*text-decoration:center;*/
	float:center;
  	justify-content: center;
  	text-align: center;
  	align-items: center;
	/*font-family: 'Bauhaus 93', sans-serif;*/
	color: #ffffff;
	background-color: #ef6c00;
}

/* CSS */
.mi-boton {
  background-color: 2397EB; /* Color de fondo azul   #F34519  #ff8000*/
  /*color: #FFFFFF;              /* Color de texto blanco */
  padding: 10px 20px;       /* Tamaño interno (arriba/abajo, izq/der) */
  border: 0px;             /* Eliminar borde por defecto    none   */
  border-radius: 10px;       /* Esquinas redondeadas */
  cursor: pointer;          /* Cambiar cursor al pasar por encima */
  font-size: 19.5px;
  width: 235px;
  height: 45px;
  font-family: 'Bauhaus 93', sans-serif;
  transition:all .6s ease-in-out;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}

/* Efecto al pasar el mouse (hover) */
.mi-boton:hover {
  background-color: #ef6c00; /* Azul más oscuro */
  color: #FFFFFF;              /* Color de texto blanco */
 
}

.contenedor-botones {
  display: flex; /* Alinea los botones horizontalmente */
  justify-content: center; /* Centra los botones en el medio */
  gap: 15px; /* Espacio entre botones */
  /*padding: 10px; /* Espacio alrededor del contenedor */
}