/*
Theme Name: Asaas Connect
Theme URI: https://www.asaas.com/
Template: hello-elementor
Author: Asaas
Description: Tema criado para o Evento 2025
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.0.0.1740770344
Updated: 2025-02-28 16:19:04

*/

/* Header */
@media (max-width: 1024px) { 
    #main-header {
        background: #000 !important;
        backdrop-filter: blur(0px) !important;
    }
}

/* Botão */
.btn {
    display: inline-flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.btn .elementor-button-icon {
    display: inline-block;
    margin-left: 8px;
    position: relative;
    transition: transform 0.5s ease-in-out;
}

.btn:hover .elementor-button-icon,
.elementor-button-link:hover .elementor-button-icon{
    animation: moveArrow 0.5s ease-in-out forwards;
}

@keyframes moveArrow {
    0% {
        transform: translateX(0);
    }

    49% {
        transform: translateX(10px);
        opacity: 0;
    }

    50% {
        transform: translateX(-10px);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}


/* Botão dentro do menu */
@media (min-width: 1025px) {
    .btn-inscrevase-mobile {
        display: none !important;
    }
}

@media (max-width: 1024px) {
    .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        padding-top: 40px;
    }

    .btn-inscrevase-mobile {
        padding-left: 24px !important;
        margin-top: 40px !important;
        margin-bottom: 34px !important;
    }

    .btn-inscrevase-mobile a {
        background-image: url(/wp-content/uploads/2025/03/bg-2x.png);
        fill: var(--e-global-color-text);
        color: var(--e-global-color-text) !important;
        font-weight: 600 !important;
        margin: 0;
        font-size: 13px !important;
        background-position: left;
        background-repeat: no-repeat;
        background-size: 290px;
        min-width: 290px;
        min-height: 80px !important;
        display: flex !important;
        justify-content: space-between;
        width: fit-content;
        padding-left: 15px !important;
    }

    .btn-inscrevase-mobile a::after {
        content: "";
        display: inline-block;
        width: 15px;
        height: 16px;
        opacity: 1 !important;
        right: 25px;
        background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"%3E%3Cpath d="M10.8612 8.80267H1.09497V7.19732H10.8612L6.36765 2.70613L7.51164 1.58333L13.9283 7.99999L7.51164 14.4167L6.36765 13.2939L10.8588 8.80267H10.8612Z" fill="black"/%3E%3C/svg%3E');
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle;
        margin-left: 8px;
    }
}