/**
Theme Name: Astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Version: 4.6.5
Requires at least: 5.3
Tested up to: 6.4
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

Astra is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of.
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icon by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

/* Note: The CSS files are loaded from assets/css/ folder. */
/* =========================================================
   HOME - HERO MOBILE
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Hero principal
     */
    .elementor-2471 .elementor-element.elementor-element-996e7fc {
        min-height: auto;
        padding: 32px 20px 40px;

        /* melhora o enquadramento da foto no celular */
        background-position: center center !important;
        background-size: cover !important;
    }


    /*
     * Coluna com todo o conteúdo
     */
    .elementor-2471 .elementor-element.elementor-element-b870000 {
        width: 100% !important;
        max-width: 100% !important;

        padding: 24px 20px 28px;

        /*
         * Fundo sutil para separar o texto da fotografia.
         * Se não gostar, pode remover estas 4 propriedades.
         */
        background: rgba(255, 255, 255, 0.76);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);

        border-radius: 18px;
    }


    /*
     * Bandeiras
     */
    .elementor-2471 .elementor-element.elementor-element-293daaa {
        margin-bottom: 18px;
    }

    .elementor-2471
    .elementor-element.elementor-element-293daaa img {
        width: 220px !important;
        max-width: 85% !important;
        height: auto !important;
        margin: 0 !important;
    }


    /*
     * Título
     *
     * O HTML possui font-size: 35px inline,
     * então usamos !important para sobrescrever.
     */
    .elementor-2471
    .elementor-element.elementor-element-da0925d
    span {
        font-size: clamp(27px, 7.5vw, 34px) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.4px !important;
    }

    .elementor-2471
    .elementor-element.elementor-element-da0925d p {
        line-height: 1.08 !important;
        margin: 0 !important;
    }

    .elementor-2471 .elementor-element.elementor-element-da0925d {
        margin-bottom: 18px;
    }


    /*
     * Texto abaixo do título
     */
    .elementor-2471 .elementor-element.elementor-element-b9bb3e4 {
        font-size: 16px !important;
        line-height: 1.55 !important;
        font-weight: 500 !important;

        max-width: 34rem;

        margin-bottom: 24px;
    }

    .elementor-2471
    .elementor-element.elementor-element-b9bb3e4 b {
        font-weight: 600 !important;
    }


    /*
     * Botão
     */
    .elementor-2471 .elementor-element.elementor-element-208475f {
        width: 100%;
    }

    .elementor-2471
    .elementor-element.elementor-element-208475f
    .elementor-button {
        width: 100%;
        max-width: 310px;

        min-height: 48px;

        display: inline-flex;
        align-items: center;
        justify-content: center;

        padding: 13px 22px !important;

        font-size: 14px !important;
        line-height: 1.2;
        letter-spacing: 1px;

        border-radius: 999px;
    }
}


/* Celulares bem pequenos */
@media (max-width: 420px) {

    .elementor-2471 .elementor-element.elementor-element-996e7fc {
        padding: 24px 14px 32px;
    }

    .elementor-2471 .elementor-element.elementor-element-b870000 {
        padding: 20px 16px 24px;
        border-radius: 14px;
    }

    .elementor-2471
    .elementor-element.elementor-element-da0925d
    span {
        font-size: 27px !important;
    }

    .elementor-2471 .elementor-element.elementor-element-b9bb3e4 {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }
}
/* =========================================================
   SERVIÇOS / SUA NECESSIDADE - MOBILE
   ========================================================= */
@media (max-width: 767px) {

    /* grids da seção de serviços */
    .elementor-2471 .elementor-element.elementor-element-ca26503 > .e-con-inner,
    .elementor-2471 .elementor-element.elementor-element-e3e6bcd > .e-con-inner {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px;
    }

    /* cada item (ícone + accordion) vira um card */
    .elementor-2471 .elementor-element.elementor-element-ca26503 .e-con.e-child,
    .elementor-2471 .elementor-element.elementor-element-e3e6bcd .e-con.e-child {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px;

        min-height: auto !important;
        padding: 20px 16px;
        background: #ffffff;
        border-radius: 18px;
    }

    /* ícone */
    .elementor-2471 .elementor-widget-icon {
        margin: 0 !important;
    }

    .elementor-2471 .elementor-widget-icon .elementor-icon-wrapper {
        margin: 0 !important;
        display: flex;
        justify-content: center;
    }

    .elementor-2471 .elementor-widget-icon .elementor-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 56px;
        height: 56px;
        font-size: 38px;
    }

    /* accordion ocupa a largura toda */
    .elementor-2471 .elementor-widget-n-accordion,
    .elementor-2471 .e-n-accordion,
    .elementor-2471 .e-n-accordion-item {
        width: 100% !important;
    }

    /* título do accordion */
    .elementor-2471 .e-n-accordion-item-title {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px;

        padding: 0 !important;
        text-align: center !important;
        min-height: auto !important;
    }

    /* texto do título */
    .elementor-2471 .e-n-accordion-item-title-header {
        order: 1;
        margin: 0 !important;
        flex: 0 1 auto;
        max-width: calc(100% - 32px);
    }

    .elementor-2471 .e-n-accordion-item-title-text {
        font-size: 18px;
        line-height: 1.35;
        text-align: center;
    }

    /* ícone + / - do accordion */
    .elementor-2471 .e-n-accordion-item-title-icon {
        order: 2;
        margin: 0 !important;
        position: static !important;
        transform: none !important;
        flex: 0 0 auto;
    }

    .elementor-2471 .e-n-accordion-item-title-icon i {
        font-size: 16px;
    }

    /* conteúdo aberto do accordion */
    .elementor-2471 .e-n-accordion-item[open] > [role="region"] {
        padding-top: 12px;
    }

    .elementor-2471 .e-n-accordion-item [role="region"] {
        text-align: left;
    }

    .elementor-2471 .e-n-accordion-item [role="region"] p {
        margin-bottom: 0.75em;
        font-size: 15px;
        line-height: 1.55;
    }
}
/* =========================================================
   SOBRE - LIDERANÇA - MOBILE
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Seção completa
     */
    .elementor-3564
    .elementor-element.elementor-element-3947bec3 {
        position: relative;

        /*
         * Mantemos a imagem, mas evitamos que ela
         * fique atravessando todo o texto.
         */
        background-size: auto 270px !important;
        background-position: center 105px !important;
        background-repeat: no-repeat !important;

        padding: 32px 20px 42px !important;
    }


    /*
     * Container interno
     */
    .elementor-3564
    .elementor-element.elementor-element-cc3fb26 {
        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;
    }


    /*
     * Remove os spacers do Elementor no mobile.
     * São eles que normalmente deixam grandes
     * espaços desnecessários.
     */
    .elementor-3564
    .elementor-element.elementor-element-d74b301,

    .elementor-3564
    .elementor-element.elementor-element-649e1a0 {
        display: none !important;
    }


    /*
     * Título Liderança
     */
    .elementor-3564
    .elementor-element.elementor-element-f4cbc9a {
        margin: 0 0 310px 0 !important;
        width: 100% !important;
    }

    .elementor-3564
    .elementor-element.elementor-element-f4cbc9a p {
        margin: 0 !important;
        line-height: 1.1 !important;
    }

    .elementor-3564
    .elementor-element.elementor-element-f4cbc9a span {
        font-size: 32px !important;
        line-height: 1.1 !important;
        letter-spacing: 2px;
    }


    /*
     * Texto
     */
    .elementor-3564
    .elementor-element.elementor-element-4e44bc4a {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-3564
    .elementor-element.elementor-element-4e44bc4a p {
        margin: 0 0 20px !important;

        font-size: 16px !important;
        line-height: 1.65 !important;

        color: #555 !important;
    }

    .elementor-3564
    .elementor-element.elementor-element-4e44bc4a p:last-child {
        margin-bottom: 0 !important;
    }


    /*
     * Destaque do nome
     */
    .elementor-3564
    .elementor-element.elementor-element-4e44bc4a b {
        color: #444;
        font-weight: 700;
    }
}
/* =========================================================
   THE NOITE - HERO MOBILE
   ========================================================= */

@media (max-width: 767px) {

    /*
     * HERO
     *
     * A imagem continua como background, mas mostramos
     * apenas uma faixa dela entre título e texto.
     */
    .elementor-2822
    .elementor-element.elementor-element-2fa1a910 {
        min-height: 0 !important;

        padding: 20px 16px 32px !important;

        background-size: 100% auto !important;
        background-position: center 145px !important;
        background-repeat: no-repeat !important;
    }


    /*
     * Container interno
     */
    .elementor-2822
    .elementor-element.elementor-element-32b91541 {
        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;
        gap: 0 !important;
    }


    /*
     * Remove spacers criados para desktop
     */
    .elementor-2822
    .elementor-element.elementor-element-d7533a5,

    .elementor-2822
    .elementor-element.elementor-element-8431470 {
        display: none !important;
    }


    /* =====================================================
       TÍTULO
       ===================================================== */

    .elementor-2822
    .elementor-element.elementor-element-7ad5f258 {
        width: 100% !important;

        /*
         * Fundo branco impede que a foto invada o título.
         */
        background: #fff;

        margin: 0 0 210px !important;
        padding: 8px 0 18px !important;

        position: relative;
        z-index: 2;
    }

    .elementor-2822
    .elementor-element.elementor-element-7ad5f258 p {
        margin: 0 !important;
        line-height: 1.08 !important;
    }

    .elementor-2822
    .elementor-element.elementor-element-7ad5f258 span {
        font-size: clamp(26px, 6.5vw, 30px) !important;
        line-height: 1.08 !important;

        letter-spacing: 1px !important;
    }


    /* =====================================================
       TEXTO - vira um pequeno card sobre a foto
       ===================================================== */

    .elementor-2822
    .elementor-element.elementor-element-4dfd2b3 {
        width: 100% !important;
        max-width: 100% !important;

        /*
         * entra um pouco em cima da imagem
         */
        margin: -26px 0 0 !important;

        padding: 20px 18px !important;

        background: #fff;

        border-radius: 16px;

        box-shadow:
            0 8px 24px rgba(0, 0, 0, 0.08);

        position: relative;
        z-index: 3;
    }

    .elementor-2822
    .elementor-element.elementor-element-4dfd2b3 strong,

    .elementor-2822
    .elementor-element.elementor-element-4dfd2b3 strong span {
        display: block;

        font-size: 16px !important;
        line-height: 1.55 !important;

        font-weight: 600 !important;

        color: #333 !important;
    }
}


/* =========================================================
   CELULARES MENORES
   ========================================================= */

@media (max-width: 420px) {

    .elementor-2822
    .elementor-element.elementor-element-2fa1a910 {
        padding-left: 14px !important;
        padding-right: 14px !important;

        background-position: center 135px !important;
    }

    .elementor-2822
    .elementor-element.elementor-element-7ad5f258 {
        margin-bottom: 180px !important;
    }

    .elementor-2822
    .elementor-element.elementor-element-7ad5f258 span {
        font-size: 25px !important;
    }

    .elementor-2822
    .elementor-element.elementor-element-4dfd2b3 {
        padding: 18px 16px !important;
    }

    .elementor-2822
    .elementor-element.elementor-element-4dfd2b3 strong,

    .elementor-2822
    .elementor-element.elementor-element-4dfd2b3 strong span {
        font-size: 15px !important;
    }
}
/* =========================================================
   PODPAH - HERO MOBILE
   Página Elementor 3832
   ========================================================= */

@media (max-width: 767px) {

    /* HERO */
    .elementor-3832
    .elementor-element.elementor-element-a779e46 {
        min-height: 0 !important;

        padding: 24px 18px 34px !important;

        /*
         * Foto vira uma faixa entre título e descrição.
         */
        background-size: auto 210px !important;
        background-position: right 155px !important;
        background-repeat: no-repeat !important;
    }


    /* container interno */
    .elementor-3832
    .elementor-element.elementor-element-4ce8179b {
        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;
        gap: 0 !important;
    }


    /*
     * Remove os spacers do layout desktop.
     * Isso deve eliminar aquele enorme vazio
     * entre header e título.
     */
    .elementor-3832
    .elementor-element.elementor-element-6ba18c67,

    .elementor-3832
    .elementor-element.elementor-element-2d5d3288 {
        display: none !important;
    }


    /* =====================================================
       TÍTULO
       ===================================================== */

    .elementor-3832
    .elementor-element.elementor-element-43f9af02 {
        width: 100% !important;

        margin: 0 0 165px !important;
        padding: 8px 0 16px !important;

        /*
         * Não deixa a imagem aparecer atrás do título.
         */
        background: #fff;

        position: relative;
        z-index: 2;
    }

    .elementor-3832
    .elementor-element.elementor-element-43f9af02 p {
        margin: 0 !important;
        line-height: 1.08 !important;
    }

    .elementor-3832
    .elementor-element.elementor-element-43f9af02 span {
        font-size: clamp(25px, 6.5vw, 30px) !important;
        line-height: 1.08 !important;

        letter-spacing: 1px !important;
    }


    /* =====================================================
       TEXTO ABAIXO
       ===================================================== */

    .elementor-3832
    .elementor-element.elementor-element-220ceb35 {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 18px 0 0 !important;

        /*
         * Encerra claramente a região da foto.
         */
        background: #fff;

        position: relative;
        z-index: 2;
    }

    .elementor-3832
    .elementor-element.elementor-element-220ceb35 strong,

    .elementor-3832
    .elementor-element.elementor-element-220ceb35 span {
        font-size: 16px !important;
        line-height: 1.55 !important;

        font-weight: 600 !important;

        color: #333 !important;
    }
}


/* celulares menores */
@media (max-width: 420px) {

    .elementor-3832
    .elementor-element.elementor-element-a779e46 {
        padding: 20px 15px 30px !important;

        background-size: auto 185px !important;
        background-position: right 145px !important;
    }

    .elementor-3832
    .elementor-element.elementor-element-43f9af02 {
        margin-bottom: 145px !important;
    }

    .elementor-3832
    .elementor-element.elementor-element-43f9af02 span {
        font-size: 25px !important;
    }

    .elementor-3832
    .elementor-element.elementor-element-220ceb35 strong,

    .elementor-3832
    .elementor-element.elementor-element-220ceb35 span {
        font-size: 15px !important;
    }
}
/* =========================================================
   TRADUÇÃO DE COREANO - HERO MOBILE
   Elementor Page ID: 3730
   ========================================================= */

@media (max-width: 767px) {

    /* Hero */
    .elementor-3730
    .elementor-element.elementor-element-145df543 {
        min-height: 0 !important;

        padding: 24px 18px 34px !important;

        /*
         * A foto vira uma faixa separada
         * entre título e descrição.
         */
        background-size: auto 205px !important;
        background-position: right 180px !important;
        background-repeat: no-repeat !important;
    }


    /* Container interno */
    .elementor-3730
    .elementor-element.elementor-element-7a275500 {
        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;
        gap: 0 !important;
    }


    /*
     * Remove os spacers usados no desktop.
     * Isso elimina o espaço enorme abaixo do header.
     */
    .elementor-3730
    .elementor-element.elementor-element-351e2834,

    .elementor-3730
    .elementor-element.elementor-element-37426e73 {
        display: none !important;
    }


    /* =====================================================
       TÍTULO
       ===================================================== */

    .elementor-3730
    .elementor-element.elementor-element-5c3947a6 {
        width: 100% !important;

        margin: 0 0 165px !important;
        padding: 8px 0 16px !important;

        /*
         * Não deixa a foto aparecer atrás das letras.
         */
        background: #fff;

        position: relative;
        z-index: 2;
    }

    .elementor-3730
    .elementor-element.elementor-element-5c3947a6 p {
        margin: 0 !important;
        line-height: 1.08 !important;
    }

    .elementor-3730
    .elementor-element.elementor-element-5c3947a6 span {
        font-size: clamp(24px, 6vw, 29px) !important;
        line-height: 1.1 !important;

        letter-spacing: 1px !important;
    }


    /* =====================================================
       TEXTO
       ===================================================== */

    .elementor-3730
    .elementor-element.elementor-element-1a6fde48 {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 18px 0 0 !important;

        background: #fff;

        position: relative;
        z-index: 2;
    }

    .elementor-3730
    .elementor-element.elementor-element-1a6fde48 strong,
    .elementor-3730
    .elementor-element.elementor-element-1a6fde48 span {
        font-size: 16px !important;
        line-height: 1.55 !important;

        font-weight: 600 !important;

        color: #333 !important;
    }
}


/* Celulares menores */
@media (max-width: 420px) {

    .elementor-3730
    .elementor-element.elementor-element-145df543 {
        padding: 20px 15px 30px !important;

        background-size: auto 180px !important;
        background-position: right 170px !important;
    }

    .elementor-3730
    .elementor-element.elementor-element-5c3947a6 {
        margin-bottom: 145px !important;
    }

    .elementor-3730
    .elementor-element.elementor-element-5c3947a6 span {
        font-size: 24px !important;
    }

    .elementor-3730
    .elementor-element.elementor-element-1a6fde48 strong,
    .elementor-3730
    .elementor-element.elementor-element-1a6fde48 span {
        font-size: 15px !important;
    }
}
/* =========================================================
   MISSÕES INTERNACIONAIS - HERO MOBILE
   Elementor Page ID: 3682
   ========================================================= */

@media (max-width: 767px) {

    /* HERO */
    .elementor-3682
    .elementor-element.elementor-element-2f1ca2a5 {
        min-height: 0 !important;

        padding: 24px 18px 34px !important;

        /* Foto vira uma faixa própria */
        background-size: auto 210px !important;
        background-position: right 155px !important;
        background-repeat: no-repeat !important;
    }


    /* Container interno */
    .elementor-3682
    .elementor-element.elementor-element-5bcd69c3 {
        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;
        gap: 0 !important;
    }


    /* Remove os spacers desktop */
    .elementor-3682
    .elementor-element.elementor-element-50d62f2f,

    .elementor-3682
    .elementor-element.elementor-element-1ef27c5b {
        display: none !important;
    }


    /* =====================================================
       TÍTULO
       ===================================================== */

    .elementor-3682
    .elementor-element.elementor-element-2b2d6003 {
        width: 100% !important;

        margin: 0 0 165px !important;
        padding: 8px 0 16px !important;

        /* impede a foto de atravessar o título */
        background: #fff;

        position: relative;
        z-index: 2;
    }

    .elementor-3682
    .elementor-element.elementor-element-2b2d6003 p {
        margin: 0 !important;
        line-height: 1.08 !important;
    }

    .elementor-3682
    .elementor-element.elementor-element-2b2d6003 span {
        font-size: clamp(25px, 6.5vw, 30px) !important;
        line-height: 1.1 !important;

        letter-spacing: 1px !important;
    }


    /* =====================================================
       TEXTO
       ===================================================== */

    .elementor-3682
    .elementor-element.elementor-element-6b99fb8d {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 18px 0 0 !important;

        /* encerra a imagem antes da descrição */
        background: #fff;

        position: relative;
        z-index: 2;
    }

    .elementor-3682
    .elementor-element.elementor-element-6b99fb8d strong,

    .elementor-3682
    .elementor-element.elementor-element-6b99fb8d span {
        font-size: 16px !important;
        line-height: 1.55 !important;

        font-weight: 600 !important;

        color: #333 !important;
    }
}


/* =========================================================
   CELULARES MENORES
   ========================================================= */

@media (max-width: 420px) {

    .elementor-3682
    .elementor-element.elementor-element-2f1ca2a5 {
        padding: 20px 15px 30px !important;

        background-size: auto 185px !important;
        background-position: right 145px !important;
    }

    .elementor-3682
    .elementor-element.elementor-element-2b2d6003 {
        margin-bottom: 145px !important;
    }

    .elementor-3682
    .elementor-element.elementor-element-2b2d6003 span {
        font-size: 24px !important;
    }

    .elementor-3682
    .elementor-element.elementor-element-6b99fb8d strong,

    .elementor-3682
    .elementor-element.elementor-element-6b99fb8d span {
        font-size: 15px !important;
    }
}
/* =========================================================
   INTERPRETAÇÃO SIMULTÂNEA - HERO MOBILE
   Elementor Page ID: 3171
   ========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       HERO
       ===================================================== */

    .elementor-3171
    .elementor-element.elementor-element-743fbe61 {
        position: relative;

        min-height: auto !important;

        padding: 24px 16px 38px !important;

        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;

        overflow: hidden;
    }


    /*
     * Camada para melhorar a leitura.
     *
     * Mantém a foto visível em cima e vai clareando
     * na região do texto.
     */
    .elementor-3171
    .elementor-element.elementor-element-743fbe61::before {
        content: "";

        position: absolute;
        inset: 0;

        background:
            linear-gradient(
                to bottom,
                rgba(255, 255, 255, 0.05) 0%,
                rgba(255, 255, 255, 0.12) 28%,
                rgba(255, 255, 255, 0.40) 48%,
                rgba(255, 255, 255, 0.82) 68%,
                rgba(255, 255, 255, 0.96) 100%
            );

        pointer-events: none;

        z-index: 0;
    }


    /* conteúdo fica acima do degradê */
    .elementor-3171
    .elementor-element.elementor-element-743fbe61 > .e-con-inner {
        position: relative;
        z-index: 1;
    }


    /*
     * Esse segundo container está vazio.
     * No mobile ele não precisa ocupar espaço.
     */
    .elementor-3171
    .elementor-element.elementor-element-52a28c83 {
        display: none !important;
    }


    /* container principal */
    .elementor-3171
    .elementor-element.elementor-element-20fa0253 {
        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;

        gap: 0 !important;
    }


    /* =====================================================
       BANDEIRAS
       ===================================================== */

    .elementor-3171
    .elementor-element.elementor-element-26d88e77 {
        width: 100% !important;

        margin: 0 0 24px !important;
    }

    .elementor-3171
    .elementor-element.elementor-element-26d88e77 p {
        margin: 0 !important;
    }

    .elementor-3171
    .elementor-element.elementor-element-26d88e77 img {
        width: 220px !important;
        max-width: 78% !important;

        height: auto !important;

        margin: 0 !important;
    }


    /* =====================================================
       TÍTULO
       ===================================================== */

    .elementor-3171
    .elementor-element.elementor-element-79d12829 {
        width: 100% !important;

        margin: 0 0 20px !important;

        padding: 0 !important;
    }

    .elementor-3171
    .elementor-element.elementor-element-79d12829 p {
        margin: 0 !important;

        line-height: 1.08 !important;
    }

    .elementor-3171
    .elementor-element.elementor-element-79d12829 span {
        /*
         * O HTML tem 35px inline.
         */
        font-size: clamp(27px, 7vw, 33px) !important;

        line-height: 1.08 !important;

        letter-spacing: 1px !important;
    }


    /* =====================================================
       DESCRIÇÃO
       ===================================================== */

    .elementor-3171
    .elementor-element.elementor-element-7225a656 {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 24px !important;

        padding: 16px 18px !important;

        /*
         * Pequeno painel para garantir leitura mesmo
         * quando o enquadramento da foto mudar.
         */
        background: rgba(255, 255, 255, 0.86);

        border-radius: 14px;

        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
    }

    .elementor-3171
    .elementor-element.elementor-element-7225a656 p {
        margin: 0 !important;

        font-size: 16px !important;
        line-height: 1.55 !important;

        color: #333 !important;
    }

    .elementor-3171
    .elementor-element.elementor-element-7225a656 span {
        font-size: inherit !important;
        line-height: inherit !important;

        color: inherit !important;
    }


    /* =====================================================
       BOTÃO
       ===================================================== */

    .elementor-3171
    .elementor-element.elementor-element-1a975cc7 {
        width: 100% !important;

        margin: 0 !important;
    }

    .elementor-3171
    .elementor-element.elementor-element-1a975cc7
    .elementor-button {
        width: 100%;
        max-width: 300px;

        min-height: 48px;

        display: inline-flex;

        align-items: center;
        justify-content: center;

        padding: 13px 22px !important;

        font-size: 14px !important;

        border-radius: 999px;
    }
}


/* =========================================================
   CELULARES MENORES
   ========================================================= */

@media (max-width: 420px) {

    .elementor-3171
    .elementor-element.elementor-element-743fbe61 {
        padding:
            20px
            14px
            32px !important;

        background-position:
            48% center !important;
    }

    .elementor-3171
    .elementor-element.elementor-element-79d12829 span {
        font-size: 26px !important;
    }

    .elementor-3171
    .elementor-element.elementor-element-7225a656 {
        padding: 15px 16px !important;
    }

    .elementor-3171
    .elementor-element.elementor-element-7225a656 p {
        font-size: 15px !important;
    }
}