.elementor-15323 .elementor-element.elementor-element-3d9902b:not(.elementor-motion-effects-element-type-background), .elementor-15323 .elementor-element.elementor-element-3d9902b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7341b9d );}.elementor-15323 .elementor-element.elementor-element-3d9902b{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-15323 .elementor-element.elementor-element-3d9902b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15323 .elementor-element.elementor-element-89795b0{--spacer-size:50px;}.elementor-15323 .elementor-element.elementor-element-183a3bc{overflow:hidden;}.elementor-15323 .elementor-element.elementor-element-bee374a{overflow:hidden;}.elementor-15323 .elementor-element.elementor-element-0502e2d{overflow:hidden;}.elementor-15323 .elementor-element.elementor-element-8695de0:not(.elementor-motion-effects-element-type-background), .elementor-15323 .elementor-element.elementor-element-8695de0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#181818;}.elementor-15323 .elementor-element.elementor-element-8695de0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-15323 .elementor-element.elementor-element-8695de0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-widget-text-editor{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-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-15323 .elementor-element.elementor-element-6e0926c{font-family:"Roboto", Sans-serif;font-weight:400;color:#F3F3F3;}.elementor-15323 .elementor-element.elementor-element-3c23fef{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-15323 .elementor-element.elementor-element-dd53e04{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-15323 .elementor-element.elementor-element-62b63e5 .elementor-icon-list-icon i{color:#FCFCFC;transition:color 0.3s;}.elementor-15323 .elementor-element.elementor-element-62b63e5 .elementor-icon-list-icon svg{fill:#FCFCFC;transition:fill 0.3s;}.elementor-15323 .elementor-element.elementor-element-62b63e5{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-15323 .elementor-element.elementor-element-62b63e5 .elementor-icon-list-text{color:#D8D8D8;transition:color 0.3s;}.elementor-15323 .elementor-element.elementor-element-920052a{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-15323 .elementor-element.elementor-element-3d9902b:not(.elementor-motion-effects-element-type-background), .elementor-15323 .elementor-element.elementor-element-3d9902b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hostfael.com.br/wp-content/uploads/2025/11/menu-bg-3-1-scaled.webp");background-position:0px -71px;background-repeat:no-repeat;background-size:cover;}.elementor-15323 .elementor-element.elementor-element-3d9902b{margin-top:0px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-15323 .elementor-element.elementor-element-9bfad45.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-15323 .elementor-element.elementor-element-9bfad45.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-15323 .elementor-element.elementor-element-9bfad45.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-15323 .elementor-element.elementor-element-89795b0{--spacer-size:590px;}.elementor-15323 .elementor-element.elementor-element-183a3bc{margin-top:-343px;margin-bottom:0px;}.elementor-15323 .elementor-element.elementor-element-dd14280{width:100%;}.elementor-15323 .elementor-element.elementor-element-dd14280.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-15323 .elementor-element.elementor-element-dd14280 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-15323 .elementor-element.elementor-element-42f226c{width:var( --container-widget-width, 208px );max-width:208px;--container-widget-width:208px;--container-widget-flex-grow:0;}.elementor-15323 .elementor-element.elementor-element-42f226c > .elementor-widget-container{margin:0px 0px -11px 0px;padding:0px 0px 0px 0px;}.elementor-15323 .elementor-element.elementor-element-5d1ab66.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-15323 .elementor-element.elementor-element-96e85a1{width:var( --container-widget-width, 182px );max-width:182px;--container-widget-width:182px;--container-widget-flex-grow:0;}.elementor-15323 .elementor-element.elementor-element-96e85a1 > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-15323 .elementor-element.elementor-element-e7eaf19.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-15323 .elementor-element.elementor-element-78da83e{width:var( --container-widget-width, 168px );max-width:168px;--container-widget-width:168px;--container-widget-flex-grow:0;align-self:center;}.elementor-15323 .elementor-element.elementor-element-78da83e > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-15323 .elementor-element.elementor-element-25fc736.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-15323 .elementor-element.elementor-element-5ca6ecf{width:initial;max-width:initial;}.elementor-15323 .elementor-element.elementor-element-5ca6ecf > .elementor-widget-container{margin:-8px 0px 0px 0px;}.elementor-15323 .elementor-element.elementor-element-8695de0{margin-top:38px;margin-bottom:0px;}.elementor-15323 .elementor-element.elementor-element-92cf3f8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-15323 .elementor-element.elementor-element-44a95af > .elementor-widget-container{margin:19px 0px 0px 0px;}.elementor-15323 .elementor-element.elementor-element-44a95af img{width:44%;}.elementor-15323 .elementor-element.elementor-element-6e0926c > .elementor-widget-container{margin:0px 0px -14px 0px;}.elementor-15323 .elementor-element.elementor-element-6e0926c{text-align:center;font-size:10px;}.elementor-15323 .elementor-element.elementor-element-3c23fef{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;z-index:3;text-align:justify;font-size:9px;}.elementor-15323 .elementor-element.elementor-element-3c23fef > .elementor-widget-container{margin:-16px 0px 0px 0px;}.elementor-15323 .elementor-element.elementor-element-dd53e04{width:var( --container-widget-width, 299px );max-width:299px;--container-widget-width:299px;--container-widget-flex-grow:0;z-index:3;text-align:center;font-size:9px;}.elementor-15323 .elementor-element.elementor-element-dd53e04 > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-15323 .elementor-element.elementor-element-62b63e5 > .elementor-widget-container{margin:-22px 0px 0px 0px;}.elementor-15323 .elementor-element.elementor-element-920052a{--spacer-size:12px;}}/* Start custom CSS for html, class: .elementor-element-42f226c */.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

.botao *{
    transition: 0.5s;
    font-size: 14px; /*tamanho da fonte*/
    font-weight: 600; /*peso da fonte*/
    font-family: "Sora"; /*família da fonte*/
    text-align: center;
}

.botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background: linear-gradient(104deg, rgb(206, 212, 244) 0%, rgb(24, 97, 244) 100%); /*cores do degradê do botão*/
}

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 30px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #ffffff30; /*cor da borda interna*/
    overflow: hidden;
}

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
    border-radius: 50%;
    z-index: 2;
    background: linear-gradient(rgb(66, 211, 255) 0%, rgb(0, 60, 255) 100%) /*cor do círculo que envolve o ícone*/;
    box-shadow: rgba(0, 20, 255, 0.1) 0px 2.52px 4.21px 0px, rgba(0, 20, 255, 0.1) 0px 6px 10.11px 0px, rgba(0, 20, 255, 0.16) 0px 12px 19px 0px, rgba(0, 20, 255, 0.2) 0px 20px 34px 0px, rgba(0, 20, 255, 0.24) 0px 38px 63.5px 0px, rgba(0, 20, 255, 0.33) 0px 91px 152px 0px;
}

.wrapper-2{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: #fff;
    color: blue;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.icone-1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}

.icone-2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
}

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    border-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px -1px 0px 0px, rgba(255, 255, 255, 0.25) 0px 0px 1px 0px inset, rgb(166, 173, 255) 0px 4px 44px 0px, rgb(149, 190, 255) 0px 0px 10px 0px, rgb(149, 190, 255) 0px 0px 12px 0px inset;
}

.texto-1{
    margin-left: 20px;
    color: #ffffff; /*cor do texto 1*/
}

.texto-2{
    position: absolute;
    color: rgb(117, 157, 252); /*cor do texto 2*/
    opacity: 0;
    transform: translatex(100%);
}

.botao:hover .fundo{
    width: calc(100% - 35px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 30px)
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translatex(0%);
}

.botao:hover .icone-2{
    opacity: 1;
}
/* ==================================================================== */
/* 2. REGRAS CONDICIONAIS (PÁGINA /bio - ID 15323) - USANDO CLASSE CUSTOMIZADA */
/* As regras abaixo usam a classe '.botao-bio-hf' que você deve adicionar em cada botão do Elementor. */
/* ==================================================================== */

.page-id-15323 .botao-bio-hf .button,
.page-id-15323 .botao-bio-hf a.button {
    /* Centralização Forçada */
    display: block !important; 
    margin: 0 auto !important;
    /* Redução Forçada de Tamanho */
    font-size: 0.9rem !important; 
}

.page-id-15323 .botao-bio-hf .blob1 {
    /* Redução Forçada da Bolha */
    width: 40px !important; 
}

.page-id-15323 .botao-bio-hf .inner {
    /* Redução Forçada do Preenchimento */
    padding: 8px 15px !important;
}

/* Correção de Link (a.button) na página /bio */
.page-id-15323 .botao-bio-hf a.button {
    text-decoration: none !important; 
    color: inherit !important; 
}

.page-id-15323 .botao-bio-hf a.button .inner {
    text-decoration: none !important;
}

/* Ocultar Header/Footer na página /bio (ID 15323) */
.page-id-15323 header,
.page-id-15323 .elementor-location-header,
.page-id-15323 footer,
.page-id-15323 .elementor-location-footer {
    display: none !important;
}
.page-id-15323 .site-content,
.page-id-15323 .entry-content,
.page-id-15323 .elementor-default {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-96e85a1 */.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

.botao *{
    transition: 0.5s;
    font-size: 14px; /*tamanho da fonte*/
    font-weight: 600; /*peso da fonte*/
    font-family: "Sora"; /*família da fonte*/
    text-align: center;
}

.botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background: linear-gradient(104deg, rgb(206, 212, 244) 0%, rgb(24, 97, 244) 100%); /*cores do degradê do botão*/
}

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 30px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #ffffff30; /*cor da borda interna*/
    overflow: hidden;
}

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
    border-radius: 50%;
    z-index: 2;
    background: linear-gradient(rgb(66, 211, 255) 0%, rgb(0, 60, 255) 100%) /*cor do círculo que envolve o ícone*/;
    box-shadow: rgba(0, 20, 255, 0.1) 0px 2.52px 4.21px 0px, rgba(0, 20, 255, 0.1) 0px 6px 10.11px 0px, rgba(0, 20, 255, 0.16) 0px 12px 19px 0px, rgba(0, 20, 255, 0.2) 0px 20px 34px 0px, rgba(0, 20, 255, 0.24) 0px 38px 63.5px 0px, rgba(0, 20, 255, 0.33) 0px 91px 152px 0px;
}

.wrapper-2{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: #fff;
    color: blue;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.icone-1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}

.icone-2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
}

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    border-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px -1px 0px 0px, rgba(255, 255, 255, 0.25) 0px 0px 1px 0px inset, rgb(166, 173, 255) 0px 4px 44px 0px, rgb(149, 190, 255) 0px 0px 10px 0px, rgb(149, 190, 255) 0px 0px 12px 0px inset;
}

.texto-1{
    margin-left: 20px;
    color: #ffffff; /*cor do texto 1*/
}

.texto-2{
    position: absolute;
    color: rgb(117, 157, 252); /*cor do texto 2*/
    opacity: 0;
    transform: translatex(100%);
}

.botao:hover .fundo{
    width: calc(100% - 35px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 30px)
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translatex(0%);
}

.botao:hover .icone-2{
    opacity: 1;
}
/* ==================================================================== */
/* 2. REGRAS CONDICIONAIS (PÁGINA /bio - ID 15323) - USANDO CLASSE CUSTOMIZADA */
/* As regras abaixo usam a classe '.botao-bio-hf' que você deve adicionar em cada botão do Elementor. */
/* ==================================================================== */

.page-id-15323 .botao-bio-hf .button,
.page-id-15323 .botao-bio-hf a.button {
    /* Centralização Forçada */
    display: block !important; 
    margin: 0 auto !important;
    /* Redução Forçada de Tamanho */
    font-size: 0.9rem !important; 
}

.page-id-15323 .botao-bio-hf .blob1 {
    /* Redução Forçada da Bolha */
    width: 40px !important; 
}

.page-id-15323 .botao-bio-hf .inner {
    /* Redução Forçada do Preenchimento */
    padding: 8px 15px !important;
}

/* Correção de Link (a.button) na página /bio */
.page-id-15323 .botao-bio-hf a.button {
    text-decoration: none !important; 
    color: inherit !important; 
}

.page-id-15323 .botao-bio-hf a.button .inner {
    text-decoration: none !important;
}

/* Ocultar Header/Footer na página /bio (ID 15323) */
.page-id-15323 header,
.page-id-15323 .elementor-location-header,
.page-id-15323 footer,
.page-id-15323 .elementor-location-footer {
    display: none !important;
}
.page-id-15323 .site-content,
.page-id-15323 .entry-content,
.page-id-15323 .elementor-default {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-78da83e */.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

.botao *{
    transition: 0.5s;
    font-size: 14px; /*tamanho da fonte*/
    font-weight: 600; /*peso da fonte*/
    font-family: "Sora"; /*família da fonte*/
    text-align: center;
}

.botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background: linear-gradient(104deg, rgb(206, 212, 244) 0%, rgb(24, 97, 244) 100%); /*cores do degradê do botão*/
}

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 30px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #ffffff30; /*cor da borda interna*/
    overflow: hidden;
}

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
    border-radius: 50%;
    z-index: 2;
    background: linear-gradient(rgb(66, 211, 255) 0%, rgb(0, 60, 255) 100%) /*cor do círculo que envolve o ícone*/;
    box-shadow: rgba(0, 20, 255, 0.1) 0px 2.52px 4.21px 0px, rgba(0, 20, 255, 0.1) 0px 6px 10.11px 0px, rgba(0, 20, 255, 0.16) 0px 12px 19px 0px, rgba(0, 20, 255, 0.2) 0px 20px 34px 0px, rgba(0, 20, 255, 0.24) 0px 38px 63.5px 0px, rgba(0, 20, 255, 0.33) 0px 91px 152px 0px;
}

.wrapper-2{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: #fff;
    color: blue;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.icone-1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}

.icone-2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
}

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    border-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px -1px 0px 0px, rgba(255, 255, 255, 0.25) 0px 0px 1px 0px inset, rgb(166, 173, 255) 0px 4px 44px 0px, rgb(149, 190, 255) 0px 0px 10px 0px, rgb(149, 190, 255) 0px 0px 12px 0px inset;
}

.texto-1{
    margin-left: 20px;
    color: #ffffff; /*cor do texto 1*/
}

.texto-2{
    position: absolute;
    color: rgb(117, 157, 252); /*cor do texto 2*/
    opacity: 0;
    transform: translatex(100%);
}

.botao:hover .fundo{
    width: calc(100% - 35px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 30px)
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translatex(0%);
}

.botao:hover .icone-2{
    opacity: 1;
}
/* ==================================================================== */
/* 2. REGRAS CONDICIONAIS (PÁGINA /bio - ID 15323) - USANDO CLASSE CUSTOMIZADA */
/* As regras abaixo usam a classe '.botao-bio-hf' que você deve adicionar em cada botão do Elementor. */
/* ==================================================================== */

.page-id-15323 .botao-bio-hf .button,
.page-id-15323 .botao-bio-hf a.button {
    /* Centralização Forçada */
    display: block !important; 
    margin: 0 auto !important;
    /* Redução Forçada de Tamanho */
    font-size: 0.9rem !important; 
}

.page-id-15323 .botao-bio-hf .blob1 {
    /* Redução Forçada da Bolha */
    width: 40px !important; 
}

.page-id-15323 .botao-bio-hf .inner {
    /* Redução Forçada do Preenchimento */
    padding: 8px 15px !important;
}

/* Correção de Link (a.button) na página /bio */
.page-id-15323 .botao-bio-hf a.button {
    text-decoration: none !important; 
    color: inherit !important; 
}

.page-id-15323 .botao-bio-hf a.button .inner {
    text-decoration: none !important;
}

/* Ocultar Header/Footer na página /bio (ID 15323) */
.page-id-15323 header,
.page-id-15323 .elementor-location-header,
.page-id-15323 footer,
.page-id-15323 .elementor-location-footer {
    display: none !important;
}
.page-id-15323 .site-content,
.page-id-15323 .entry-content,
.page-id-15323 .elementor-default {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5ca6ecf */.elementor-widget-html:has(.container-botao){
    overflow: hidden;
    border-radius: 100px;
}

.botao *{
    transition: 0.5s;
    font-size: 14px; /*tamanho da fonte*/
    font-weight: 600; /*peso da fonte*/
    font-family: "Sora"; /*família da fonte*/
    text-align: center;
}

.botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background: linear-gradient(104deg, rgb(206, 212, 244) 0%, rgb(24, 97, 244) 100%); /*cores do degradê do botão*/
}

.container-botao{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 30px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #ffffff30; /*cor da borda interna*/
    overflow: hidden;
}

.wrapper-icones{
    display: flex;
    flex-wrap: nowrap;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
    border-radius: 50%;
    z-index: 2;
    background: linear-gradient(rgb(66, 211, 255) 0%, rgb(0, 60, 255) 100%) /*cor do círculo que envolve o ícone*/;
    box-shadow: rgba(0, 20, 255, 0.1) 0px 2.52px 4.21px 0px, rgba(0, 20, 255, 0.1) 0px 6px 10.11px 0px, rgba(0, 20, 255, 0.16) 0px 12px 19px 0px, rgba(0, 20, 255, 0.2) 0px 20px 34px 0px, rgba(0, 20, 255, 0.24) 0px 38px 63.5px 0px, rgba(0, 20, 255, 0.33) 0px 91px 152px 0px;
}

.wrapper-2{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: #fff;
    color: blue;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.icone-1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
}

.icone-2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    z-index: 1;
    opacity: 0;
}

.fundo{
    position: absolute;
    left: 0;
    width: 0%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    border-radius: 100px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px -1px 0px 0px, rgba(255, 255, 255, 0.25) 0px 0px 1px 0px inset, rgb(166, 173, 255) 0px 4px 44px 0px, rgb(149, 190, 255) 0px 0px 10px 0px, rgb(149, 190, 255) 0px 0px 12px 0px inset;
}

.texto-1{
    margin-left: 20px;
    color: #ffffff; /*cor do texto 1*/
}

.texto-2{
    position: absolute;
    color: rgb(117, 157, 252); /*cor do texto 2*/
    opacity: 0;
    transform: translatex(100%);
}

.botao:hover .fundo{
    width: calc(100% - 35px);
    height: 100%;
}

.botao:hover .wrapper-icones{
    left: calc(100% - 30px)
}

.botao:hover .texto-1,
.botao:hover .icone-1{
    opacity: 0;
}

.botao:hover .texto-2{
    opacity: 1;
    transform: translatex(0%);
}

.botao:hover .icone-2{
    opacity: 1;
}
/* ==================================================================== */
/* 2. REGRAS CONDICIONAIS (PÁGINA /bio - ID 15323) - USANDO CLASSE CUSTOMIZADA */
/* As regras abaixo usam a classe '.botao-bio-hf' que você deve adicionar em cada botão do Elementor. */
/* ==================================================================== */

.page-id-15323 .botao-bio-hf .button,
.page-id-15323 .botao-bio-hf a.button {
    /* Centralização Forçada */
    display: block !important; 
    margin: 0 auto !important;
    /* Redução Forçada de Tamanho */
    font-size: 0.9rem !important; 
}

.page-id-15323 .botao-bio-hf .blob1 {
    /* Redução Forçada da Bolha */
    width: 40px !important; 
}

.page-id-15323 .botao-bio-hf .inner {
    /* Redução Forçada do Preenchimento */
    padding: 8px 15px !important;
}

/* Correção de Link (a.button) na página /bio */
.page-id-15323 .botao-bio-hf a.button {
    text-decoration: none !important; 
    color: inherit !important; 
}

.page-id-15323 .botao-bio-hf a.button .inner {
    text-decoration: none !important;
}

/* Ocultar Header/Footer na página /bio (ID 15323) */
.page-id-15323 header,
.page-id-15323 .elementor-location-header,
.page-id-15323 footer,
.page-id-15323 .elementor-location-footer {
    display: none !important;
}
.page-id-15323 .site-content,
.page-id-15323 .entry-content,
.page-id-15323 .elementor-default {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}/* End custom CSS */