.mod-video-ofertas-solar {
    width: 100%;
    display: flex;
    justify-content: center;

    & .content {
        display: flex;
        box-sizing: border-box;
        width: var(--360-575-page-width, 360px);
        padding: var(--size-space-40, 40px) var(--360-575-page-margin, 16px) var(--size-space-64, 64px) var(--360-575-page-margin, 16px);
        flex-direction: column;
        align-items: center;
        gap: var(--size-space-40, 40px);

        & .title {
            text-align: left;
            color: var(--Color-Content-General-1, #2C2C2C);
            font-feature-settings: 'liga' off, 'clig' off;
            margin: 0px;
        }

        & .body {
            display: flex;
            padding: var(--size-space-0, 0px);
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            gap: var(--size-space-24, 24px);
            align-self: stretch;

            & .text-content {
                display: flex;
                padding: var(--size-space-0, 0px);
                flex-direction: column;
                align-items: flex-start;
                gap: var(--size-space-16, 16px);
                align-self: stretch;

                & p {
                    color: var(--Color-Content-General-2, #707070);
                    font-feature-settings: 'liga' off, 'clig' off;
                    margin: 0;
                    text-align: left;
                }
            }

            & .video-thumbnail {
                position: relative;
                display: flex;
                height: 200px;
                padding: var(--size-space-0, 0px);
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: var(--size-space-0, 0px);
                align-self: stretch;

                & .image-content {
                    & img {
                        object-fit: cover;
                        width: 100%;
                        height: 100%;
                    }
                }

                & .video-content {
                    width: 100%;
                    height: 100%;
                }

                & .play-button {
                    position: absolute;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-radius: var(--border-radius-xl, 100px);
                    background: var(--Color-Surface-General-1, #FFF);
                    width: 56px;
                    height: 56px;

                    & .img {
                        object-fit: cover;
                        width: 100%;
                        height: 100%;
                    }
                }
            }
        }



    }
}

@media (min-width: 576px) {
    .mod-video-ofertas-solar {
        & .content {
            width: var(--576-767-page-width, 576px);
            padding: var(--size-space-40, 40px) var(--576-767-page-margin, 42px) var(--size-space-64, 64px) var(--576-767-page-margin, 42px);
        }
    }
}

@media (min-width: 768px) {
    .mod-video-ofertas-solar {
        & .content {
            width: var(--768-991-page-width, 768px);
            padding: var(--size-space-64, 64px) var(--768-991-page-margin, 48px);

            & .body {
                & .video-thumbnail {
                    height: 250px;
                }
            }
        }
    }
}

@media (min-width: 992px) {
    .mod-video-ofertas-solar {
        & .content {
            width: var(--992-1199-page-width, 992px);
            padding: var(--size-space-64, 64px) var(--992-1199-page-margin, 82px);

            & .body {
                flex-direction: row-reverse;
                gap: var(--size-space-24, 24px);

                & .text-content {
                    text-align: start;
                    justify-content: center;
                    align-items: start;
                    flex: 1 0 0;
                }

                & .video-thumbnail {
                    flex: 1 0 0;
                    height: 300px;
                }
            }
        }
    }
}

@media (min-width: 1200px) {
    .mod-video-ofertas-solar {

        & .content {
            width: var(--1200-1399-page-width, 1200px);
            padding: var(--size-space-64, 64px) var(--1200-1399-page-margin, 102px);

        }
    }
}

@media (min-width: 1920px) {
    .mod-video-ofertas-solar {
        width: 100%;
        display: flex;
        justify-content: center;

        & .content {
            width: var(--14001920-page-width, 1920px);
            padding: var(--size-space-64, 64px) var(--14001920-page-margin, 324px);
        }
    }
}