.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#00021B;color:#FFFFFF;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:#FF6B00;font-family:"Montserrat", Sans-serif;font-weight:700;text-transform:uppercase;color:#FFFFFF;border-style:solid;border-radius:50px 50px 50px 50px;padding:15px 35px 15px 35px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#FFA32DFA;box-shadow:0px 10px 20px 0px rgba(0,0,0,0.5);}.elementor-kit-7 a{color:#FFFFFF;}.elementor-kit-7 h1{color:#FFFFFF;}.elementor-kit-7 h2{color:#FFFFFF;}.elementor-kit-7 h3{color:#FFFFFF;}.elementor-kit-7 h4{color:#FFFFFF;}.elementor-kit-7 h5{color:#FFFFFF;}.elementor-kit-7 h6{color:#FFFFFF;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- CÓDIGO DE TRANSFORMAÇÃO: IMAGEM -> BOTÃO --- */

/* 1. Transforma o Link (que envolvia a imagem) no corpo do Botão */
.virar-botao .elementor-widget-container a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%; /* Ocupa a largura da coluna */
    max-width: 300px; /* Tamanho máximo do botão */
    min-height: 55px; /* Altura do botão */
    
    /* ESTILO DO BOTÃO (Laranja Moderno) */
    background: linear-gradient(135deg, #FF6B00 0%, #e65100 100%) !important;
    color: #ffffff !important;
    border-radius: 50px !important; /* Bordas Redondas */
    box-shadow: 0 10px 20px rgba(255, 107, 0, 0.3) !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    
    /* Centralizar na tela se precisar */
    margin: 0 auto; 
    position: relative;
}

/* 2. Esconde a Imagem original */
.virar-botao .elementor-widget-container a img {
    display: none !important;
}

/* 3. Cria o Texto do Botão via CSS */
/* ATENÇÃO: Edite o texto entre aspas abaixo para mudar o que está escrito */
.virar-botao .elementor-widget-container a::after {
    content: "ACESSAR CURSO AGORA"; 
    
    font-family: "Montserrat", sans-serif; /* Fonte do seu site */
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* 4. Adiciona um ícone de seta (opcional) */
.virar-botao .elementor-widget-container a::before {
    content: "\f061"; /* Código da seta (FontAwesome) */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px; /* Espaço entre seta e texto */
}

/* 5. Efeito ao passar o mouse (Hover) */
.virar-botao .elementor-widget-container a:hover {
    transform: translateY(-5px); /* Sobe um pouquinho */
    box-shadow: 0 15px 30px rgba(255, 107, 0, 0.5) !important;
    filter: brightness(1.1);
}/* End custom CSS */