@import"https://fonts.googleapis.com/css2?family=Anton&family=Open+Sans:wght@500&display=swap";

:where(.astro-J7PV25F6) {
    margin: 0;
    padding: 0;
    font-family: Anton, sans-serif;
    font-family: Open Sans, sans-serif
}

.container:where(.astro-J7PV25F6) {
    background-color: #fff
}

section:where(.astro-J7PV25F6) {
    width: 100%;
    height: 500px;
    display: flex;
    padding: 0
}

.blanco:where(.astro-J7PV25F6) {
    background-color: #fff
}

.gris:where(.astro-J7PV25F6) {
    background-color: #d8d8d8
}

article:where(.astro-J7PV25F6) {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 100px;
    padding-right: 100px;
    text-align: center
}

.acerca:where(.astro-J7PV25F6) {
    padding: 0;
    max-width: 100%;
    height: 300px;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.acerca:where(.astro-J7PV25F6) p:where(.astro-J7PV25F6) {
    width: 50%;
    font-size: 15px
}

.titulo:where(.astro-J7PV25F6) {
    font-size: 60px;
    padding-bottom: 20px
}

.subtitulo:where(.astro-J7PV25F6) {
    font-size: 40px;
    padding-bottom: 20px
}

p:where(.astro-J7PV25F6) {
    text-align: center
}

.circle:where(.astro-J7PV25F6) {
    width: 450px;
    height: 450px;
    border: 5px solid gray;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto
}

.logo:where(.astro-J7PV25F6) {
    background-image: url(./NykniuB.40625773.png);
    background-color: #000
}

.medida:where(.astro-J7PV25F6) {
    background-image: url(./AMedida.30313718.jpg)
}

.rendimiento:where(.astro-J7PV25F6) {
    background-image: url(./AltoRendimiento.7f099c89.jpg)
}

.diseño:where(.astro-J7PV25F6) {
    background-image: url(./DiseñoProfesional.8812df58.jpg)
}

.creatividad:where(.astro-J7PV25F6) {
    background-image: url(./Creatividad.cd7fa0f6.jpg)
}

.papeleria:where(.astro-J7PV25F6) {
    background-image: url(./Papeleria.4b3b1ab1.jpg)
}

@media (max-width: 1200px) {
    section:where(.astro-J7PV25F6) {
        flex-direction: column;
        height: 800px;
        align-items: center;
        justify-content: center;
        margin: auto;
        padding: 50px 0
    }

    article:where(.astro-J7PV25F6) {
        width: 100%;
        margin: auto;
        padding-left: 0;
        padding-right: 0
    }

    section:where(.astro-J7PV25F6).gris {
        flex-direction: column-reverse
    }

    .acerca:where(.astro-J7PV25F6) {
        padding: 40px 0
    }

    .acerca:where(.astro-J7PV25F6) p:where(.astro-J7PV25F6) {
        width: 80%
    }

    .circle:where(.astro-J7PV25F6) {
        width: 300px;
        height: 300px
    }
}