body {
    overflow: auto;
}

header .encuestas {
    background-color: white;
    border-bottom: 1px solid var(--bs-border-color);
    height: 4rem;
    padding: 0 1.5rem;
}

    header .encuestas .titulo {
        /*font-family: 'Ephesis', cursive;*/
        color:var(--bs-gray-600);
        font-size: 1.25rem;
        font-weight: 700;
    }

section.contenido {
    height: calc(100vh - 4rem);
}

    section.contenido .encuestas {
        text-align: justify;
        padding: 2rem;
    }

        section.contenido .encuestas .logo {
            margin: 1rem 0 0rem;
            max-height: 2rem;
        }

            section.contenido .encuestas .logo > .linea {
                border: 1px solid var(--gt-secondary);
            }

            section.contenido .encuestas .logo > .icono {
                align-items: center;
                display: flex;
                justify-content: center;
                position: relative;
                top: -30px;
            }

                section.contenido .encuestas .logo > .icono > div {
                    align-items: center;
                    background-color: var(--gt-secondary);
                    border-radius: 50%;
                    border: 6px solid var(--gt-body);
                    color: #fff;
                    display: flex;
                    font-size: 1.75rem;
                    height: 4rem;
                    justify-content: center;
                    width: 4rem;
                }

    section.contenido .btn-check + .btn {
        color: var(--bs-gray-600);
        background-color: var(--bs-gray-300);
        border-color: var(--bs-gray-500);
        font-size: 1.2rem;
    }

    section.contenido .btn-check:checked + .btn,
    section.contenido .btn.active,
    section.contenido .btn.show,
    section.contenido .btn:first-child:active,
    section.contenido :not(.btn-check) + .btn:active {
        background-color:var(--gt-secondary);
        color: #fff;
        border-color: var(--gt-secondry);
        font-weight: 700;
    }

/*Movil vertical*/
@media screen and (max-width: 800px) {
    section.contenido .btn-check + .btn {
        font-size: 2.5rem;
        margin-bottom:1rem;
        width: 100%;
    }

    .form-check {
        padding-left: 0;
    }

    #preguntaAnterior, #preguntaSiguiente, #preguntaFinal {
        margin-bottom: 0.75rem;
        font-size:2rem;
    }
}

@media screen and (max-width: 426px) {
    header {
        position: relative;
    }

        header .encuestas .titulo {
            font-size: 1.5rem;
        }

    section.contenido .btn-check + .btn {
        font-size: 2rem;
    }

    #preguntaAnterior, #preguntaSiguiente, #preguntaFinal {
        width: 100%;
        margin-bottom: 0.75rem;
        font-size: 2.5rem;
    }
}