/* ===== Estilos únicos de la página Bio (complementan a common.css) ===== */

/* Contenedor de la Bio */
.bio-container {
  max-width: 900px;
  margin: auto;
  padding: 20px;
  text-align: center;
}

/* Imagen de Perfil */
.profile img {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid white;
  margin-bottom: 20px;
}

/* Secciones de Información */
.info-section {
  background: #222;
  padding: 15px;
  border-radius: 10px;
  margin: 20px 0;
  text-align: left;
}

.info-section h2 {
  border-bottom: 2px solid white;
  padding-bottom: 5px;
}

.info-section ul {
  list-style-type: none;
  padding-left: 0;
}

.info-section ul li {
  font-size: 18px;
  color: white;
  position: relative;
  padding-left: 20px;
}

/* Punto de la lista en color blanco */
.info-section ul li::before {
  content: "•";
  color: white;
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 0;
}

/* Información en color azul brillante */
.info-section ul li a {
  color: #26CFD2;
  text-decoration: none;
  font-weight: bold;
}

.info-section ul li a:hover {
  text-decoration: underline;
}

.bio-list ul {
  list-style-type: none;
  padding-left: 0;
}

/* Aplica solo dentro de <div class="bio-list"> */
.bio-list ul li {
  font-size: 18px;
  color: white;
  position: relative;
  padding-left: 20px;
}