.elementor-4271 .elementor-element.elementor-element-166316b{--display:flex;}.elementor-4271 .elementor-element.elementor-element-166316b:not(.elementor-motion-effects-element-type-background), .elementor-4271 .elementor-element.elementor-element-166316b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE94;}.elementor-4271 .elementor-element.elementor-element-8e33d65{--spacer-size:100px;}.elementor-4271 .elementor-element.elementor-element-9a0598a{--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-4271 .elementor-element.elementor-element-d754379{width:100%;max-width:100%;}.elementor-4271 .elementor-element.elementor-element-d754379 > .elementor-widget-container{margin:-130px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4271 .elementor-element.elementor-element-8ef3770{--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-4271 .elementor-element.elementor-element-a02c1c2{--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;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4271 .elementor-element.elementor-element-43de8f0{--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;--padding-top:0px;--padding-bottom:62px;--padding-left:0px;--padding-right:0px;}.elementor-4271 .elementor-element.elementor-element-43de8f0:not(.elementor-motion-effects-element-type-background), .elementor-4271 .elementor-element.elementor-element-43de8f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-3358cdc ) 53%, var( --e-global-color-b9d787e ) 100%);}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4271 .elementor-element.elementor-element-1011c8a .elementor-button{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;box-shadow:-1px 0px 43px 36px rgba(0, 0, 0, 0.02);border-radius:10px 10px 10px 10px;padding:20px 20px 20px 20px;}.elementor-4271 .elementor-element.elementor-element-44543c9{--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-4271 .elementor-element.elementor-element-b55db9e{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4271 .elementor-element.elementor-element-1c04162{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.5;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-4271 .elementor-element.elementor-element-1c04162::before, .elementor-4271 .elementor-element.elementor-element-1c04162 > .elementor-background-video-container::before, .elementor-4271 .elementor-element.elementor-element-1c04162 > .e-con-inner > .elementor-background-video-container::before, .elementor-4271 .elementor-element.elementor-element-1c04162 > .elementor-background-slideshow::before, .elementor-4271 .elementor-element.elementor-element-1c04162 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4271 .elementor-element.elementor-element-1c04162 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-4271 .elementor-element.elementor-element-251ce2d{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4271 .elementor-element.elementor-element-9ba2474 > .elementor-widget-container{padding:60px 60px 60px 60px;}.elementor-4271 .elementor-element.elementor-element-9ba2474 img{border-radius:20px 20px 20px 20px;}.elementor-4271 .elementor-element.elementor-element-98c1d44{--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-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4271 .elementor-element.elementor-element-0db8ce1 > .elementor-widget-container{margin:50px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4271 .elementor-element.elementor-element-0db8ce1 .elementor-counter{flex-direction:column-reverse;gap:0px;}.elementor-4271 .elementor-element.elementor-element-0db8ce1 .elementor-counter-number-wrapper{color:var( --e-global-color-accent );font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-4271 .elementor-element.elementor-element-0db8ce1 .elementor-counter-title{color:var( --e-global-color-7c00c50 );font-family:"DM Sans", Sans-serif;font-size:23px;font-weight:600;letter-spacing:-0.7px;}.elementor-4271 .elementor-element.elementor-element-c14740a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4271 .elementor-element.elementor-element-c14740a .elementor-counter{flex-direction:column-reverse;gap:0px;}.elementor-4271 .elementor-element.elementor-element-c14740a .elementor-counter-number-wrapper{color:var( --e-global-color-accent );font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-4271 .elementor-element.elementor-element-c14740a .elementor-counter-title{color:var( --e-global-color-7c00c50 );font-family:"DM Sans", Sans-serif;font-size:23px;font-weight:600;letter-spacing:-0.7px;}.elementor-4271 .elementor-element.elementor-element-943232b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4271 .elementor-element.elementor-element-943232b .elementor-counter{flex-direction:column-reverse;gap:0px;}.elementor-4271 .elementor-element.elementor-element-943232b .elementor-counter-number-wrapper{color:var( --e-global-color-accent );font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-4271 .elementor-element.elementor-element-943232b .elementor-counter-title{color:var( --e-global-color-7c00c50 );font-family:"DM Sans", Sans-serif;font-size:23px;font-weight:600;letter-spacing:-0.7px;}.elementor-4271 .elementor-element.elementor-element-cdd3dfb{--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-4271 .elementor-element.elementor-element-2a1ef75{--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-4271 .elementor-element.elementor-element-66c09ce{--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;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(min-width:768px){.elementor-4271 .elementor-element.elementor-element-251ce2d{--width:50%;}.elementor-4271 .elementor-element.elementor-element-98c1d44{--width:50%;}}@media(max-width:767px){.elementor-4271 .elementor-element.elementor-element-1c04162{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4271 .elementor-element.elementor-element-9ba2474 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4271 .elementor-element.elementor-element-0db8ce1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4271 .elementor-element.elementor-element-0db8ce1 .elementor-counter-number-wrapper{font-size:40px;}.elementor-4271 .elementor-element.elementor-element-0db8ce1 .elementor-counter-title{font-size:18px;}.elementor-4271 .elementor-element.elementor-element-c14740a > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4271 .elementor-element.elementor-element-c14740a .elementor-counter-number-wrapper{font-size:40px;}.elementor-4271 .elementor-element.elementor-element-c14740a .elementor-counter-title{font-size:18px;}.elementor-4271 .elementor-element.elementor-element-943232b > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4271 .elementor-element.elementor-element-943232b .elementor-counter-number-wrapper{font-size:40px;}.elementor-4271 .elementor-element.elementor-element-943232b .elementor-counter-title{font-size:18px;}}/* Start custom CSS for html, class: .elementor-element-d754379 *//* Estilos para a Seção Hero - Versão Card Flutuante */

/* Animação de zoom suave para o fundo (Efeito Ken Burns) */
@keyframes kenBurns {
    0% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

/* Animação de entrada para o conteúdo */
@keyframes contentFadeIn {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hubmais-card-hero {
    position: relative;
    min-height: 95vh;
    display: flex;
    align-items: center; /* Alinha o card verticalmente */
    padding: 40px 20px;
    overflow: hidden; /* Essencial para o efeito de zoom */
}

/* Camada da imagem de fundo */
.hubmais-card-hero .hero-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://www.hubmais.com.br/wp-content/uploads/2024/06/MARINGA.jpg' );
    background-size: cover;
    background-position: center;
    animation: kenBurns 15s infinite alternate ease-in-out;
    z-index: 1;
}

/* Sobreposição escura para garantir contraste */
.hubmais-card-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 15, 51, 0.5);
    z-index: 2;
}

/* O Card Flutuante */
.hubmais-hero-card {
    position: relative;
    z-index: 3;
    max-width: 550px;
    margin-left: 10%; /* Posiciona o card mais à esquerda no desktop */
    padding: 45px;
    
    /* Efeito de vidro fosco */
    background-color: rgba(0, 31, 101, 0.6); /* Cor primária com transparência */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); /* Suporte para Safari */
    
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    
    /* Animação de entrada do card */
    opacity: 0;
    animation: contentFadeIn 0.8s ease-out 0.2s forwards;
}

.hubmais-hero-card h1 {
    font-size: 2.8rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 15px;
}

.hubmais-hero-card .hero-subtitle {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 35px;
}

/* Lista de benefícios dentro do card */
.hubmais-hero-card .hero-benefits-check {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
    color: #ffffff;
}

.hubmais-hero-card .hero-benefits-check li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 1.05rem;
}

.hubmais-hero-card .hero-benefits-check li::before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23e78117" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>' );
    display: inline-block;
    line-height: 0;
}

/* Botões de Ação */
.hubmais-hero-card .hero-cta-group {
    display: flex;
    flex-direction: column; /* Empilha os botões */
    gap: 15px;
}

.hubmais-hero-card .hero-action-btn {
    width: 100%;
    padding: 16px 20px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    text-align: center;
}

.hubmais-hero-card .hero-action-btn.primary {
    background-color: #e78117;
    color: #ffffff;
}

.hubmais-hero-card .hero-action-btn.primary:hover {
    background-color: #d17215;
    transform: scale(1.03);
}

.hubmais-hero-card .hero-action-btn.secondary {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.hubmais-hero-card .hero-action-btn.secondary:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

/* Responsividade */
@media (max-width: 992px) {
    .hubmais-card-hero {
        align-items: flex-end; /* Alinha o card na parte de baixo */
        min-height: 85vh;
    }
    .hubmais-hero-card {
        margin: 0 auto 30px auto; /* Centraliza e adiciona margem inferior */
        width: 100%;
        max-width: 90%;
        padding: 35px;
    }
}

@media (max-width: 768px) {
    .hubmais-hero-card h1 {
        font-size: 2.2rem;
    }
    .hubmais-hero-card .hero-subtitle {
        font-size: 1.1rem;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-94d46b1 *//* Estilos para a Seção Features - Versão Clean & Light */

/* Animação de entrada suave para os cards */
@keyframes cardFadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hubmais-clean-features {
    padding: 80px 20px;
    background-color: #F8F9FA; /* Fundo cinza muito claro, quase branco */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.hubmais-clean-container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.hubmais-clean-container .section-title {
    font-size: 2.8rem;
    color: #001f65; /* Cor primária no título */
    margin-bottom: 15px;
    font-weight: 700;
}

.hubmais-clean-container .section-subtitle {
    font-size: 1.2rem;
    color: #6c757d; /* Cinza para o subtítulo */
    max-width: 800px;
    margin: 0 auto 60px auto;
    line-height: 1.6;
}

.hubmais-clean-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.hubmais-clean-card {
    background-color: #ffffff;
    padding: 40px 35px;
    border-radius: 12px;
    text-align: left;
    border: 1px solid #E9ECEF; /* Borda muito sutil */
    box-shadow: 0 10px 30px rgba(0, 31, 101, 0.05); /* Sombra suave */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    
    /* Animação de entrada */
    opacity: 0;
    animation: cardFadeInUp 0.7s ease-out forwards;
}

/* Atraso na animação para um efeito escalonado */
.hubmais-clean-card:nth-child(1) { animation-delay: 0.1s; }
.hubmais-clean-card:nth-child(2) { animation-delay: 0.2s; }
.hubmais-clean-card:nth-child(3) { animation-delay: 0.3s; }
.hubmais-clean-card:nth-child(4) { animation-delay: 0.15s; }
.hubmais-clean-card:nth-child(5) { animation-delay: 0.25s; }
.hubmais-clean-card:nth-child(6) { animation-delay: 0.35s; }

.hubmais-clean-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 31, 101, 0.1);
}

.hubmais-clean-card .icon-wrapper {
    color: #e78117; /* Cor secundária para o ícone */
    margin-bottom: 25px;
}

.hubmais-clean-card h3 {
    font-size: 1.5rem;
    color: #001f65; /* Cor primária no título do card */
    margin-top: 0;
    margin-bottom: 15px;
}

.hubmais-clean-card p {
    font-size: 1rem;
    line-height: 1.7;
    color: #495057; /* Cinza escuro para o texto, mais suave que preto */
}

/* Botão de Ação */
.hubmais-clean-features .section-cta-container {
    margin-top: 70px;
    opacity: 0;
    animation: cardFadeInUp 0.7s ease-out 0.5s forwards;
}

.hubmais-clean-features .section-cta-button {
    display: inline-block;
    background-color: #e78117;
    color: #ffffff;
    padding: 16px 45px;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(231, 129, 23, 0.3);
}

.hubmais-clean-features .section-cta-button:hover {
    background-color: #d17215;
    transform: scale(1.05);
}

/* Responsividade */
@media (max-width: 992px) {
    .hubmais-clean-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .hubmais-clean-features {
        padding: 60px 15px;
    }
    .hubmais-clean-container .section-title {
        font-size: 2.2rem;
    }
    .hubmais-clean-grid {
        grid-template-columns: 1fr;
    }
    .hubmais-clean-card {
        padding: 35px 30px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ba9f12 *//* Estilos para a Seção "Como Funciona" - Versão Premium e Atraente */

/* Animação para a linha de progresso */
@keyframes drawLine {
    from { width: 0; }
    to { width: 80%; }
}
@keyframes drawLineMobile {
    from { height: 0; }
    to { height: 80%; }
}

.hubmais-how-it-works-v2-section {
    padding: 80px 20px;
    background-color: #F8F9FA; /* Fundo cinza claro para destacar os elementos */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    overflow: hidden; /* Garante que as animações não causem barras de rolagem */
}

.hubmais-how-it-works-v2-container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.hubmais-how-it-works-v2-container .section-title {
    font-size: 2.8rem;
    color: #001f65;
    margin-bottom: 15px;
    font-weight: 700;
}

.hubmais-how-it-works-v2-container .section-subtitle {
    font-size: 1.2rem;
    color: #6c757d;
    max-width: 800px;
    margin: 0 auto 80px auto;
    line-height: 1.6;
}

.hubmais-steps-v2-timeline {
    display: flex;
    justify-content: space-between;
    position: relative;
}

/* Linha de progresso de fundo (cinza) */
.hubmais-steps-v2-timeline::before {
    content: '';
    position: absolute;
    top: 40px;
    left: 10%;
    right: 10%;
    height: 4px;
    background-color: #E9ECEF;
    border-radius: 2px;
    z-index: 1;
}

/* Linha de progresso ativa (gradiente) */
.hubmais-steps-v2-timeline::after {
    content: '';
    position: absolute;
    top: 40px;
    left: 10%;
    width: 0; /* Inicia com 0 para animação */
    height: 4px;
    background: linear-gradient(90deg, #e78117, #001f65);
    border-radius: 2px;
    z-index: 2;
    animation: drawLine 1.5s cubic-bezier(0.65, 0, 0.35, 1) 0.5s forwards;
}

.hubmais-step-v2-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 30%;
    position: relative;
    z-index: 3;
    
    opacity: 0;
    animation: cardFadeInUp 0.7s ease-out forwards;
}

.hubmais-step-v2-item:nth-child(1) { animation-delay: 0.2s; }
.hubmais-step-v2-item:nth-child(2) { animation-delay: 0.6s; }
.hubmais-step-v2-item:nth-child(3) { animation-delay: 1s; }

.hubmais-step-v2-item .step-icon-wrapper {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #001f65, #0032a8);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    box-shadow: 0 5px 15px rgba(0, 31, 101, 0.2);
    color: #ffffff;
}

/* Cor especial para o último passo */
.hubmais-step-v2-item:last-child .step-icon-wrapper {
    background: linear-gradient(135deg, #e78117, #ff9a3d);
    box-shadow: 0 5px 15px rgba(231, 129, 23, 0.3);
}

.hubmais-step-v2-item h3 {
    font-size: 1.5rem;
    color: #001f65;
    margin-top: 0;
    margin-bottom: 10px;
}

.hubmais-step-v2-item p {
    font-size: 1rem;
    line-height: 1.7;
    color: #495057;
    max-width: 300px;
}

/* Responsividade para Mobile */
@media (max-width: 768px) {
    .hubmais-how-it-works-v2-section {
        padding: 60px 20px;
    }
    
    .hubmais-steps-v2-timeline {
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
    }

    /* Linha de progresso vertical */
    .hubmais-steps-v2-timeline::before {
        top: 40px;
        bottom: 40px;
        left: 38px;
        width: 4px;
        right: auto;
    }
    
    .hubmais-steps-v2-timeline::after {
        top: 40px;
        left: 38px;
        width: 4px;
        height: 0; /* Inicia com 0 para animação vertical */
        animation: drawLineMobile 1.5s cubic-bezier(0.65, 0, 0.35, 1) 0.5s forwards;
    }

    .hubmais-step-v2-item {
        flex-direction: row;
        text-align: left;
        width: 100%;
        gap: 25px;
        align-items: flex-start;
    }
    
    .hubmais-step-v2-item .step-icon-wrapper {
        flex-shrink: 0;
    }

    .hubmais-step-v2-item .step-content {
        padding-top: 10px;
    }
    
    .hubmais-step-v2-item h3 {
        font-size: 1.3rem;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd25f4c *//* --- Estilos da Tabela de Preços Clean (Versão Final Corrigida) --- */

/* Cores da Marca */
:root {
  --hub-primary: #001f65;
  --hub-secondary: #e78117;
  --hub-text-dark: #2d3748; /* Um cinza escuro para texto */
  --hub-text-light: #718096; /* Um cinza mais claro para subtítulos */
  --hub-background: #ffffff;
  --hub-card-bg: #ffffff;
  --hub-border-light: #e2e8f0;
  --hub-excluded-color: #a0aec0;
}

/* Seção Geral */
.pricing-section-clean {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  background-color: var(--hub-background);
  padding: 60px 20px;
  color: var(--hub-text-dark);
  box-sizing: border-box;
}

.pricing-intro-clean {
  text-align: center;
  margin-bottom: 50px;
}

.pricing-intro-clean h2 {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 10px;
}

.pricing-intro-clean p {
  font-size: 18px;
  color: var(--hub-text-light);
  max-width: 600px;
  margin: 0 auto;
}

/* Wrapper dos Cards (Desktop) */
.pricing-wrapper-clean {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}

/* Card de Preço */
.pricing-card-clean {
  background-color: var(--hub-card-bg);
  border: 1px solid var(--hub-border-light);
  border-radius: 16px;
  width: 100%;
  max-width: 340px;
  position: relative;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

.card-content-clean {
  padding: 35px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Card Popular */
.pricing-card-clean.popular {
  border-color: var(--hub-primary);
  transform: scale(1.05);
  z-index: 10;
}

/* Selo "Mais Vendido" */
.popular-badge-clean {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--hub-primary);
  color: white;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

/* Conteúdo do Card */
.plan-name-clean {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 20px 0;
}

.price-tag-clean {
  display: flex;
  align-items: baseline;
  margin-bottom: 30px;
  color: var(--hub-text-dark);
}

.price-value-clean {
  font-size: 48px;
  font-weight: 700;
}

.price-cents-clean {
  font-size: 0.5em;
  font-weight: 600;
}

.price-period-clean {
  font-size: 16px;
  color: var(--hub-text-light);
  margin-left: 8px;
}

/* Lista de Características */
.features-list-clean {
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
  flex-grow: 1;
}

.features-list-clean li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  font-size: 15px;
}

.features-list-clean li svg {
  margin-right: 12px;
  color: var(--hub-primary);
  flex-shrink: 0;
}

.features-list-clean li.excluded {
  color: var(--hub-excluded-color);
  text-decoration: line-through;
}

.features-list-clean li.excluded svg {
  color: var(--hub-excluded-color);
}

/* Botões de Ação */
.cta-button-clean {
  display: block;
  text-align: center;
  padding: 14px 20px;
  border-radius: 12px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s ease;
  margin-top: auto;
}

.cta-button-clean.solid {
  background-color: var(--hub-secondary);
  color: white;
  border: 2px solid var(--hub-secondary);
}

.cta-button-clean.solid:hover {
  background-color: #d6730a;
  border-color: #d6730a;
  transform: translateY(-2px);
}

.cta-button-clean.outline {
  background-color: transparent;
  color: var(--hub-primary);
  border: 2px solid var(--hub-primary);
}

.cta-button-clean.outline:hover {
  background-color: var(--hub-primary);
  color: white;
  transform: translateY(-2px);
}


/* --- RESPONSIVIDADE --- */

/* Para Tablets (entre 769px e 992px) */
@media (max-width: 992px) and (min-width: 769px) {
  .pricing-card-clean.popular {
    transform: scale(1); /* Remove o zoom para melhor alinhamento */
  }
  .pricing-wrapper-clean {
    align-items: stretch;
  }
}

/* Para Celulares (abaixo de 768px) - ROLAGEM HORIZONTAL */
@media (max-width: 768px) {
  .pricing-section-clean {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden; /* Evita qualquer overflow indesejado da seção principal */
  }

  .pricing-intro-clean {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-wrapper-clean {
    flex-wrap: nowrap; /* Força os itens a ficarem em uma única linha */
    overflow-x: auto; /* Habilita a rolagem horizontal */
    -webkit-overflow-scrolling: touch; /* Melhora a experiência de rolagem no iOS */
    scroll-snap-type: x mandatory; /* Efeito de "ímã" para os cards */
    
    justify-content: flex-start; /* Alinha o primeiro card à esquerda */
    
    /* Padding para que o primeiro e último card não colem nas bordas da tela */
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    
    /* Remove o gap do flexbox para ter controle total com o flex-basis */
    gap: 0;
  }

  /* Esconde a barra de rolagem visual */
  .pricing-wrapper-clean::-webkit-scrollbar { display: none; }
  .pricing-wrapper-clean { -ms-overflow-style: none; scrollbar-width: none; }

  .pricing-card-clean {
    flex: 0 0 85%; /* Define a largura de cada card */
    scroll-snap-align: center; /* Centraliza o card ativo */
    max-width: none;
    margin-right: 20px; /* Cria o espaçamento entre os cards */
  }
  
  .pricing-card-clean:last-child {
      margin-right: 0; /* Remove a margem do último card */
  }

  .pricing-card-clean.popular {
    transform: scale(1); /* Reseta o zoom para o layout de carrossel */
    border-width: 2px; /* Deixa a borda mais grossa para destaque */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-69bb284 *//* Estilos para a Seção de Depoimentos - Versão Clean com Carrossel Mobile */

.hubmais-testimonials-section {
    padding: 80px 20px;
    background-color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    overflow-x: hidden; /* Previne rolagem horizontal indesejada na página inteira */
}

.hubmais-testimonials-container {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.hubmais-testimonials-container .section-title {
    font-size: 2.8rem;
    color: #001f65;
    margin-bottom: 15px;
    font-weight: 700;
}

.hubmais-testimonials-container .section-subtitle {
    font-size: 1.2rem;
    color: #6c757d;
    max-width: 800px;
    margin: 0 auto 60px auto;
    line-height: 1.6;
}

/* Estilos da Grade para Desktop */
.hubmais-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 colunas em desktop */
    gap: 30px;
}

.hubmais-testimonial-card {
    background-color: #F8F9FA;
    padding: 40px;
    border-radius: 12px;
    border: 1px solid #E9ECEF;
    text-align: left;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Garante alinhamento */
    
    opacity: 0;
    animation: cardFadeInUp 0.7s ease-out forwards;
}

/* Atraso na animação */
.hubmais-testimonial-card:nth-child(1) { animation-delay: 0.1s; }
.hubmais-testimonial-card:nth-child(2) { animation-delay: 0.2s; }
.hubmais-testimonial-card:nth-child(3) { animation-delay: 0.3s; }
.hubmais-testimonial-card:nth-child(4) { animation-delay: 0.15s; }
.hubmais-testimonial-card:nth-child(5) { animation-delay: 0.25s; }
.hubmais-testimonial-card:nth-child(6) { animation-delay: 0.35s; }

.hubmais-testimonial-card::before {
    content: '"';
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: 6rem;
    font-weight: 800;
    color: #e78117;
    opacity: 0.1;
    line-height: 1;
    z-index: 1;
}

.hubmais-testimonial-card .testimonial-text {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #495057;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}

.hubmais-testimonial-card .author-info {
    position: relative;
    z-index: 2;
}

.hubmais-testimonial-card .author-name {
    font-size: 1.2rem;
    font-weight: 700;
    color: #001f65;
    margin: 0;
}

.hubmais-testimonial-card .author-details {
    font-size: 0.95rem;
    color: #6c757d;
    margin: 5px 0 0 0;
}

/* --- ESTILOS PARA O CARROSSEL MOBILE --- */
@media (max-width: 992px) {
    .hubmais-testimonials-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 colunas para tablets */
    }
}

@media (max-width: 768px) {
    .hubmais-testimonials-section {
        padding-left: 0; /* Remove padding para o carrossel começar na borda */
        padding-right: 0;
    }
    
    .hubmais-testimonials-container {
        padding-left: 15px; /* Adiciona padding interno ao container */
        padding-right: 15px;
    }

    .hubmais-testimonials-grid {
        display: flex; /* Muda de grid para flex */
        overflow-x: auto; /* Habilita a rolagem horizontal */
        scroll-snap-type: x mandatory; /* Efeito de "ímã" ao rolar */
        padding: 20px 15px; /* Espaço para a sombra e para o início/fim */
        margin: 0 -15px; /* Compensa o padding do container */
        -webkit-overflow-scrolling: touch; /* Melhora a fluidez em iOS */
        scrollbar-width: none; /* Esconde a barra de rolagem (Firefox) */
    }

    .hubmais-testimonials-grid::-webkit-scrollbar {
        display: none; /* Esconde a barra de rolagem (Chrome, Safari) */
    }

    .hubmais-testimonial-card {
        flex: 0 0 85%; /* Cada card ocupa 85% da largura da tela */
        scroll-snap-align: start; /* Alinha o card no início da tela ao rolar */
        margin-right: 15px; /* Espaçamento entre os cards */
        animation: none; /* Remove a animação de entrada no mobile */
        opacity: 1;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-276932e *//* Estilos para a Seção de FAQ - Versão Cards com Acordeão CSS-Puro */

.hubmais-faq-v2-section {
    padding: 80px 20px;
    background-color: #F8F9FA; /* Fundo cinza claro para diferenciar da seção anterior */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.hubmais-faq-v2-container {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.hubmais-faq-v2-container .section-title {
    font-size: 2.8rem;
    color: #001f65;
    margin-bottom: 15px;
    font-weight: 700;
}

.hubmais-faq-v2-container .section-subtitle {
    font-size: 1.2rem;
    color: #6c757d;
    max-width: 800px;
    margin: 0 auto 60px auto;
    line-height: 1.6;
}

.hubmais-faq-v2-accordion {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 20px; /* Espaçamento entre os cards */
}

.hubmais-faq-v2-item {
    background-color: #ffffff;
    border-radius: 12px; /* Bordas arredondadas */
    border: 1px solid #E9ECEF;
    box-shadow: 0 5px 20px rgba(0, 31, 101, 0.04); /* Sombra mais suave */
    transition: box-shadow 0.3s ease;
}

.hubmais-faq-v2-item:hover {
    box-shadow: 0 10px 30px rgba(0, 31, 101, 0.08);
}

/* O checkbox que controla o estado (aberto/fechado) */
.hubmais-faq-v2-item input[type="checkbox"] {
    display: none; /* Esconde o checkbox */
}

/* O rótulo clicável (a pergunta) */
.hubmais-faq-v2-item label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 25px 30px;
    font-size: 1.2rem;
    font-weight: 600;
    color: #001f65;
    transition: color 0.3s ease;
}

.hubmais-faq-v2-item label:hover {
    color: #e78117;
}

/* Ícone de seta */
.hubmais-faq-v2-item .icon {
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    flex-shrink: 0;
    margin-left: 20px;
    width: 24px;
    height: 24px;
}

/* A resposta */
.hubmais-faq-v2-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), padding 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
    color: #495057;
    font-size: 1rem;
    line-height: 1.7;
    padding: 0 30px;
}

.hubmais-faq-v2-answer p, .hubmais-faq-v2-answer ul {
    margin: 0;
    padding-bottom: 25px; /* Espaçamento inferior da resposta */
}

/* Lógica de Abertura: Quando o checkbox está marcado... */
.hubmais-faq-v2-item input:checked + label .icon {
    transform: rotate(180deg); /* Gira o ícone */
}

.hubmais-faq-v2-item input:checked ~ .hubmais-faq-v2-answer {
    max-height: 500px; /* Revela a resposta */
}

/* Estilos para listas dentro das respostas */
.hubmais-faq-v2-answer ul {
    list-style: none;
    padding-left: 5px;
}

.hubmais-faq-v2-answer li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
}

.hubmais-faq-v2-answer li::before {
    content: '✓';
    color: #e78117;
    font-weight: bold;
    margin-top: 2px;
}

/* Responsividade */
@media (max-width: 768px) {
    .hubmais-faq-v2-section {
        padding: 60px 15px;
    }
    .hubmais-faq-v2-item label {
        font-size: 1.05rem;
        padding: 20px;
    }
    .hubmais-faq-v2-answer {
        padding: 0 20px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-67424ba *//* Estilos para a Seção Final de CTA (Dúvidas) */

.hubmais-final-cta-section {
    padding: 80px 20px;
    background-color: #F8F9FA; /* Fundo cinza claro para a seção */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.hubmais-cta-card {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    background-color: #ffffff;
    border-radius: 16px; /* Bordas bem arredondadas */
    box-shadow: 0 15px 40px rgba(0, 31, 101, 0.08);
    overflow: hidden; /* Garante que a imagem não ultrapasse as bordas */
    
    /* Animação de entrada */
    opacity: 0;
    animation: cardFadeInUp 0.8s ease-out forwards;
    animation-delay: 0.2s;
}

/* Coluna da Imagem (Esquerda) */
.hubmais-cta-card .image-wrapper {
    width: 45%;
    background-image: url('https://www.hubmais.com.br/wp-content/uploads/2018/03/blog06.jpg' );
    background-size: cover;
    background-position: center;
}

/* Coluna do Conteúdo (Direita) */
.hubmais-cta-card .content-wrapper {
    width: 55%;
    padding: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hubmais-cta-card h2 {
    font-size: 2.8rem;
    color: #001f65;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 700;
}

.hubmais-cta-card p {
    font-size: 1.2rem;
    color: #495057;
    line-height: 1.6;
    margin-bottom: 35px;
}

.hubmais-cta-card .cta-button {
    display: inline-block;
    align-self: flex-start; /* Alinha o botão à esquerda */
    background-color: #e78117;
    color: #ffffff;
    padding: 16px 40px;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(231, 129, 23, 0.3);
}

.hubmais-cta-card .cta-button:hover {
    background-color: #d17215;
    transform: translateY(-3px);
}

/* Responsividade para Mobile */
@media (max-width: 992px) {
    .hubmais-cta-card {
        flex-direction: column; /* Empilha as colunas */
    }

    .hubmais-cta-card .image-wrapper,
    .hubmais-cta-card .content-wrapper {
        width: 100%;
    }

    .hubmais-cta-card .image-wrapper {
        min-height: 250px;
    }

    .hubmais-cta-card .content-wrapper {
        padding: 40px 30px;
        text-align: center;
    }
    
    .hubmais-cta-card .cta-button {
        align-self: center; /* Centraliza o botão no mobile */
    }
}/* End custom CSS */