.elementor-3 .elementor-element.elementor-element-6b48e46{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3 .elementor-element.elementor-element-ba21a90{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3 .elementor-element.elementor-element-730ad14 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#09090B;}.elementor-3 .elementor-element.elementor-element-483ce10{--display:flex;border-style:solid;--border-style:solid;border-color:#E5E7EB;--border-color:#E5E7EB;}@media(max-width:767px){.elementor-3 .elementor-element.elementor-element-6b48e46{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3 .elementor-element.elementor-element-ba21a90{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3 .elementor-element.elementor-element-730ad14 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3 .elementor-element.elementor-element-730ad14{text-align:left;}.elementor-3 .elementor-element.elementor-element-730ad14 .elementor-heading-title{font-size:21px;line-height:1.5em;}.elementor-3 .elementor-element.elementor-element-483ce10{--gap:15px 15px;--row-gap:15px;--column-gap:15px;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:5px 5px 5px 5px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-3 .elementor-element.elementor-element-8fad4b6 > .elementor-widget-container{margin:0px 0px -10px 0px;}}@media(min-width:768px){.elementor-3 .elementor-element.elementor-element-6b48e46{--content-width:500px;}}/* Start custom CSS for html, class: .elementor-element-8fad4b6 */#codigoPix {
        font-family: 'Satochi', sans-serif;
        font-size: 16px;
        font-weight: 400;
        background: #F3F4F8;
        padding: 10px;
        border-radius: 5px;
        text-align: center;
        margin-bottom: 10px;
        color: #666;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        border: 1px solid #dee1e4;
    }

    .loading {
        font-size: 14px;
        font-weight: 500;
        color: #666;
        display: inline-block;
    }

    .loading-icon {
        width: 18px;
        height: 18px;
        border: 3px solid #f3f3f3;
        border-top: 3px solid #000;
        border-radius: 50%;
        animation: spin 1s linear infinite;
        margin-left: 10px;
        display: inline-block;
        vertical-align: middle;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    #timeoutMessage {
        display: none;
        font-size: 12px;
        color: red;
        font-weight: 600;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
    }

    /* Estilos do pop-up */
    .popup {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        justify-content: center;
        align-items: center;
        z-index: 1000;
        animation: fadeIn 0.3s ease-in-out;
    }

    .popup-content {
        background: white;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        text-align: center;
        animation: slideIn 0.3s ease-in-out;
    }

    .popup-icon {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .popup-message {
        font-size: 18px;
        font-weight: 500;
        color: #333;
    }

    /* Animações */
    @keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    @keyframes slideIn {
        from { transform: translateY(-20px); opacity: 0; }
        to { transform: translateY(0); opacity: 1; }
    }

    /* Estilo do botão desativado */
    #copiarPix {
        background-color: #ccc; /* Cinza */
        color: white; /* Texto branco */
        cursor: not-allowed; /* Cursor de "não permitido" */
        opacity: 0.9; /* Leve transparência */
        border: none; /* Remove borda */
        padding: 3px 3px; /* Espaçamento interno */
        border-radius: 100px; /* Bordas arredondadas */
        font-size: 14px; /* Tamanho da fonte */
        font-weight: 600; /* Peso da fonte */
    }

    /* Estilo do botão ativo */
    #copiarPix.ativo {
        background-color: #1351B4; /* Azul */
        cursor: pointer; /* Cursor normal */
        opacity: 1; /* Sem transparência */
    }/* End custom CSS */