body {
  font-family: Montserrat, Arial, sans-serif; /* Establece la fuente para todo el cuerpo del documento */
  color: #000066; /* Color de texto general */
  background-color: #f4f4f4; /* Color de fondo del cuerpo */
}

header h1 {
  color: #000066; /* Color del texto para los títulos en los encabezados */
  font-size: 24px; /* Tamaño de la fuente para los títulos en los encabezados */
}

section h2 {
  color: #000066; /* Color del texto para los subtítulos de sección */
  font-size: 18px; /* Tamaño de la fuente para los subtítulos de sección */
}

p {
  font-size: 16px; /* Tamaño de la fuente para los párrafos */
  line-height: 1.6; /* Espaciado entre líneas para los párrafos */
}

ul li {
  font-size: 16px; /* Tamaño de la fuente para los elementos de lista */
}

a {
  color: #0000ff; /* Color para los enlaces */
  text-decoration: none; /* Elimina el subrayado de los enlaces */
}

a:hover {
  text-decoration: underline; /* Añade subrayado al pasar el cursor sobre el enlace */
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px; /* Espacio superior para la tabla */
  box-shadow: 0 2px 15px rgba(0,0,0,0.1); /* Sombra para un efecto moderno */
  border-radius: 10px; /* Bordes redondeados */
  overflow: hidden; /* Esconde cualquier desbordamiento provocado por los bordes redondeados */
}

th, td {
  padding: 12px 15px; /* Espaciado interior más generoso para celdas */
  text-align: center; /* Alineación del texto a la izquierda */
  border-bottom: 1px solid #ddd; /* Borde sutil entre filas */
}

th {
  background-color: transparent; /* Color de fondo para los encabezados de tabla */
  color: 000066; /* Color del texto para los encabezados */
  font-size: 16px; /* Tamaño de la fuente para los encabezados */
}

tr:nth-child(even) {
  background-color: #f2f2f2; /* Color de fondo alterno para las filas */
}

tr:hover {
  background-color: #ddd; /* Color de fondo al pasar el ratón */
}