.cronologia-bloco {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    padding: 0 1.5rem;
}

.cronologia {
    aspect-ratio: 1292 / 166;
}

.cronologia-linha {
    fill: none;
    stroke: #fff;
    stroke-width: 3;
}

.cronologia-anos li {
    position: absolute;
    left: var(--x);
    top: var(--y);
    width: 5.8%;
    aspect-ratio: 1.08;
    transform: translate(-50%, -50%);
    font-size: min(1.6vw, 22px);
    font-weight: 700;
    line-height: 1;
    color: #fff;
}

.cronologia-anos li span {
    border-width: min(0.22vw, 3px);
    will-change: transform;
    animation: cronologia-flutuar var(--duracao) ease-in-out var(--atraso) infinite alternate;
}

.cronologia-anos li:nth-child(1) { --x: 2.86%; --y: 78.3%; --duracao: 3.7s; --atraso: -1.1s; }
.cronologia-anos li:nth-child(2) { --x: 18.5%; --y: 25.3%; --duracao: 4.4s; --atraso: -3.3s; }
.cronologia-anos li:nth-child(3) { --x: 34.1%; --y: 78.3%; --duracao: 3.9s; --atraso: -2.7s; }
.cronologia-anos li:nth-child(4) { --x: 49.85%; --y: 26.5%; --duracao: 4.8s; --atraso: -0.6s; }
.cronologia-anos li:nth-child(5) { --x: 65.56%; --y: 78.3%; --duracao: 3.5s; --atraso: -2.2s; }
.cronologia-anos li:nth-child(6) { --x: 81.27%; --y: 26.5%; --duracao: 4.2s; --atraso: -0.9s; }
.cronologia-anos li:nth-child(7) { --x: 97.06%; --y: 69.9%; --duracao: 4.6s; --atraso: -3.8s; }

@keyframes cronologia-flutuar {
    from { transform: translateY(-14%); }
    to { transform: translateY(14%); }
}

@media (prefers-reduced-motion: reduce) {
    .cronologia-anos li span {
        animation: none;
    }
}

.cards-marcello .swiper-slide {
    height: auto;
}

.cards-marcello .swiper-wrapper {
    align-items: stretch;
}

.cards-marcello .box-dr-marcello {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    min-height: 160px;
    margin: 0 !important;
}

.cards-marcello .cards-marcello-pagination.swiper-pagination-horizontal {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    min-height: 12px;
    margin-top: 20px;
}

.cards-marcello .swiper-pagination-bullet {
    flex: none;
    width: 8px;
    height: 8px;
    margin: 0 !important;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #15a8ab;
    opacity: 0.45;
    transition: width 200ms ease, opacity 200ms ease;
}

.cards-marcello .swiper-pagination-bullet-active {
    width: 21px;
    opacity: 1;
}