/* ==== 2.4 Distribuidor de producto único ==== */
.distribuidores.producto-unico .dist-container {
    border: 2px solid var(--turquoise-20);
}

.distribuidores.producto-unico .dist-container .dist-item .dist-image {
    max-width: 668px;
    max-height: 416px;
    border-radius: 2px 0 0 2px;
}

/* -- Columna de contenido -- */

/* Lista */
.distribuidores.producto-unico .dist-container .dist-item .dist-content .list-remarkable {
    --list-gap: 0;
    margin-top: 0.8rem;
}

.distribuidores.producto-unico .dist-container .dist-item .dist-content .list-remarkable .list-item {
    --list-item-line-height: 2rem;
}

@media (min-width: 992px) and (max-width: 1400px) {
    .distribuidores.producto-unico .dist-container {
        gap: 0;
    }

    /* -- Columna de imagen -- */
    .distribuidores.producto-unico .dist-container .dist-item .dist-image {
        padding-left: 2rem;
        padding-right: 0;
        border-radius: 2px 2px 0 0;
    }

    .distribuidores.producto-unico.img-right .dist-container .dist-item .dist-image{
        padding-left: 0;
        padding-right: 2rem;
        border-radius: 2px 2px 0 0;
    }
}

@media (max-width: 991px) {
    .distribuidores.producto-unico .container {
        margin-bottom: 3rem;
    }

    /* -- Columna de imagen -- */
    .distribuidores.producto-unico .dist-container .dist-item .dist-image {
        padding-right: 0;
    }

    /* -- Columna de contenido -- */
    .distribuidores.producto-unico .dist-container .dist-item:has(.dist-content) {
        padding: 1.45rem 1.25rem;
    }

    .distribuidores.producto-unico.img-right .dist-container {
        flex-direction: column-reverse;
        padding-top: 0;
    }

    .distribuidores.producto-unico .dist-container .dist-item .dist-content {
        padding-top: 0;
        padding-bottom: 0;
    }

    .distribuidores.producto-unico .dist-container .dist-item .dist-content .dist-description {
        margin-top: 1.25rem;
    }

    .distribuidores.producto-unico .dist-container .dist-item .dist-content .list-remarkable {
        margin-top: 1rem;
    }

    .distribuidores.producto-unico .dist-links.btn-container {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .distribuidores.producto-unico .dist-links.btn-container .btn {
        flex: 1;
        min-width: 0;
        width: auto !important;
    }
}