.paragraph--type--ilustracion-y-texto {
    .container__wrapper {
        padding: 5rem 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);

        .image {
            .field--type-image {
                float: none;
                margin: 0;
            }

            img {
                margin: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                max-height: 47.5rem;
            }
        }

        .text {
            display: flex;
            flex-direction: column;
            width: 80%;
            margin-left: 20%;
            justify-content: center;
            gap: 20px;

            .field--name-field-label {
                font-size: .75rem;
                text-transform: uppercase;
                line-height: .875rem;
                color: var(--artemis-steel-blue);
            }

            .field--name-field-title {
                font-size: 2.5rem;
                line-height: 2.75rem;
                font-weight: 500;
                color: var(--artemis-deep-charcoal);
                h1,
                h2,
                h3,
                h4,
                h5,
                h6 {
                font-size: 2.5rem;
                line-height: 2.75rem;
                font-weight: 500;
                color: var(--artemis-deep-charcoal);
                }
            }

            .field--name-field-text,
            .field--name-field-text p {
                font-size: 1.125rem;
                font-weight: 400;
                line-height: 1.6875rem;
                color: var(--artemis-slate-grey);
                text-align: justify;
            }

            .field--name-field-enlace {
                a {
                    font-size: 1rem;
                    font-weight: 400;
                    line-height: 1.5rem;
                    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 12L8.6 10.55L12.15 7H0V5H12.15L8.6 1.45L10 0L16 6L10 12Z' fill='%232A7193'/%3E%3C/svg%3E%0A");
                    background-repeat: no-repeat;
                    background-position: right 5px center;
                    padding-right: 35px;
                }
            }
        }
    }

    &.image-right {
        .container__wrapper {
            .image {
                order: 2;
            }

            .text {
                order: 1;
                margin-right: 20%;
                margin-left: 0;
            }
        }
    }
}

@media (max-width: 992px) {
    .paragraph--type--ilustracion-y-texto {
        .container__wrapper {
            grid-template-columns: 1fr;
            padding: 1.5rem 0;
            gap: 25px;

            .image {
                order: 2;
            }

            .text {
                order: 1;
                width: 100%;
                margin: 0;

                .field--name-field-title {
                    font-size: 1.75rem;
                    line-height: 1.875rem;
                }
            }
        }
    }
}