.elementor-17706 .elementor-element.elementor-element-cc937d7{--display:flex;--min-height:46px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:7px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17706 .elementor-element.elementor-element-23f0731 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17706 .elementor-element.elementor-element-23f0731 .ha-breadcrumbs{text-align:center;}.elementor-17706 .elementor-element.elementor-element-23f0731 .ha-breadcrumbs li{margin-right:4px;}.elementor-17706 .elementor-element.elementor-element-23f0731 .ha-breadcrumbs li:last-child{margin-right:0;}.elementor-17706 .elementor-element.elementor-element-23f0731 .ha-breadcrumbs li span.ha-breadcrumbs-text{color:#888EA2;font-family:"Muli", Sans-serif;font-size:12px;}.elementor-17706 .elementor-element.elementor-element-23f0731 .ha-breadcrumbs li span.ha-breadcrumbs-text:hover{color:#E2498A;}.elementor-17706 .elementor-element.elementor-element-23f0731 .ha-breadcrumbs li.ha-breadcrumbs-separator span.ha-breadcrumbs-separator-icon{color:#909196;border-radius:0px 0px 0px 0px;}.elementor-17706 .elementor-element.elementor-element-23f0731 .ha-breadcrumbs li.ha-breadcrumbs-separator span.ha-breadcrumbs-separator-text{color:#909196;border-radius:0px 0px 0px 0px;}.elementor-17706 .elementor-element.elementor-element-23f0731 .ha-breadcrumbs li.ha-breadcrumbs-item.ha-breadcrumbs-end span.ha-breadcrumbs-text{color:#8C8C8C;}.elementor-17706 .elementor-element.elementor-element-73ee442{--display:flex;--min-height:56px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-17706 .elementor-element.elementor-element-9d456dc{text-align:center;}.elementor-17706 .elementor-element.elementor-element-9d456dc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-17706 .elementor-element.elementor-element-9b20d1e{--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:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17706 .elementor-element.elementor-element-b83ce82{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-17706 .elementor-element.elementor-element-0aa2ded.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17706 .elementor-element.elementor-element-0aa2ded{--icon-box-icon-margin:0px;}.elementor-17706 .elementor-element.elementor-element-0aa2ded.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-0aa2ded.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-0aa2ded .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-0aa2ded:has(:hover) .elementor-icon-box-title,
					 .elementor-17706 .elementor-element.elementor-element-0aa2ded:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-0aa2ded .elementor-icon-box-description{color:#7A7A7A;}.elementor-17706 .elementor-element.elementor-element-bb10782.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17706 .elementor-element.elementor-element-bb10782{--icon-box-icon-margin:0px;}.elementor-17706 .elementor-element.elementor-element-bb10782.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-bb10782.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-bb10782 .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-bb10782:has(:hover) .elementor-icon-box-title,
					 .elementor-17706 .elementor-element.elementor-element-bb10782:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-bb10782 .elementor-icon-box-description{color:#7A7A7A;}.elementor-17706 .elementor-element.elementor-element-503d195.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17706 .elementor-element.elementor-element-503d195{--icon-box-icon-margin:0px;}.elementor-17706 .elementor-element.elementor-element-503d195.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-503d195.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-503d195 .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-503d195:has(:hover) .elementor-icon-box-title,
					 .elementor-17706 .elementor-element.elementor-element-503d195:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-503d195 .elementor-icon-box-description{color:#7A7A7A;}.elementor-17706 .elementor-element.elementor-element-7a419fd.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17706 .elementor-element.elementor-element-7a419fd{--icon-box-icon-margin:0px;}.elementor-17706 .elementor-element.elementor-element-7a419fd.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-7a419fd.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-7a419fd .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-7a419fd:has(:hover) .elementor-icon-box-title,
					 .elementor-17706 .elementor-element.elementor-element-7a419fd:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-7a419fd .elementor-icon-box-description{color:#7A7A7A;}.elementor-17706 .elementor-element.elementor-element-f3f19db.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17706 .elementor-element.elementor-element-f3f19db{--icon-box-icon-margin:0px;}.elementor-17706 .elementor-element.elementor-element-f3f19db.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-f3f19db.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-f3f19db .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-f3f19db:has(:hover) .elementor-icon-box-title,
					 .elementor-17706 .elementor-element.elementor-element-f3f19db:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-f3f19db .elementor-icon-box-description{color:#7A7A7A;}.elementor-17706 .elementor-element.elementor-element-0bda37f.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17706 .elementor-element.elementor-element-0bda37f{--icon-box-icon-margin:0px;}.elementor-17706 .elementor-element.elementor-element-0bda37f.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-0bda37f.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-0bda37f .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-0bda37f:has(:hover) .elementor-icon-box-title,
					 .elementor-17706 .elementor-element.elementor-element-0bda37f:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-0bda37f .elementor-icon-box-description{color:#7A7A7A;}.elementor-17706 .elementor-element.elementor-element-f4d404f.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17706 .elementor-element.elementor-element-f4d404f{--icon-box-icon-margin:0px;}.elementor-17706 .elementor-element.elementor-element-f4d404f.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-f4d404f.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-f4d404f .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-f4d404f:has(:hover) .elementor-icon-box-title,
					 .elementor-17706 .elementor-element.elementor-element-f4d404f:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-f4d404f .elementor-icon-box-description{color:#7A7A7A;}.elementor-17706 .elementor-element.elementor-element-d828292.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17706 .elementor-element.elementor-element-d828292{--icon-box-icon-margin:0px;}.elementor-17706 .elementor-element.elementor-element-d828292.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-d828292.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-d828292 .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-d828292:has(:hover) .elementor-icon-box-title,
					 .elementor-17706 .elementor-element.elementor-element-d828292:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-d828292 .elementor-icon-box-description{color:#7A7A7A;}.elementor-17706 .elementor-element.elementor-element-9ac9945.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17706 .elementor-element.elementor-element-9ac9945{--icon-box-icon-margin:0px;}.elementor-17706 .elementor-element.elementor-element-9ac9945.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-9ac9945.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-9ac9945 .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-9ac9945:has(:hover) .elementor-icon-box-title,
					 .elementor-17706 .elementor-element.elementor-element-9ac9945:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-9ac9945 .elementor-icon-box-description{color:#7A7A7A;}.elementor-17706 .elementor-element.elementor-element-49b7cce.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17706 .elementor-element.elementor-element-49b7cce{--icon-box-icon-margin:0px;}.elementor-17706 .elementor-element.elementor-element-49b7cce.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-49b7cce.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-49b7cce .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-49b7cce:has(:hover) .elementor-icon-box-title,
					 .elementor-17706 .elementor-element.elementor-element-49b7cce:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-49b7cce .elementor-icon-box-description{color:#7A7A7A;}.elementor-17706 .elementor-element.elementor-element-5dc29aa.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-17706 .elementor-element.elementor-element-5dc29aa{--icon-box-icon-margin:0px;}.elementor-17706 .elementor-element.elementor-element-5dc29aa.elementor-view-framed .elementor-icon{background-color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-5dc29aa.elementor-view-stacked .elementor-icon{fill:#2C2A2A;color:#2C2A2A;}.elementor-17706 .elementor-element.elementor-element-5dc29aa .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-5dc29aa:has(:hover) .elementor-icon-box-title,
					 .elementor-17706 .elementor-element.elementor-element-5dc29aa:has(:focus) .elementor-icon-box-title{color:#005A80;}.elementor-17706 .elementor-element.elementor-element-5dc29aa .elementor-icon-box-description{color:#7A7A7A;}body.elementor-page-17706:not(.elementor-motion-effects-element-type-background), body.elementor-page-17706 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-17706 .elementor-element.elementor-element-73ee442{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17706 .elementor-element.elementor-element-b83ce82{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-17706 .elementor-element.elementor-element-23f0731 .ha-breadcrumbs li span.ha-breadcrumbs-text{font-size:14px;}.elementor-17706 .elementor-element.elementor-element-73ee442{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-17706 .elementor-element.elementor-element-9d456dc .elementor-heading-title{font-size:15px;}.elementor-17706 .elementor-element.elementor-element-b83ce82{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-17706 .elementor-element.elementor-element-cc937d7{--content-width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-17706 .elementor-element.elementor-element-73ee442{--content-width:97%;}}/* Start custom CSS for icon-box, class: .elementor-element-0aa2ded *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bb10782 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-503d195 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-7a419fd *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f3f19db *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-0bda37f *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f4d404f *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-d828292 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-9ac9945 *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-49b7cce *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5dc29aa *//*
 * CSS Personalizado para os Widgets 'Caixa de Ícone' com Classe card-personalizado
 */

.elementor-widget-icon-box.card-personalizado {
    /* Estilo da Caixa (Card) */
    background-color: #FFFFFF; /* Fundo branco puro */
    padding: 24px; /* Preenchimento interno uniforme */
    border-radius: 8px; /* Cantos levemente arredondados */
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); /* Sombra sutil para estado normal */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover {
    /* Efeitos de Hover para a Caixa (Card) */
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.1); /* Sombra mais pronunciada no hover */
    transform: translateY(-4px); /* Move o card 4px para cima no hover */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-wrapper {
    /* Garante que o conteúdo dentro da caixa se alinhe corretamente */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centraliza o conteúdo horizontalmente */
    text-align: center; /* Centraliza o texto */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    /* Estilo do Ícone (o círculo colorido) */
    width: 64px; /* Largura do círculo */
    height: 64px; /* Altura do círculo */
    display: flex !important; /* Força o display flex para centralização */
    justify-content: center !important; /* Centraliza o ícone horizontalmente */
    align-items: center !important; /* Centraliza o ícone verticalmente */
    border-radius: 50%; /* Torna o elemento um círculo perfeito */
    margin-bottom: 16px; /* Espaçamento entre o ícone e o título */
    transition: all 0.3s ease; /* Transição suave para efeitos de hover */
}

.elementor-widget-icon-box.card-personalizado:hover .elementor-icon {
    /* Efeito de escala no ícone ao passar o mouse no card */
    transform: scale(1.1); /* Aumenta o ícone em 10% */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    /* Estilo do Ícone em si (o elemento Font Awesome/Lucide) */
    font-size: 24px; /* Tamanho do ícone */
    color: #FFFFFF; /* Cor do ícone (branco, pois o fundo do círculo terá a cor específica) */
    display: block !important; /* Garante que o ícone se comporte como um bloco para centralização */
    line-height: 1 !important; /* Remove altura de linha extra */
    vertical-align: middle !important; /* Centralização vertical extra */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-title {
    /* Estilo do Título */
    color: #1A202C; /* Cor do texto do título */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 18px; /* Tamanho da fonte do título */
    font-weight: 700; /* Peso da fonte (Bold) */
    line-height: 1.2em; /* Altura da linha */
    margin-bottom: 8px; /* Espaçamento entre o título e a descrição */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon-box-description {
    /* Estilo da Descrição */
    color: #4A5568; /* Cor do texto da descrição */
    font-family: 'Inter', sans-serif; /* Família da fonte */
    font-size: 14px; /* Tamanho da fonte da descrição */
    font-weight: 400; /* Peso da fonte (Normal) */
    line-height: 1.5em; /* Altura da linha */
}

/* Observação: Cores específicas do ícone ainda precisam ser aplicadas no painel do Elementor */

.elementor-widget-icon-box.card-personalizado .elementor-icon {
    width: 64px;
    height: 64px;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 50%;
    margin-bottom: 16px;
    transition: all 0.3s ease;
    font-size: 28px; /* Tamanho fixo dos ícones */
    line-height: 64px; /* Centraliza verticalmente dentro do círculo */
}

.elementor-widget-icon-box.card-personalizado .elementor-icon i {
    font-size: 28px; /* Garante que todos tenham o mesmo tamanho */
    line-height: 1;  /* Remove espaçamento extra */
}/* End custom CSS */