.hero-image {
    position: relative;
    text-align: center;
    color: white;
  }

  .hero-image img {
    width: 100%;
    height: auto;
    max-height: 500px; /* Ajusta la altura máxima según tus necesidades */
    object-fit: cover;
  }

  .hero-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Añade un poco de sombra al texto */
  }

  .hero-text h1 {
    font-size: 3rem;
    margin-bottom: 0.5rem;
  }

  .hero-text p {
    font-size: 1.5rem;
  }

  #Seguimiento {
    background-color: #cf0909; /* Color de fondo deseado */
    padding: 20px;             /* Añade algo de padding para mejorar la apariencia */
            /* Opcional: añade bordes redondeados */
}

.accordion .btn-link {
  color: #eef3ef; /* Color del texto del botón */
  background-color: #0b2343; /* Color de fondo del botón */
  border: none; /* Elimina el borde */
}

.accordion .btn-link.collapsed {
  color: #eef3ef; /* Color del texto cuando está colapsado */
}

.accordion .btn-link:focus {
  box-shadow: none; /* Elimina el sombreado cuando el botón está enfocado */
}

.accordion .card-header {
  background-color: #0b2343; /* Color de fondo del encabezado */
  color: white; /* Color del texto del encabezado */
}

.accordion .card-body {
  background-color: #f8f9fa; /* Color de fondo del cuerpo del panel */
  color: #212529; /* Color del texto del cuerpo */
}

.linea-roja {
  height: 5px;
  background-color: #FF0000; /* Rojo */
}