body {
  background-color: #F4F4F4; 
  color: #333333; 
  font-family: Verdana, Arial, sans-serif;
  margin: 0;
  padding: 20px;
}



th[colspan="5"] {
  background-color: #99CCCC; 
  padding: 25px 0;
  border-radius: 8px;
}


.titulo {
  font-size: 40px;
  font-weight: bold;
}


h1{
  color: #000000; 
  font-size: 42px;
  margin: 0;
  text-align: center;
  font-weight: bold;
}



td h2 {
  margin: 0;
  padding: 10px 0;
}

td a {
  display: block;
  background-color: white;
  padding: 10px;
  border-radius: 6px;
  font-weight: bold;
  color: #1B4965; 
  text-align: center;
  transition: 0.3s;
  border: 1px solid #D9D9D9;
}


td a:hover {
  background-color: #99CCCC; 
  color: #000000;
}


table {
  width: 90%;
  margin: 20px auto;
  border-collapse: separate;
  border-spacing: 0 12px; 
}


h3 {
  font-size: 22px;
  margin: 10px 0 5px 0;
  text-align: center;
  font-weight: bold;
}

p {
  font-size: 15px;
  margin: 0;
  color: #000000;
}

.texto-izquierda {
  background-color: white;
  padding: 18px;
  border-radius: 8px;
  line-height: 1.5;
  border: 1px solid #D9D9D9;
}
.texto-derecha { 
  background-color: white; 
  padding: 18px; 
  border-radius: 8px; 
  line-height: 1.5; 
  border: 1px solid #D9D9D9; 
  flex: 1;
  }

.ellipse {
  width: 300px;
  height: 150px;
  border-radius: 50% / 25%;
  overflow: hidden;
  }