.main-col-proc {
    padding-right: 0 !important;
}

@media (min-width: 991px) and (max-width: 1705px) {
    .main-col-proc {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 991px) and (max-width: 1230px) {
    .columnMenu {
        flex-grow: 0 !important;
    }

    .main-col-proc {
        flex: 0 0 55% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 1230px) and (max-width: 1450px) {
    .columnMenu {
        flex-grow: 0 !important;
    }

    .main-col-proc {
        flex: 0 0 65% !important;
        max-width: 100% !important;
    }
}

@media (min-width: 1450px) and (max-width: 1705px) {
    .columnMenu {
        flex-grow: 0 !important;
    }

    .main-col-proc {
        flex: 0 0 70% !important;
        max-width: 100% !important;
    }
}

.main-screen-proceso.p2025 {
    display: none;
    background: url("../Imagenes/procesos/pe2025/bienvenida/fondo.svg") no-repeat;
    background-position: center;
    background-size: cover;
}

    .main-screen-proceso.p2025 .content-container {
        min-height: 700px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        background: url("../Imagenes/procesos/pe2025/bienvenida/tamaulipas_bg.svg") no-repeat;
        background-position: 75% center;
        background-size: auto 85%;
    }

        .main-screen-proceso.p2025 .content-container::before {
            z-index: 0;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 10%), linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 10%), linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 10%), linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 10%);
            background-blend-mode: overlay;
            pointer-events: none;
        }

        .main-screen-proceso.p2025 .content-container .proceso-logo-container {
            z-index: 2;
            position: absolute;
            top: 13%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .main-screen-proceso.p2025 .content-container .proceso-logo-container .proceso-logo {
                max-width: 290px;
            }

        .main-screen-proceso.p2025 .content-container .title-main-container {
            z-index: 2;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: row;
            text-align: center;
        }

            .main-screen-proceso.p2025 .content-container .title-main-container .title-container {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }

                .main-screen-proceso.p2025 .content-container .title-main-container .title-container .title-part1 {
                    font-size: 3.5rem;
                    font-weight: 400;
                    line-height: 3.6rem;
                }

                    .main-screen-proceso.p2025 .content-container .title-main-container .title-container .title-part1 .micrositio-highlight {
                        font-weight: bold;
                        color: #a18e0e;
                    }

                .main-screen-proceso.p2025 .content-container .title-main-container .title-container .title-part2 {
                    font-size: 3.1rem;
                    font-weight: 700;
                    line-height: 3.2rem;
                }

                .main-screen-proceso.p2025 .content-container .title-main-container .title-container .title-part3 {
                    font-size: 5.2rem;
                    font-weight: 700;
                    line-height: 4.7rem;
                    color: #a18e0e;
                }

@media (max-width: 991px) {
    .main-screen-proceso.p2025 .content-container::before {
        background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 5%), linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 5%);
    }

    .main-screen-proceso.p2025 .content-container .title-main-container .title-container .title-part1 {
        font-size: 2.5rem;
        line-height: 2.7rem;
    }

    .main-screen-proceso.p2025 .content-container .title-main-container .title-container .title-part2 {
        font-size: 2.1rem;
        line-height: 2.3rem;
    }

    .main-screen-proceso.p2025 .content-container .title-main-container .title-container .title-part3 {
        font-size: 4.2rem;
        line-height: 3.7rem;
    }
}

@media (max-width: 880px) {
    .main-screen-proceso.p2025 .content-container::before {
        background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 5%), linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 5%);
    }

    .main-screen-proceso.p2025 .content-container .title-main-container .title-container .title-part1 {
        font-size: 2rem;
        line-height: 2rem;
    }

    .main-screen-proceso.p2025 .content-container .title-main-container .title-container .title-part2 {
        font-size: 1.7rem;
        line-height: 1.8rem;
    }

    .main-screen-proceso.p2025 .content-container .title-main-container .title-container .title-part3 {
        font-size: 3.5rem;
        line-height: 3.2rem;
    }
}

@media (max-width: 700px) {
    .main-screen-proceso.p2025 .content-container .title-main-container .title-container .title-part1 {
        font-size: 1.85rem;
        line-height: 1.85rem;
    }

    .main-screen-proceso.p2025 .content-container .title-main-container .title-container .title-part2 {
        font-size: 1.7rem;
        line-height: 1.75rem;
    }

    .main-screen-proceso.p2025 .content-container .title-main-container .title-container .title-part3 {
        font-size: 3rem;
        line-height: 3.2rem;
    }
}

@media (max-width: 500px) {
    .main-screen-proceso.p2025 .content-container {
        min-height: 550px;
        background-position: center center;
        background-size: auto 85%;
    }

        .main-screen-proceso.p2025 .content-container .proceso-logo-container .proceso-logo {
            max-width: 200px;
        }

        .main-screen-proceso.p2025 .content-container .title-main-container .title-container .title-part1 {
            font-size: 1.7rem;
            line-height: 1.8rem;
        }

        .main-screen-proceso.p2025 .content-container .title-main-container .title-container .title-part2 {
            font-size: 1.6rem;
            line-height: 1.7rem;
        }

        .main-screen-proceso.p2025 .content-container .title-main-container .title-container .title-part3 {
            font-size: 2.5rem;
            line-height: 2.5rem;
        }
}
/*# sourceMappingURL=Procesos.css.map */