/* ==== 3.1 Destacado visual simple ==== */

/* Padding vertical para las versiones con fondo */
.destacado-visual.dest-visual-simple.with-background.vertical-padding .visual-simple-container {
    padding: 2.250rem 0;
}

.destacado-visual.dest-visual-simple.img-large-left.with-background .visual-simple-container,
.destacado-visual.dest-visual-simple.img-large-right.with-background .visual-simple-container {
    border-radius: var(--radius-default);
}

.destacado-visual.dest-visual-simple.img-large-right.with-background.bg-gray .visual-simple-container,
.destacado-visual.dest-visual-simple.img-large-left.with-background.bg-gray .visual-simple-container {
    background: var(--background-secondary);
}

.destacado-visual.dest-visual-simple.img-large-right.with-background.bg-accent-low,
.destacado-visual.dest-visual-simple.img-large-left.with-background.bg-accent-low{
    background-color: transparent !important;
}

.destacado-visual.dest-visual-simple.img-large-right.with-background.bg-accent-low .visual-simple-container,
.destacado-visual.dest-visual-simple.img-large-left.with-background.bg-accent-low .visual-simple-container {
    background: var(--background-accent-low) !important;
}

/* -- Columna de texto -- */

.destacado-visual.dest-visual-simple.img-left .visual-simple-container .visual-simple-item .visual-simple-image,
.destacado-visual.dest-visual-simple.img-right .visual-simple-container .visual-simple-item .visual-simple-image {
    padding-right: 3.646rem;
}

.destacado-visual.dest-visual-simple.img-large-right .visual-simple-container .visual-simple-item .visual-simple-image,
.destacado-visual.dest-visual-simple.img-large-left .visual-simple-container .visual-simple-item .visual-simple-image,
.destacado-visual.dest-visual-simple.img-large-right.with-background .visual-simple-container .visual-simple-item .visual-simple-image,
.destacado-visual.dest-visual-simple.img-large-left.with-background .visual-simple-container .visual-simple-item .visual-simple-image {
    max-height: 360px;
    max-width: 500px;
    height: 100vh;
}

.destacado-visual.dest-visual-simple.img-large-right .visual-simple-container .visual-simple-item .visual-simple-image,
.destacado-visual.dest-visual-simple.img-large-left .visual-simple-container .visual-simple-item .visual-simple-image,
.destacado-visual.dest-visual-simple.img-large-right.with-background .visual-simple-container .visual-simple-item .visual-simple-image,
.destacado-visual.dest-visual-simple.img-large-left.with-background .visual-simple-container .visual-simple-item .visual-simple-image {
    max-height: 334px;
    max-width: 464px;
}


/* -- Columna textual -- */

/* Texto */
.destacado-visual.dest-visual-simple .visual-simple-container .visual-simple-item .visual-simple-content .visual-simple-description p.text-content {
    --text-size: 1.125rem;
    --text-line-height: 1.5rem;
    margin-top: 0.7rem;
}

/* Fila de botones */
.destacado-visual.dest-visual-simple .visual-simple-container .visual-simple-item .visual-simple-content .visual-simple-links {
    margin-top: 1.95rem;
}

@media(min-width: 991px) {

    /* -- Columna de imagen -- */
    .destacado-visual.dest-visual-simple.img-large-right:not(.reduced-version) .visual-simple-container .visual-simple-item:first-child {
        margin-left: -1.25rem;
    }

    .destacado-visual.dest-visual-simple.img-large-left:not(.reduced-version) .visual-simple-container .visual-simple-item:first-child {
        margin-left: -2.5rem;
    }

    .destacado-visual.dest-visual-simple.reduced-version.img-large-right .visual-simple-container .visual-simple-item:first-child {
        padding-right: 4rem;
    }

    .destacado-visual.dest-visual-simple.reduced-version.img-large-left .visual-simple-container .visual-simple-item:last-child {
        padding-left: 4rem;
    }

    .destacado-visual.dest-visual-simple.reduced-version.img-large-right .visual-simple-container .visual-simple-item:last-child,
    .destacado-visual.dest-visual-simple.reduced-version.img-large-left .visual-simple-container .visual-simple-item:first-child {
        width: 34.118%;
    }
}

@media(max-width: 991px) {
    
    .destacado-visual.dest-visual-simple.img-large-left.with-background.bg-gray,
    .destacado-visual.dest-visual-simple.img-large-right.with-background.bg-gray {
        background: var(--background-secondary);
    }

    .destacado-visual.dest-visual-simple.img-large-left.with-background.bg-accent-low,
    .destacado-visual.dest-visual-simple.img-large-right.with-background.bg-accent-low {
        background: var(--background-accent-low)
    }

    /* -- Columna textual -- */
    .destacado-visual.dest-visual-simple.img-large-right .visual-simple-container .visual-simple-item:first-child,
    .destacado-visual.dest-visual-simple.img-large-left .visual-simple-container .visual-simple-item:first-child {
        margin-left: 0;
    }

    /* Texto */
    .destacado-visual.dest-visual-simple .visual-simple-container .visual-simple-item .visual-simple-content .visual-simple-description p.text-content {
        margin-top: .45rem;
    }

    /* Fila de botones */
    .destacado-visual.dest-visual-simple .visual-simple-container .visual-simple-item .visual-simple-content .visual-simple-links {
        margin-top: 1.75rem;
    }

    .destacado-visual.dest-visual-simple .visual-simple-container .visual-simple-item .visual-simple-content .visual-simple-links .btn.btn-primary-bcc,
    .destacado-visual.dest-visual-simple .visual-simple-container .visual-simple-item .visual-simple-content .visual-simple-links .btn.btn-secondary-bcc {
        max-width: none;
    }

    /* -- Columna de imagen */
    .destacado-visual.dest-visual-simple.img-large-right .visual-simple-container .visual-simple-item .visual-simple-image img,
    .destacado-visual.dest-visual-simple.img-large-left .visual-simple-container .visual-simple-item .visual-simple-image img,
    .destacado-visual.dest-visual-simple.img-large-right.with-background .visual-simple-container .visual-simple-item .visual-simple-image img,
    .destacado-visual.dest-visual-simple.img-large-left.with-background .visual-simple-container .visual-simple-item .visual-simple-image img {
        max-width: none
    }

    .destacado-visual.dest-visual-simple .visual-simple-container .visual-simple-item .visual-simple-image {
        padding-left: 0;
    }

    .destacado-visual.dest-visual-simple.img-left .visual-simple-container .visual-simple-item .visual-simple-image,
    .destacado-visual.dest-visual-simple.img-right .visual-simple-container .visual-simple-item .visual-simple-image,
    .destacado-visual.dest-visual-simple.img-large-right .visual-simple-container .visual-simple-item .visual-simple-image,
    .destacado-visual.dest-visual-simple.img-large-left .visual-simple-container .visual-simple-item .visual-simple-image,
    .destacado-visual.dest-visual-simple.img-large-right.with-background .visual-simple-container .visual-simple-item .visual-simple-image,
    .destacado-visual.dest-visual-simple.img-large-left.with-background .visual-simple-container .visual-simple-item .visual-simple-image {
        height: auto
    }
}