/* Estilo para centrar los títulos */
.centered-title {
  text-align: center; /* Centra el texto horizontalmente */
  font-size: 2.5em; /* Tamaño de fuente grande para un impacto visual */
  font-weight: 600; /* Negrita ligera */
  color: #333; /* Color de texto oscuro y profesional */
  margin-bottom: 20px; /* Espacio debajo del título */
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; /* Tipografía moderna y legible */
  text-transform: capitalize; /* Capitaliza la primera letra de cada palabra */
  letter-spacing: 1px; /* Espaciado entre letras para mayor legibilidad */
}

/* Estilo para títulos h1 */
h1.centered-title {
  font-size: 3.5em; /* Aumenta el tamaño en el h1 para mayor protagonismo */
  color: #0066cc; /* Color de texto azul profesional */
  font-weight: bold; /* Negrita más destacada */
  margin-bottom: 30px; /* Espacio adicional debajo del título */
  letter-spacing: 1.5px; /* Espaciado entre letras para un diseño más sofisticado */
}

/* Estilo para títulos h2 */
h2.centered-title {
  font-size: 2.8em; /* Tamaño grande pero no tanto como el h1 */
  color: #444; /* Color más suave para una mejor jerarquía visual */
  font-weight: 500; /* Peso de fuente intermedio para h2 */
  margin-bottom: 25px; /* Espacio debajo del título */
  letter-spacing: 1px; /* Espaciado entre letras */
}

/* Estilo para títulos h3 */
h3.centered-title {
  font-size: 2.2em; /* Tamaño un poco más pequeño para los subtítulos */
  color: #555; /* Color intermedio, aún suave pero legible */
  font-weight: normal; /* Sin negrita para mantener un tono más suave */
  margin-bottom: 20px; /* Espacio debajo del título */
  letter-spacing: 0.5px; /* Ligero espaciado entre letras */
}

/* Estilo para subrayado opcional en los títulos */
.centered-title.underline {
  text-decoration: underline; /* Subraya el título */
  color: #ff6600; /* Color de texto naranja vibrante para destacar */
  font-weight: bold; /* Resalta aún más el texto */
  text-transform: uppercase; /* Transforma el texto en mayúsculas para un estilo más impactante */
}