#ancla-timeline {
  display: block;
  height: 80px; 
  margin-top: 10px; 
}


#timeline {
  position: relative;
  max-width: 800px;
  margin: auto;
  padding: 20px;
  background: white;
}

h1 {
  text-align: center;
  margin-bottom: 20px;
  color: #22225f; /* Color del título de la línea de tiempo */
  font-size: 3rem; /* Tamaño del título de la línea de tiempo */
}

.leader {
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
  color: #333; /* Color del texto de Teamco */
}

.demo-card-wrapper {
  position: relative;
}

.timeline-item {
  position: relative;
  padding: 20px;
  border-left: 4px solid #22225f; /* Color de la línea de tiempo */
  margin-bottom: 20px;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.head {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.number-box {
  background-color: #007BFF; /* Color del número */
  color: white;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 10px;
  font-size: 1.5em; /* Tamaño del número */
}

h2 {
  font-size: 1.5em;
  margin: 0;
  color: #333; /* Color del título */
}

.body p {
  color: #333; /* Color del texto de la descripción */
  font-size: 1.2em; /* Tamaño de la descripción */
}

.timeline-item:nth-child(odd) {
  border-left-color: #22225f; /* Color para la línea del lado izquierdo */
}

.timeline-item:nth-child(even) {
  border-left-color: #2eb2a7; /* Color para la línea del lado izquierdo */
}

.timeline-item:nth-child(odd) .number-box {
  background-color: #22225f; /* Fondo del número para elementos impares */
}

.timeline-item:nth-child(even) .number-box {
  background-color: #2eb2a7; /* Fondo del número para elementos pares */
}

@media (max-width: 768px) {
  h1 {
      font-size: 20px; /* Título a 14px */
  }

  p.leader, h2 {
      font-size: 15px; /* Subtítulos y párrafos a 13px */
  }

  .demo-card .body p {
      font-size: 13px; /* Texto de la tarjeta a 13px */
  }
  
  .body p {
    font-size: 13px; /* Ajuste a 13px en pantallas pequeñas */
}
}