/* Minification failed. Returning unminified contents.
(143,1): run-time error CSS1019: Unexpected token, found '}'
 */
.main-container {
    min-height: 100vh;
    background-color: #060622;
}

.container-closepro {
    padding-top: 7rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contenido-closepro {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.closepro-img {
    display: flex;
    justify-content: center;
}

    .closepro-img img {
        width: 80%;
        max-width: 250px;
    }

.closepro-txt {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin-top: 30px;
}

    .closepro-txt h1 {
        font-size: 30px;
        text-align: center;
        max-width: 300px;
        color: white;
        font-weight: 900;
        /* filter: drop-shadow(0px 0px 19px #1377F0); */
        text-shadow: -3px -3px 0 #1377F0, 0px -3px 0 #1377F0, 3px -3px 0 #1377F0, -3px 0px 0 #1377F0, 3px 0px 0 #1377F0, -3px 3px 0 #1377F0, 0px 3px 0 #1377F0, 3px 3px 0 #1377F0;
        text-transform: uppercase;
    }

    .closepro-txt h2 {
        color: white;
        text-align: center;
        text-shadow: 0px 0px 2px #009CDC;
        font-size: 18px;
        font-weight: 900;
        text-transform: uppercase;
    }

    .closepro-txt p {
        max-width: 300px;
        text-align: center;
        color: white;
        font-size: 16px;
        font-weight: 600;
        text-shadow: 0px 0px 2px #009CDC;
    }

        .closepro-txt p > a {
            color: #009CDC;
        }

.closepro-garra {
    width: 100%;
    display: flex;
    justify-content: right;
}

    .closepro-garra img {
        width: 100%;
        max-width: 400px;
    }

.closepro-img--mo {
}

.closepro-img--dt {
    display: none;
}

@media(min-width: 900px) {
    .main-container {
        display: flex;
        justify-content: center;
    }

    .closepro-img--mo {
        display: none;
    }

    .closepro-img--dt {
        display: flex;
        width: 40%;
    }

        .closepro-img--dt img {
            width: 100%;
            max-width: initial;
        }


    .container-closepro {
        padding: 7rem 0 3rem;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        max-width: 1500px;
        gap: 60px;
    }

    .closepro-txt h1 {
        max-width: initial;
    }

    .closepro-txt p {
        font-size: 20px;
        max-width: 450px;
    }

    .closepro-txt h2 {
        font-size: 20px
    }

    .contenido-closepro {
        width: 60%;
    }
}

    .closepro-txt h2 {
        font-size: 20px
    }

    .contenido-closepro {
        width: 70%;
    }
}

