.tradicion-marina {
    background-color: transparent;
}

.tradicion-marina__top,
.tradicion-marina__bottom {
    gap: 1.7rem;
}

.tradicion-marina__top {
    align-items: center;
    margin-bottom: 2.6rem;
}

.tradicion-marina__top-card {
    flex: 1 1 520px;
    align-items: center;
    gap: 1.2rem;
}

.tradicion-marina__top-image-wrap {
    margin: 0;
    width: min(44%, 260px);
}

.tradicion-marina__top-image-wrap--rect {
    width: min(44%, 290px);
}

.tradicion-marina__top-image {
    width: 100%;
    height: auto;
    display: block;
}

.tradicion-marina__top-copy {
    flex: 1 1 250px;
}

.tradicion-marina__top-title {
    margin: 0;
    color: #101114;
    line-height: 1.05;
}

.tradicion-marina__top-text {
    margin: 0.6rem 0 0;
    color: #202224;
    line-height: 1.45;
}

.tradicion-marina__bottom {
    align-items: stretch;
}

.tradicion-marina__mercado-wrap {
    margin: 0;
    flex: 0 1 350px;
    min-width: 280px;
}

.tradicion-marina__mercado-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.tradicion-marina__panel {
    flex: 1 1 680px;
    padding: clamp(1.2rem, 2.2vw, 2rem);
    background-color: #023986;
    background-image: url(../img/textures/waterTexture-brightBlue.webp);
}

.tradicion-marina__panel-title {
    margin: 0;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 0.95;
    font-size: 34px;
}

.tradicion-marina__panel-content {
    margin-top: 1.2rem;
    align-items: flex-start;
    gap: 1.2rem;
}

.tradicion-marina__panel-media {
    flex: 1 1 360px;
}

.tradicion-marina__panel-image {
    width: 100%;
    display: block;
}

.tradicion-marina__panel-caption {
    margin: 0.65rem 0 0;
    color: #ffffff;
    line-height: 1.35;
    font-size: .85rem;
}

.tradicion-marina__panel-stats {
    flex: 1 1 280px;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

.tradicion-marina__stat-value {
    display: block;
    color: #ffffff;
    line-height: 1;
    font-size: 26px;
}

.tradicion-marina__stat-text {
    margin: 0.45rem 0 0;
    color: #ffffff;
    line-height: 1.4;
}

@media (max-width: 980px) {
    .tradicion-marina__top-image-wrap,
    .tradicion-marina__top-image-wrap--rect {
        width: 100%;
    }

    .tradicion-marina__mercado-wrap {
        flex-basis: 100%;
    }
}