body {
      background-color: #f8f9fa;
    }

    .timeline {
      position: relative;
      padding: 2rem 0;
    }

    .timeline::before {
      content: '';
      position: absolute;
      left: 50%;
      top: 0;
      bottom: 0;
      width: 4px;
      background: var(--cor-psiquiatria-secundaria);
      transform: translateX(-50%);
    }

    .timeline-entry {
      position: relative;
      width: 100%;
      margin-bottom: 4rem;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
    }

    .timeline-content {
      width: 45%;
      background: white;
      padding: 1rem;
      border-radius: 0.75rem;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
      border: 1px solid #ddd;
    }

    .timeline-date {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%);
      background: var(--cor-psiquiatria-secundaria);
      color: #fff;
      padding: 0.5rem 1rem;
      border-radius: 2rem;
      font-weight: bold;
      white-space: nowrap;
      z-index: 2;
    }

    .timeline-content img {
      width: 100%;
      border-radius: 0.5rem;
      margin-top: 0.5rem;
    }

    .img-row {
      display: flex;
      gap: 0.5rem;
      margin-top: 0.5rem;
    }

    .img-row img {
      width: 100%;
      height: auto;
      border-radius: 0.5rem;
    }

    @media (max-width: 768px) {
      .timeline-entry {
        flex-direction: column;
        align-items: center;
      }

      .timeline-content {
        width: 90%;
        text-align: center;
      }

      .timeline-date {
        position: relative;
        transform: none;
        margin: 1rem 0;
      }
    }