body{
	/*width:100%;
	max-width:900px;*/
	margin: 10 auto;
	width: 800px;  /*ANCHOR*/
    height: 430px;  
	border:2PX SOLID #FF5733;     
	
}

header #logo{
	height:16vh;
	float: right;
}

header #logo img{
		height:18vh;
}

header .menu{
		height: 16vh;
		float: center;
}

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 h1{
	font-size:3.1rem;
	color:#2d2f38;
	text-align:center;
}

.boton{
		text-decoration: none;
		border: 2px SOLID #2d2f38;
		padding: 10px 20px;
}

.boton:hover{
	background: #2d2f38;
	color: #fff;
}

footer{
	/*height:2vh;*/
	width:100%;
	/*max-width:800px;*/
	text-decoration:center;
	/*float:right;*/
	text-align: center;
	/*font-family: 'Bauhaus 93', sans-serif;*/
	color: #000000;
	background-color: #FF5733;
}

h2{
	font-size: 24px;
	/*height:2vh;*/
	width:100%;
	/*max-width:800px;*/
	text-decoration:center;
	/*float:right;*/
	text-align: center;
	font-family: 'Bauhaus 93', sans-serif;
	color: #FFFFFF;
	background-color: #FF5733;
}

LABEL{
	font-size: 20px;
	font-family: 'Bauhaus 93', sans-serif;
	display: inline-block;
  	width: 350px; /* Ancho fijo para alinear el texto */
  	text-align:right ; /* Alinea el texto a la derecha  */
  	margin-right: 10px; /* Espacio entre el label y el input */
	
	width: 350px; /* Ancho específico */
    height: 40px; /* Alto específico */
}	

INPUT{
	background-color: F2AE02;
	border:1PX SOLID #FF5733;
	font-size: 15px;
	font-family: 'ARIAL BLACK', sans-serif;
}	

.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:55px;
  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: #FF5733; /* 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 */
}

#formulario2 {
	width:780;
	height:200;
	overflow:hidden;
	padding: 10px;
	
}

hr {
  border: 1;
  height: 5px;
  background-color: #000000; /* Color de la línea */
  width: 65%; /* Ancho de la línea */
  margin: 15px auto; /* Centrado y margen */
}


.mi-boton-regreso {
  background-color: 2397EB; /* Color de fondo azul   #F34519  #ff8000*/
  color: #000000;              /* Color de texto blanco */
  /*padding: 10px 20px;       /* Tamaño interno (arriba/abajo, izq/der) */
  cursor: pointer;          /* Cambiar cursor al pasar por encima */
  font-size: 10px;
  width:100px;
  height:30px;
  font-family: 'arial black', sans-serif;
  transition:all .4s ease-in-out;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  border: 1px solid #ffffff;
}

/* Efecto al pasar el mouse (hover) */
.mi-boton-regreso:hover {
  background-color: #FF5733; /* Azul más oscuro */
  color: #FFFFFF;              /* Color de texto blanco */
 
}

.contenedor-regreso {
  display: flex; /* Alinea los botones horizontalmente */
  justify-content: left; /* Centra los botones en el medio */
  /*gap: 15px; /* Espacio entre botones */
  /*padding: 10px; /* Espacio alrededor del contenedor */
}