/* Usado so no editor/preview do Elementor; na home valem as regras inline do index.php. */
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');

.elementor-widget-liceo-nuvem-palavras .hero {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 24px 0 0;
    background: linear-gradient(to right, #f3f3f3 0%, #F1EDE9 100%);
}

.elementor-widget-liceo-nuvem-palavras .hero-words {
    position: relative;
    width: 100%;
    display: block;
    padding-bottom: 24px;
}

.elementor-widget-liceo-nuvem-palavras canvas {
    display: block;
    width: 100%;
    aspect-ratio: 1920 / 995;
}

@media (max-width: 500px) {
    .elementor-widget-liceo-nuvem-palavras .hero-words {
        height: 100%;
    }

    .elementor-widget-liceo-nuvem-palavras canvas {
        height: 100%;
        aspect-ratio: auto;
    }
}