@media (max-width: 768px) {
    :root {
        --text-2xl: 1.85rem;
        --text-xl: 1.15rem;
        --space-6: 32px;
        --space-12: 72px;
    }
}

@media (max-width: 540px) {

    #diagnostico button,
    .bk-test-band button {
        white-space: unset !important;
    }

    .bk-badge-wrap>span {
        white-space: unset !important;
        text-align: center;
    }
}

.bk-story-video {
    height: 100%;
    width: 100%;
}

.bk-story-video iframe {
    height: 100%;
    width: 100%;

    aspect-ratio: 224 / 402;
}

/* Debugging styles */
/*
* {
    outline: 1px solid red !important;
}
    */