/* Estilos generales */
body {
  padding: 0 2em;
  font-family: Arial, sans-serif;
  font-size: 16px; /* Aumentado tamaño base para mayor legibilidad */
  color: #024457;
  background: #f2f2f2;
}

/* Estilos para el contenedor principal */
.elegant-aero {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px; /* Aumentado desde 500px */
  background: #d2e9ff;
  padding: 25px 30px;
  font: 14px Arial, Helvetica, sans-serif; /* Aumentado desde 12px */
  color: #444;
  border-radius: 10px;
}

/* Estilos para los títulos */
.elegant-aero h1 {
  font: 28px "Trebuchet MS", Arial, Helvetica, sans-serif;
  padding: 15px 20px;
  background: #c0e1ff;
  border-bottom: 2px solid #b8ddff;
  margin: -30px -30px 20px;
}

.elegant-aero h1 > span {
  font-size: 13px;
}

/* Estilos para los elementos label y input */
.elegant-aero label > span {
  float: left;
  margin-top: 10px;
  color: #5e5e5e;
}

.elegant-aero label {
  display: block;
  margin: 0px 0px 5px;
}

.elegant-aero label > span {
  float: left;
  width: 20%;
  text-align: right;
  padding-right: 15px;
  margin-top: 10px;
  font-weight: bold;
}

.elegant-aero input[type="text"],
.elegant-aero input[type="email"],
.elegant-aero textarea,
.elegant-aero select {
  font: 14px Arial, Helvetica, sans-serif; /* Aumentado tamaño de fuente */
  color: #888;
  width: 70%;
  padding: 0 8px; /* Ajustado padding para mayor comodidad */
  border: 1px solid #c5e2ff;
  background: #fbfbfb;
  outline: 0;
  -webkit-box-shadow: inset 0px 1px 6px #ecf3f5;
  box-shadow: inset 0px 1px 6px #ecf3f5;
  height: 36px; /* Aumentado alto para comodidad */
  line-height: 16px;
  margin: 2px 6px 16px 0px;
}

.elegant-aero textarea {
  height: 120px;
  padding: 5px 8px; /* Ajustado padding */
  width: 70%;
}

.elegant-aero select {
  background: #fbfbfb url("down-arrow.png") no-repeat right;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
  width: 70%;
}

/* Estilos para los botones */
.elegant-aero .button {
  padding: 12px 36px; /* Aumentado padding */
  font-size: 16px; /* Aumentado tamaño de fuente */
  background: #4cb0e4;
  border-radius: 6px; /* Redondeado */
  border: none;
  color: #fff;
  box-shadow: 1px 1px 1px #4c6e91;
  text-shadow: 1px 1px 1px #5079a3;
}

.elegant-aero .button:hover {
  background: #3eb1dd;
}

/* Estilo para las imágenes del logo */
.logo {
  width: 220px; /* Cambié el valor a 250px */
  height: auto;
  margin-bottom: 20px;
}

/* Estilo para aclaraciones */
#aclaracion {
  font-size: 14px; /* Aumentado tamaño de fuente */
  color: black;
}

h1 {
  font-family: Verdana;
  font-weight: normal;
  color: #024457;
}
h1 span {
  color: #167f92;
}
h2 {
  font-size: 18px;
}