.elementor-6937 .elementor-element.elementor-element-ad4e970{--display:flex;--min-height:0px;--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;--overflow:hidden;}.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-6937 .elementor-element.elementor-element-6edcc0e.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;}.elementor-6937 .elementor-element.elementor-element-b89f425{--display:flex;}.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-6937 .elementor-element.elementor-element-4cb8e5c.elementor-element{--order:99999 /* order end hack */;}.elementor-6937 .elementor-element.elementor-element-4cb8e5c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-6937 .elementor-element.elementor-element-4cb8e5c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-6937 .elementor-element.elementor-element-4cb8e5c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-6937 .elementor-element.elementor-element-4cb8e5c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6937 .elementor-element.elementor-element-4cb8e5c .elementor-icon-list-item > a{font-family:"Montserrat", Sans-serif;font-weight:600;}.elementor-6937 .elementor-element.elementor-element-4cb8e5c .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-6937 .elementor-element.elementor-element-13eb386{--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-6937 .elementor-element.elementor-element-13eb386.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6937 .elementor-element.elementor-element-bfe08d1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:060px 0px;--row-gap:060px;--column-gap: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-6937 .elementor-element.elementor-element-e2ac8db{width:100%;max-width:100%;text-align:center;}.elementor-6937 .elementor-element.elementor-element-e2ac8db.elementor-element{--align-self:center;}.elementor-6937 .elementor-element.elementor-element-e2ac8db .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:48px;font-weight:400;color:#FFFFFF;}.elementor-6937 .elementor-element.elementor-element-aaeedd3{text-align:center;}.elementor-6937 .elementor-element.elementor-element-aaeedd3 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:20px;font-weight:400;line-height:24px;color:#FFFFFF;}.elementor-6937 .elementor-element.elementor-element-6eea1e7.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-6937 .elementor-element.elementor-element-b61ec8e{--display:flex;--min-height:0px;--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6937 .elementor-element.elementor-element-1866f9f{--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-6937 .elementor-element.elementor-element-f997280 > .elementor-widget-container{margin:-18px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-4d2d9d2{--display:flex;--min-height:0vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6937 .elementor-element.elementor-element-c04637b > .elementor-widget-container{margin:-50px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-c04637b.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-6937 .elementor-element.elementor-element-c04637b{left:0px;}body.rtl .elementor-6937 .elementor-element.elementor-element-c04637b{right:0px;}.elementor-6937 .elementor-element.elementor-element-c04637b{top:48px;position:absolute;}.elementor-6937 .elementor-element.elementor-element-caaa18f > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:1px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-caaa18f{text-align:center;}.elementor-6937 .elementor-element.elementor-element-caaa18f .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:32px;font-weight:400;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-6937 .elementor-element.elementor-element-9c402c8 > .elementor-widget-container{margin:-15px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-9c402c8.elementor-element{--order:99999 /* order end hack */;}.elementor-6937 .elementor-element.elementor-element-9c402c8{text-align:center;}.elementor-6937 .elementor-element.elementor-element-9c402c8 .elementor-heading-title{font-family:"Albert Sans", Sans-serif;font-size:22px;font-weight:300;line-height:29px;color:#FFFFFF;}.elementor-6937 .elementor-element.elementor-element-89f2c06{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6937 .elementor-element.elementor-element-b7e5d72 > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-c49a1e8{--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-6937 .elementor-element.elementor-element-a6affc2{--display:flex;--min-height:244px;--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;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:95px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6937 .elementor-element.elementor-element-05680e2{--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-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-6937 .elementor-element.elementor-element-c92c448 > .elementor-widget-container{margin:0px 0px -24px 0px;padding:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-c92c448.elementor-element{--align-self:center;}.elementor-6937 .elementor-element.elementor-element-c92c448{column-gap:0px;text-align:center;font-family:"Sora", Sans-serif;font-size:15.5px;font-weight:100;color:#FFFFFF;}.elementor-6937 .elementor-element.elementor-element-c92c448 p{margin-block-end:8px;}.elementor-6937 .elementor-element.elementor-element-7d0cbf6 > .elementor-widget-container{margin:0px 0px -24px 0px;padding:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-7d0cbf6{column-gap:0px;text-align:center;font-family:"Sora", Sans-serif;font-size:15.5px;font-weight:100;color:#FFFFFF;}.elementor-6937 .elementor-element.elementor-element-e99552c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(18px/2);}.elementor-6937 .elementor-element.elementor-element-e99552c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(18px/2);}.elementor-6937 .elementor-element.elementor-element-e99552c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(18px/2);}.elementor-6937 .elementor-element.elementor-element-e99552c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-18px/2);}.elementor-6937 .elementor-element.elementor-element-e99552c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-18px/2);}.elementor-6937 .elementor-element.elementor-element-e99552c .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-6937 .elementor-element.elementor-element-e99552c .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-6937 .elementor-element.elementor-element-e99552c{--e-icon-list-icon-size:35px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-6937 .elementor-element.elementor-element-e99552c .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-6937 .elementor-element.elementor-element-e99552c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6937 .elementor-element.elementor-element-e99552c .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:800;}.elementor-6937 .elementor-element.elementor-element-e99552c .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-6937 .elementor-element.elementor-element-53f989a{--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;}.elementor-6937 .elementor-element.elementor-element-5440df7{--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-6937 .elementor-element.elementor-element-d7a2997{--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-6937 .elementor-element.elementor-element-f7bb701{text-align:center;font-family:"Roboto", Sans-serif;font-weight:400;color:#9219FF;}@media(min-width:768px){.elementor-6937 .elementor-element.elementor-element-bfe08d1{--width:43%;}.elementor-6937 .elementor-element.elementor-element-b61ec8e{--width:100%;}.elementor-6937 .elementor-element.elementor-element-1866f9f{--width:57%;}.elementor-6937 .elementor-element.elementor-element-05680e2{--width:50%;}.elementor-6937 .elementor-element.elementor-element-53f989a{--width:50%;}}@media(max-width:767px){.elementor-6937 .elementor-element.elementor-element-ad4e970{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6937 .elementor-element.elementor-element-ad4e970.e-con{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:1;}.elementor-6937 .elementor-element.elementor-element-6edcc0e.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-6937 .elementor-element.elementor-element-6edcc0e{text-align:center;}.elementor-6937 .elementor-element.elementor-element-b89f425{--margin-top:-1px;--margin-bottom:-1px;--margin-left:-1px;--margin-right:-1px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6937 .elementor-element.elementor-element-4cb8e5c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-4cb8e5c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(23px/2);}.elementor-6937 .elementor-element.elementor-element-4cb8e5c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(23px/2);}.elementor-6937 .elementor-element.elementor-element-4cb8e5c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(23px/2);}.elementor-6937 .elementor-element.elementor-element-4cb8e5c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-23px/2);}.elementor-6937 .elementor-element.elementor-element-4cb8e5c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-23px/2);}.elementor-6937 .elementor-element.elementor-element-4cb8e5c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-6937 .elementor-element.elementor-element-4cb8e5c .elementor-icon-list-item > a{font-size:17px;letter-spacing:-0.9px;word-spacing:0.2em;}.elementor-6937 .elementor-element.elementor-element-13eb386{--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-6937 .elementor-element.elementor-element-bfe08d1{--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-6937 .elementor-element.elementor-element-e2ac8db > .elementor-widget-container{margin:26px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-e2ac8db.elementor-element{--align-self:center;}.elementor-6937 .elementor-element.elementor-element-e2ac8db .elementor-heading-title{font-size:31px;}.elementor-6937 .elementor-element.elementor-element-aaeedd3 > .elementor-widget-container{margin:-16px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-aaeedd3 .elementor-heading-title{line-height:1.2em;}.elementor-6937 .elementor-element.elementor-element-6eea1e7.elementor-element{--flex-grow:0;--flex-shrink:1;}.elementor-6937 .elementor-element.elementor-element-b61ec8e{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6937 .elementor-element.elementor-element-d521dd4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-d521dd4.elementor-element{--align-self:center;}.elementor-6937 .elementor-element.elementor-element-1866f9f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6937 .elementor-element.elementor-element-1866f9f.e-con{--order:-99999 /* order start hack */;}.elementor-6937 .elementor-element.elementor-element-f997280.elementor-element{--order:99999 /* order end hack */;}.elementor-6937 .elementor-element.elementor-element-c04637b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-c04637b.elementor-element{--align-self:flex-end;}body:not(.rtl) .elementor-6937 .elementor-element.elementor-element-c04637b{left:0px;}body.rtl .elementor-6937 .elementor-element.elementor-element-c04637b{right:0px;}.elementor-6937 .elementor-element.elementor-element-c04637b{top:-807px;right:-80px;}.elementor-6937 .elementor-element.elementor-element-caaa18f > .elementor-widget-container{margin:29px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-caaa18f.elementor-element{--order:99999 /* order end hack */;}.elementor-6937 .elementor-element.elementor-element-9c402c8 > .elementor-widget-container{margin:13px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-9c402c8{text-align:center;}.elementor-6937 .elementor-element.elementor-element-9c402c8 .elementor-heading-title{font-size:18px;line-height:1.4em;}.elementor-6937 .elementor-element.elementor-element-a6affc2{--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-6937 .elementor-element.elementor-element-c92c448 > .elementor-widget-container{margin:-26px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6937 .elementor-element.elementor-element-c92c448{line-height:1.7em;}.elementor-6937 .elementor-element.elementor-element-7d0cbf6 > .elementor-widget-container{margin:-10px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-6eea1e7 */.button-71 {
    background: linear-gradient(to bottom, #e19310, #FFA500);
    border: 0;
    border-radius: 56px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: system-ui,-apple-system,system-ui,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
    font-size: 18px;
    font-weight: 500;
    outline: 0;
    padding: 16px 21px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}
.button-71:active {
    transform: none !important;
    box-shadow: none !important;
    transition: none !important;
}
.button-71:before {
    background-color: initial;
    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
    border-radius: 125px;
    content: "";
    height: 50%;
    left: 4%;
    opacity: .5;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 92%;
}
.button-71:hover {
    box-shadow: rgba(255, 255, 255, .2) 0 3px 15px inset, rgba(0, 0, 0, .1) 0 3px 5px, rgba(0, 0, 0, .1) 0 10px 13px;
}
@media (min-width: 768px) {
    .button-71 {
        padding: 16px 48px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d521dd4 *//* --- ESTILOS PARA O SEGUNDO BLOCO: .grafico-analytics-container (GRÁFICO DE BARRAS) --- */
.grafico-analytics-container {
    /* REMOVIDO: position: absolute; */
    /* REMOVIDO: top: 40%; */
    /* REMOVIDO: left: 5%; */
    /* Deixe o Elementor lidar com o posicionamento principal deste widget.
       Se precisar movê-lo, use as opções de Posicionamento Avançado do Elementor ou Margens. */
    
     width: 250px !important; /* Mantenha largura fixa para desktop */
     height: 160px !important; /* Mantenha altura fixa para desktop */


    background: linear-gradient(135deg, rgba(114, 12, 135, 0.8), rgba(85, 68, 170, 0.8));
    border-radius: 5px;
    box-shadow:
        inset 2px 2px 5px rgba(0, 0, 0, 0.05),
        5px 7px 10px rgba(0, 0, 0, 0.1),
        0px 2px 15px rgba(0, 0, 0, 0.05),
        inset -0.01px -0.01px 15px rgba(255, 255, 255, 0.4);
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding:10px 12px 12px 12px !important; /* Topo, Direita, Fundo, Esquerda */
    margin: 0 !important; /* Opcional: Isso centralizará o bloco se ele não for posicionado absolutamente pelo Elementor. Ajuste conforme necessário. */
}

.grafico-analytics-info {
    color: #fff;
    text-align: left;
    margin-bottom: 8px;
}

.grafico-analytics-titulo {
    font-size: 1em;
    font-weight: bold;
    display: block;
    color: #fff;
}

.grafico-analytics-subtitulo {
    font-size: 0.75em;
    opacity: 0.8;
    display: block;
    color: #fff;
}

/* Esta é a classe do contêiner das barras - Propriedades de layout flexbox aqui! */
.elementor-widget-container .grafico-analytics-container .grafico-analytics-barras {
    display: flex;
    align-items: flex-end;
    /* ALTERADO: Use space-between para distribuir as barras uniformemente no contêiner */
    justify-content: space-between;
    height: 80px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/* Esta é a classe das barras individuais - Propriedades de tamanho e espaçamento entre elas aqui! */
.elementor-widget-container .grafico-analytics-container .grafico-analytics-barra {
    background-color: rgba(255, 255, 255, 0.4);
    width: 22px; /* Largura base */
    flex-grow: 1; /* Permite que as barras cresçam para preencher o espaço */
    max-width: 22px; /* Impede que as barras fiquem muito largas */
    border-radius: 3px 3px 0 0;
    transition: height 0.3s ease-in-out;
    display: block;
    min-height: 5px;
    /* REMOVIDO: margin-right daqui e movido para o seletor :not(:last-child) para melhor controle */
}

/* Aplica a margem à direita de cada barra, exceto a última */
.elementor-widget-container .grafico-analytics-container .grafico-analytics-barra:not(:last-child) {
    margin-right: 8px; /* Ajuste este valor para o espaçamento desejado */
}

.elementor-widget-container .grafico-analytics-container .grafico-analytics-barra.destaque-analytics {
    background-color: #FFA500 !important;
}

.grafico-analytics-rotulos-meses {
    display: flex;
    /* ALTERADO: Use space-between para alinhar os rótulos diretamente abaixo das barras */
    justify-content: space-between;
    color: #fff;
    font-size: 0.65em;
    opacity: 0.7;
    margin-top: 5px;
}

.grafico-analytics-emoji .custom-emoji-img {
    width: 35px;
    height: 35px;
    object-fit: contain;
    display: block;
}

.grafico-analytics-emoji {
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 28px;
    transform: rotate(0deg);
    z-index: 100;
}

/* --- Responsividade para o gráfico --- */
@media (max-width: 768px) {
    .grafico-analytics-container {
        position: relative !important; /* Manter relativo para mobile para manter o fluxo */
        top: auto !important;
        left: auto !important;
        
        /* Centraliza o contêiner horizontalmente com margin: auto */
        margin-left: auto !important;
        margin-right: auto !important;
        
        
        /* Ajustes de largura para mobile */
        width: 140px !important; /* Esta largura parece funcionar bem para 5 barras com o espaçamento especificado */
        max-width: 100% important;

        transform: rotate(0deg) scale(1);
        height: auto !important;
        padding: 5px 15px 5px 15px; /* Ajustar o padding para mobile */
    }
    .elementor-widget-container .grafico-analytics-container .grafico-analytics-barras {
        height: 70px;
        justify-content: space-between; /* Garantir consistência para mobile */
    }
    .elementor-widget-container .grafico-analytics-container .grafico-analytics-barra {
        width: 18px; /* Largura menor para as barras no mobile */
        flex-grow: 1; /* Permitir crescimento */
        max-width: 18px; /* Limitar largura máxima para as barras no mobile */
    }
    .elementor-widget-container .grafico-analytics-container .grafico-analytics-barra:not(:last-child) {
        margin-right: 5px; /* Espaçamento ajustado para mobile */
    }
    .grafico-analytics-rotulos-meses {
        justify-content: space-between; /* Garantir consistência para mobile */
    }
    .grafico-analytics-emoji {
        font-size: 22px;
        top: -8px;
        right: -6px;
        transform: rotate(0deg);
        z-index: 100;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4d2d9d2 */.coluna_degrade {
    /* ----- GARANTIR POSICIONAMENTO ABSOLUTO ----- */
    position: absolute !important; /* Essencial para que left/transform funcionem */
    top: auto !important;          /* Anula qualquer top padrão */
    right: auto !important;         /* Anula qualquer right padrão */
    bottom: auto !important;        /* Anula qualquer bottom padrão */

    /* ----- CONTROLE DE TAMANHO ----- */
    width: 200px !important;       /* Defina uma largura fixa (ajuste conforme necessário) */
    max-width: 200px !important;   /* Garante que não ultrapasse essa largura */
    height: 250px !important;      /* Defina uma altura fixa (ajuste conforme necessário) */
    min-width: 0 !important;       /* Anula min-width se houver */
    min-height: 0 !important;      /* Anula min-height se houver */

    /* ----- POSICIONAMENTO COM LEFT E TRANSFORM ----- */
    left: 60% !important; /* <-- AJUSTE ESTE VALOR NAS FERRAMENTAS DO DESENVOLVEDOR */
    transform: translate(-76%, 73%) !important; /* <-- AJUSTE ESTE (X, Y) NAS FERRAMENTAS DO DESENVOLVEDOR */

    /* ----- RESET DE MARGENS/PADDINGS/BORDAS ----- */
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;

    /* ----- GARANTIR VISIBILIDADE (z-index) ----- */
    z-index: 10 !important; /* Garante que fique acima de outros elementos */

    /* ----- PROPRIEDADES DE GRADIENTE (como você já tem) ----- */
    background: linear-gradient(
        180deg, /* Ângulo de cima para baixo */
        rgba(144, 36, 171, 0.8) 10%, /* Roxo com 80% de opacidade */
        rgba(45, 28, 77, 0) 95% /* Roxo/Azul escuro com 0% de opacidade */
    ) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;

    /* ----- ANULAR PROPRIEDADES DE FLEXBOX/GRID QUE PODEM CAUSAR CONFLITO ----- */
    /* Estas são as mais prováveis de interferir com position: absolute */
    display: block !important; /* Garante que se comporte como um bloco */
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;
    align-self: auto !important;
    justify-self: auto !important;
    grid-area: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

/* ----- RESPONSIVO PARA CELULARES (telas menores que 768px) ----- */
@media (max-width: 768px) {
    .coluna_degrade {
        /* Mantenha position: absolute e z-index aqui se quiser sobrescrevê-los para mobile */
        /* position: absolute !important; */
        /* z-index: 10 !important; */

        /* Ajustes de tamanho para mobile */
        width: 130px !important;    /* Ajuste para largura desejada no mobile */
        max-width: 130px !important;
        height: 250px !important;   /* Ajuste para altura desejada no mobile */

        /* Posicionamento para mobile (ajuste esses valores!) */
        left: 54% !important; /* Exemplo: tente 50% para centralizar */
        transform: translate(-60%, 25%) !important; /* Exemplo: -50% para centralizar horizontalmente, 50px para ajustar verticalmente */
        top: auto !important; /* Mantenha auto, ou defina um top/bottom específico */
        bottom: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c04637b *//* Estilos para o Bloco Flutuante Geral (Desktop) */
/* Usamos .elementor-widget-container .emojiPericia para maior especificidade */
.elementor-widget-container .emojiPericia {
    position: absolute !important;
    /* Altere de % para PX. Isso é frequentemente mais robusto para Elementor. */
    top: 20px !important; /* TESTE ESSE VALOR. Pode ser 30px, 50px, etc. */
    right: -505px !important; /* <<< AQUI É O AJUSTE CHAVE. Comece com 150px e ajuste no F12 primeiro. */
    left: auto !important; /* <<< GARANTE QUE NENHUM "LEFT" ESTEJA CONFLITANDO */
    width: 267px !important;
    height: 66px !important;
    padding: 8px 5px 5px 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 100 !important;

    background: linear-gradient(to bottom, rgba(114, 12, 135, 0.8), rgba(85, 68, 170, 0.8)) !important;
    border-radius: 8px !important;
    box-shadow:
        inset 2px 2px 5px rgba(0, 0, 0, 0.05),
        5px 7px 10px rgba(0, 0, 0, 0.1),
        0px 2px 15px rgba(0, 0, 0, 0.05),
        inset -0.01px -0.01px 15px rgba(255, 255, 255, 0.4) !important;
}
.emojiPericia:hover {
    transform: rotate(0deg) scale(1);

    /* Gradiente de Fundo do .card01 */
    background: linear-gradient(to bottom, rgba(114, 12, 135, 0.8), rgba(85, 68, 170, 0.8));

    /* Borda e Border-Radius */
   /* ... outras propriedades ... */
    /* border: 1px solid rgba(204, 204, 204, 0.2); */ /* Removido/Comentado */
    /* ... outras propriedades ... */
    border-radius: 8px;

    /* Sombras do .card01 para o BLOCÃO */
    box-shadow:
        inset 2px 2px 5px rgba(0, 0, 0, 0.05),
        5px 7px 10px rgba(0, 0, 0, 0.1),
        0px 2px 15px rgba(0, 0, 0, 0.05),
        inset -0.01px -0.01px 15px rgba(255, 255, 255, 0.4);

    /*transform: rotate(5deg) scale(0.95);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;*/
}

.emojiPericia:hover {
    transform: rotate(0deg) scale(1);
}

/* Variáveis (se ainda estiver usando para outros elementos) */
.emojiPericia {
    --card-shape: 20px;
}

/* Estilos para o Conteúdo Interno do Bloco */
.bloco-conteudo {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-grow: 1;
}

.icone-atividade {
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 53px;
}

.icone-atividade img {
    width: 40px;
    height: 40px;
    /* filter: invert(100%);
    para deixá-lo branco (assumindo que o original fosse preto ou em tons escuros). */
}

.texto-atividade {
    display: flex;
    flex-direction: column;
    color: #fff;
}

.texto-atividade .label {
    font-size: 12px;
    opacity: 0.8;
    font-weight: 400;
    font-family: 'Lucida Sans', Helvetica, sans-serif;
    color: #FFFB00;
    text-shadow: rgba(10, 10, 10, 0.5) 1px 1px 1px;
}

.texto-atividade .valor {
    font-size: 24px;
    font-weight: 700;
    font-family: 'Lucida Sans', Helvetica, sans-serif;
    color: #fff;
    line-height: 0.9; /* >>> ESTA É A LINHA PARA DIMINUIR A ENTRELINHA DE "Próximas 24 Horas" */
}

/* Estilos para o Emoji Flutuante */
.emoji-flutuante {
    position: absolute;
    top: -15px;
    right: -15px;
    transform: rotate(0deg);
}

.emoji-flutuante img {
    width: 35px;
    height: 35px;
    object-fit: contain;
    filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.4));
}

/* Responsividade (Ajuste para Telas Menores) */
@media (max-width: 768px) {
    .elementor-widget-container .emojiPericia {
        width: 69% !important;
        height: 77px !important;
        position: absolute !important; /* Mantenha absolute para mobile */
        top: 1150px !important; /* Ajuste a distância do topo no mobile (use px) */
        right: auto !important; /* Garante que 'right' não interfira */
        left: 50% !important; /* Centraliza o ponto de origem no meio do pai */
        transform: translateX(-50%) rotate(0deg) scale(1) !important; /* Move o elemento de volta pela metade de sua largura */
        margin: 0 !important; /* REMOVA COMPLETAMENTE QUALQUER MARGEM DE 780px. É crucial! */
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
        border-radius: 10px !important;
        padding: 9px 15px 10px 15px !important; /* Ajuste o padding para mobile */
    }
    .emoji-flutuante {
        top: -15px !important;
        right: -9px !important;
    }
    .emoji-flutuante img {
        width: 35px !important;
        height: 35px !important;
        filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.3)) !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b7e5d72 *//* --- Estilos para o Box "How We Elevate Mental Wealth" --- */
.box-mental-wealth {
    display: flex;
    align-items: center;
    background: rgba(114, 12, 135, 0.6);
    border-radius: 5px;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.05),
                5px 7px 10px rgba(0, 0, 0, 0.1),
                0px 2px 15px rgba(0, 0, 0, 0.05),
                inset -0.01px -0.01px 15px rgba(255, 255, 255, 0.4);
    padding: 20px;
    margin: 20px auto;
    max-width: 500px;
    width: 90%;
    transform: rotate(0deg) scale(1);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    position: absolute;
    top: 300%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
}



.mental-wealth-icon {
    min-width: 60px;
    height: 60px;
    background-color: #481665;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.mental-wealth-icon img {
    max-width: 80px;
    max-height: 60px;
    display: block;
}

.mental-wealth-text {
    flex-grow: 1;
    color: #fff;
}

.mental-wealth-title {
    font-size: 1.2em;
    margin: 0 0 5px 0;
    font-weight: bold;
    line-height: 1.2;
}

.mental-wealth-description {
    font-size: 0.9em;
    opacity: 0.8;
    margin: 0;
}

.mental-wealth-arrow {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    overflow: hidden;
}

.mental-wealth-arrow:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.mental-wealth-arrow img {
    max-width: 40px;
    max-height: 180px;
    display: block;
}

/* --- Estilos para o Box "How We Elevate Mental Wealth" --- */
.box-mental-wealth {
    display: flex;
    align-items: center;
    background: rgba(114, 12, 135, 0.6);
    border-radius: 5px;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.05),
                5px 7px 10px rgba(0, 0, 0, 0.1),
                0px 2px 15px rgba(0, 0, 0, 0.05),
                inset -0.01px -0.01px 15px rgba(255, 255, 255, 0.4);
    padding: 20px;
    margin: 20px auto;
    max-width: 500px;
    width: 90%;
    transform: rotate(0deg) scale(1);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    position: absolute;
    top: 300%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
}

.mental-wealth-icon {
    min-width: 60px;
    height: 60px;
    background-color: #481665;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.mental-wealth-icon img {
    max-width: 80px;
    max-height: 60px;
    display: block;
}

.mental-wealth-text {
    flex-grow: 1;
    color: #fff;
}

.mental-wealth-title {
    font-size: 1.2em;
    margin: 0 0 5px 0;
    font-weight: bold;
    line-height: 1.2;
}

.mental-wealth-description {
    font-size: 0.9em;
    opacity: 0.8;
    margin: 0;
}

.mental-wealth-arrow {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    min-width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    overflow: hidden;
}

.mental-wealth-arrow:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.mental-wealth-arrow img {
    max-width: 40px;
    max-height: 180px;
    display: block;
}

/* --- Responsividade (ajustes para telas menores) --- */
@media (max-width: 768px) {
    .box-mental-wealth {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        flex-direction: column;
        text-align: center;
        padding: 15px;
    }
    .mental-wealth-icon {
        margin: 0 auto 15px auto;
    }
    .mental-wealth-text {
        margin-bottom: 15px;
    }
    .mental-wealth-arrow {
        margin: 0 auto;
    }
}

/* --- Código do TOOLTIP (PARA TODAS AS RESOLUÇÕES) --- */
.link-box-mental-wealth {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.tooltip-text {
    visibility: hidden;
    opacity: 0;
    width: 120px;
    background-color: rgba(114, 12, 135, 0.8);
    color: #ffffff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 10;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    transition: visibility 0s, opacity 0.3s ease;
}

.tooltip-text::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.link-box-mental-wealth:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}




/* --- Responsividade (ajustes para telas menores) --- */
@media (max-width: 768px) {
    .box-mental-wealth {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        flex-direction: column;
        text-align: center;
        padding: 15px;
    }
    .mental-wealth-icon {
        margin: 0 auto 15px auto;
    }
    .mental-wealth-text {
        margin-bottom: 15px;
    }
    .mental-wealth-arrow {
        margin: 0 auto;
    }
}

/* --- Código do TOOLTIP (PARA TODAS AS RESOLUÇÕES) --- */
.link-box-mental-wealth {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.tooltip-text {
    visibility: hidden;
    opacity: 0;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 10;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    transition: visibility 0s, opacity 0.3s ease;
}

.tooltip-text::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.link-box-mental-wealth:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5f60899 *//* ------------------ MODAL CSS PURO COM :TARGET ------------------ */

/* Estilos para o contêiner principal do modal (a "camada" escura) */
.modal-container {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.secao-fundo-degrade:focus {
    outline: none;
}

/* Estilos para o conteúdo do modal (o box branco) */
.modal-conteudo {
    background-color: rgba(255, 255, 255, 0.1); /* Fundo semi-transparente para o efeito de vidro */
    backdrop-filter: blur(10px); /* O "coração" do efeito de vidro */
    -webkit-backdrop-filter: blur(10px); /* Suporte para navegadores Webkit (Chrome, Safari) */
    border: 1px solid rgba(255, 255, 255, 0.2); /* Borda sutil para o efeito de "vidro" */
    color: #fff; /* Cor do texto dentro do modal */
    padding: 20px;
    border-radius: 8px;
    width: 90%;
    max-width: 600px;
    position: relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    transform: scale(0.9);
    transition: transform 0.3s ease;
    padding-bottom: 0;
}

/* Estilos para o botão de fechar */
.modal-fechar {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 28px;
    color: #777;
    text-decoration: none;
    line-height: 1;
}

/* **A MÁGICA**: O seletor :target mostra o modal */
.modal-container:target {
    visibility: visible;
    opacity: 1;
}

/* Adiciona um efeito visual quando o modal aparece */
.modal-container:target .modal-conteudo {
    transform: scale(1);
}

/* --- FORMATO DO TEXTO DENTRO DO MODAL E ÍCONES --- */

/* Estilos para a área de rolagem */
.modal-scroll-area {
    max-height: 70vh;
    overflow-y: auto;
    padding-right: 15px;
    scroll-behavior: smooth;
}

/* Estilos para os títulos */
.modal-conteudo h2 {
    font-size: 24px;
    font-weight: 600;
    color: #4a3c8e;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
}

/* Estilo padrão para parágrafos e títulos h3 e h4 */
.modal-conteudo p {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    margin-bottom: 15px;
    text-align: justify;
}

.modal-conteudo h3, .modal-conteudo h4 {
    font-size: 20px;
    font-weight: 500;
    color: #4a3c8e;
    margin-top: 15px;
}

/* --- Estilos para os links de navegação dentro do modal como botões --- */

/* Container de grid para os botões */
.botoes-grid {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Duas colunas com larguras iguais */
    gap: 8px; /* Espaçamento entre os botões (diminuído para 8px) */
    margin-bottom: 20px;
}

.modal-conteudo a {
    display: inline-block;
    background-color: rgba(74, 60, 142, 0.1) !important; /* Opacidade agora é 10% */
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: #fff !important;
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: 500;
    transition: background-color 0.3s ease;
    z-index: 10001;
    cursor: pointer;
    position: relative;
    text-align: center;
}

/* Estilo para todas as listas não ordenadas (ul) dentro do modal */
.modal-conteudo ul {
    list-style-position: outside;
    padding-left: 20px; /* Adiciona um espaço à esquerda para o bullet point */
}

/* Estilo para cada item da lista (li) */
.modal-conteudo ul li {
    margin-bottom: 5px; /* Adiciona um pequeno espaçamento entre os itens da lista */
    text-align: justify; /* Alinha o texto do item da lista */
}



/* Efeito de hover */
.modal-conteudo a:hover {
    background-color: rgba(138, 125, 179, 0.5) !important; /* Cor mais clara para o hover, com transparência */
}

/* Efeito de hover */
.modal-conteudo a:hover {
    background-color: #8a7db3 !important;
}

/* Estilo base para todos os ícones */
.modal-conteudo h2::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
    color: #4a3c8e;
}

/* Ícones específicos dos modais */
.titulo-saude-mental::before {
    content: "\f471";
    
}

.titulo-tratamentos::before {
    content: "\f0f1";
}


/* Título principal do modal */
.titulo-tratamentos,
.titulo-sobre {
    color: #D8BFD8 !important; /* Roxo rosado com alta precedência */
}


/* Títulos das seções de tratamento (h3) */
.secao-fundo-degrade h3 {
    color: #D8BFD8 !important; /* Roxo rosado com alta precedência */
}

/* Subtítulos (h4) dentro das seções de tratamento */
.secao-fundo-degrade h4 {
    color: #D8BFD8 !important; /* Roxo rosado com alta precedência */
}


/* Para o título dentro do modal de dependência química, se ele for diferente */
.modal-conteudo h2.titulo-saude-mental {
    color: #D8BFD8 !important;
}

.titulo-sobre::before {
    content: "\f303";
}


/* Estilo para a imagem dentro do modal */
.modal-conteudo .imagem-modal {
    display: block; /* Garante que a imagem ocupe uma linha inteira */
    max-width: 100%; /* A imagem não vai exceder a largura do modal */
    height: auto; /* Mantém a proporção da imagem */
    margin: 15px auto; /* Adiciona margem acima/abaixo e centraliza a imagem */
    border-radius: 8px; /* Arredonda as bordas da imagem (opcional) */
}









/* NOVO: Estilo de degradê com efeito de vidro para o fundo */
.secao-fundo-degrade {
    background-color: rgba(255, 255, 255, 0.1); /* Fundo semi-transparente para o efeito de vidro */
    backdrop-filter: blur(10px); /* O "coração" do efeito de vidro */
    -webkit-backdrop-filter: blur(10px); /* Suporte para navegadores Webkit (Chrome, Safari) */
    border: 1px solid rgba(255, 255, 255, 0.2); /* Borda sutil para o efeito de "vidro" */
    padding: 20px;
    border-radius: 8px;
}


.secao-fundo-degrade {
    margin-bottom: 20px; /* Adiciona um espaço de 20 pixels abaixo de cada box */
}

/* Regras para títulos e outros elementos dentro do degradê */
.secao-fundo-degrade h3,
.secao-fundo-degrade h4,
.secao-fundo-degrade strong {
    color: #FFD700 !important;
}

.secao-fundo-degrade p,
.secao-fundo-degrade ul,
.secao-fundo-degrade li {
    color: white !important;
}


/* --- ESTILOS PARA O MODAL 'SOBRE' --- */

/* Estilo do container flex para a foto e o texto */
.sobre-container-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
}

/* Estilo para a foto */
.sobre-foto {
    width: 250px;
    height: 250px;
    border-radius: 50%; /* Deixa a foto redonda */
    object-fit: cover; /* Garante que a imagem preencha o espaço sem distorcer */
    flex-shrink: 0; /* Impede que a imagem encolha em telas pequenas */
    border: 2px solid #FFD700;
}

/* Estilo para o contêiner do texto, para que ele ocupe o espaço restante */
.sobre-texto {
    flex-grow: 1;
}

/* Ajuste de responsividade para telas menores */
@media (max-width: 500px) {
    .sobre-container-flex {
        flex-direction: column; /* Empilha a foto e o texto em telas pequenas */
        align-items: center; /* Centraliza a foto e o texto */
    }
    .sobre-foto {
        margin-bottom: 10px;
    }
}

/* ------------------ RESPONSIVIDADE DO MODAL ------------------ */

@media (max-width: 767px) {
    /* Faz o conteúdo do modal ocupar a tela inteira */
    .modal-conteudo {
        width: 100%;
        max-width: 100%;
        height: 100vh;
        border-radius: 0;
        padding: 20px;
        box-sizing: border-box;
    }

    /* Ajusta a área de rolagem para o novo tamanho */
    .modal-scroll-area {
        max-height: calc(100vh - 120px);
    }
    
    /* Mantém o grid de botões com duas colunas em telas menores */
    .botoes-grid {
        grid-template-columns: 1fr 1fr;
    }

    /* Garante que o botão de fechar fique visível e acessível */
    .modal-fechar {
        top: 20px;
        right: 20px;
        color: #fff;
        z-index: 10003;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-777ed1f *//* Container principal para o bloco de citação */
.bloco-citacao {
    background-color: nome; /* Cor de fundo para o container */
    padding: 0px;
    border-radius: 10px;
    color: #fff;
    text-align: right; /* Alinha todo o texto ao centro */
}

/* Estilo para a citação principal */
.citacao-principal {
    font-size: 17px;
    font-weight: 500; /* Negrito */
    line-height: 1.4;
    margin-bottom: 10px; /* Espaço entre a citação e o autor */
}

/* Estilo para o nome do autor e a fonte */
.citacao-autor {
    font-size: 14px; /* Corpo menor */
    font-style: italic; /* Itálico */
    color: #f1f1f1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2c76df1 *//* Estilo para o botão flutuante em telas grandes (desktop) */
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    background-color: #25d366;
    background-image: url('https://drapsiquiatracuritiba.com.br/wp-content/uploads/2024/04/whatsapp-logo-2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    border-radius: 50px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    transition: all 0.3s ease;
}

/* Efeito de hover */
.whatsapp-float:hover {
    background-color: #128C7E;
    transform: translateY(-50%) scale(1.1);
}

/* Media Query para telas menores (celulares) */
@media (max-width: 768px) {
    .whatsapp-float {
        width: 50px;
        height: 50px;
        bottom: 20px;
        right: 20px;
        top: auto;
        transform: none;
        
        /* Garantindo que a imagem de fundo seja carregada no mobile */
        background-image: url('https://drapsiquiatracuritiba.com.br/wp-content/uploads/2024/04/whatsapp-logo-2.png');
        background-size: 50%;
    }

    .whatsapp-float:hover {
        transform: none;
    }
}/* End custom CSS */
/* Start custom CSS *//* Estilos para a sua seção gradiente - para todas as telas */
{
  background-color: #ff99cf !important;
  background-image:
    radial-gradient(at 100% 46%, hsla(263,90%,19%,1) 0px, transparent 50%),
    radial-gradient(at 47% 47%, hsla(275,35%,28%,1) 0px, transparent 50%),
    radial-gradient(at 88% 85%, hsla(263,53%,21%,1) 0px, transparent 50%),
    radial-gradient(at 14% 75%, hsla(260,29%,19%,1) 0px, transparent 50%),
    radial-gradient(at 15% 49%, hsla(260,29%,19%,1) 0px, transparent 50%),
    radial-gradient(at 24% 4%, hsla(258,91%,10%,0.54) 0px, transparent 50%),
    radial-gradient(at 73% 10%, hsla(258,91%,10%,0.7) 0px, transparent 50%),
    radial-gradient(at 49% 7%, hsla(260,29%,19%,1) 0px, transparent 50%),
    radial-gradient(at 4% 8%, hsla(258,91%,10%,1) 0px, transparent 50%),
    radial-gradient(at 51% 97%, hsla(258,91%,10%,1) 0px, transparent 50%),
    radial-gradient(at 22% 37%, hsla(258,91%,10%,1) 0px, transparent 50%),
    radial-gradient(at 5% 90%, hsla(258,91%,10%,1) 0px, transparent 50%),
    radial-gradient(at 92% 8%, hsla(258,91%,10%,1) 0px, transparent 50%),
    radial-gradient(at 99% 97%, hsla(258,91%,10%,1) 0px, transparent 50%) !important;
  background-size: 200% 200% !important;
  background-repeat: no-repeat !important;
  /* min-height: 300px !important; <-- Removido ou comentado aqui para desktop também, se quiser */
}

/* Ajustes específicos para telas menores (celulares) */
@media (max-width: 767px) { /* Este é um breakpoint comum para celulares */
  .gradiente {
    /* Garante que a altura se ajuste ao conteúdo no celular */
    min-height: auto !important; 
    /* Você pode ajustar o background-size para celular se desejar, por exemplo: */
    /* background-size: 100% auto !important; */ 
  }

  /* Se o problema persistir e for no posicionamento da imagem/texto,
     vamos tentar garantir que não haja z-index ou posicionamento absoluto
     nos elementos internos. Você precisaria pegar as classes CSS 
     desses contêineres ou da imagem/texto, mas vamos tentar com o mais genérico primeiro. */
  
  /* Exemplo (se precisar e souber a classe específica do contêiner interno principal): */
  /* .minha-secao-interna-principal-com-flexbox {
       flex-direction: column !important;
       align-items: center !important; 
       gap: 20px;
  } */

  /* Exemplo (se precisar e souber a classe do contêiner da imagem ou do texto): */
  /* .meu-container-da-imagem,
  .meu-container-do-texto {
       width: 100% !important;
       position: static !important; /* Garante que não há posicionamento absoluto */
       /* z-index: auto !important; */ /* Garante que não há z-index estranho */
  } */

  /* Exemplo (se precisar e souber a classe específica do widget de imagem): */
  /* .elementor-widget-image {
       position: static !important;
       z-index: auto !important;
       width: 100% !important;
       height: auto !important;
  } */
}/* End custom CSS */