.elementor-12 .elementor-element.elementor-element-7d2063c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-7d2063c:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-7d2063c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF9F4;}.elementor-12 .elementor-element.elementor-element-34ae3f1{--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;--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-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-12 .elementor-element.elementor-element-18c02e0 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:11px;font-weight:700;letter-spacing:1.2px;color:#DD7F24;}.elementor-12 .elementor-element.elementor-element-af0e0fd .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;color:#4B2E1D;}.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-12 .elementor-element.elementor-element-61dff87{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:#6C625D;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-a924da3 .elementor-button{background-color:#68452E;font-family:"Inter", Sans-serif;font-size:13px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-radius:50px 50px 50px 50px;padding:20px 30px 20px 30px;}.elementor-12 .elementor-element.elementor-element-a924da3 .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-a924da3 .elementor-button:focus{background-color:#4B2E1D;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-a924da3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12 .elementor-element.elementor-element-a924da3 .elementor-button:hover svg, .elementor-12 .elementor-element.elementor-element-a924da3 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-41213d6{--display:flex;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-12 .elementor-element.elementor-element-41213d6:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-41213d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-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-12 .elementor-element.elementor-element-bb4e07e .elementor-icon-list-icon i{color:#68452E;transition:color 0.3s;}.elementor-12 .elementor-element.elementor-element-bb4e07e .elementor-icon-list-icon svg{fill:#68452E;transition:fill 0.3s;}.elementor-12 .elementor-element.elementor-element-bb4e07e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-12 .elementor-element.elementor-element-bb4e07e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-12 .elementor-element.elementor-element-bb4e07e .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;}.elementor-12 .elementor-element.elementor-element-bb4e07e .elementor-icon-list-text{color:#74675F;transition:color 0.3s;}.elementor-12 .elementor-element.elementor-element-deb0659{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-12 .elementor-element.elementor-element-2c92e25{--display:flex;}.elementor-12 .elementor-element.elementor-element-d845fc8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 30px;--row-gap:0px;--column-gap:30px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-b267651{--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-12 .elementor-element.elementor-element-ee21a2d img{border-radius:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-31c00bd{--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-12 .elementor-element.elementor-element-0a7d411 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:11px;font-weight:700;letter-spacing:1.2px;color:#DD7F24;}.elementor-12 .elementor-element.elementor-element-f5c002b .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;color:#4B2E1D;}.elementor-12 .elementor-element.elementor-element-8e7250e{font-family:"Inter", Sans-serif;font-size:17px;font-weight:400;color:#6C625D;}.elementor-12 .elementor-element.elementor-element-608e2d5 .elementor-button{background-color:#FFF5E8;font-family:"Inter", Sans-serif;font-size:16px;font-weight:700;fill:#68452E;color:#68452E;border-radius:50px 50px 50px 50px;padding:20px 30px 20px 30px;}.elementor-12 .elementor-element.elementor-element-608e2d5 .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-608e2d5 .elementor-button:focus{background-color:#4B2E1D;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-608e2d5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12 .elementor-element.elementor-element-608e2d5 .elementor-button:hover svg, .elementor-12 .elementor-element.elementor-element-608e2d5 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-69cf837{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-69cf837:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-69cf837 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9EEDF;}.elementor-12 .elementor-element.elementor-element-286e6d7{--display:flex;}.elementor-12 .elementor-element.elementor-element-866a964{text-align:center;}.elementor-12 .elementor-element.elementor-element-866a964 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:11px;font-weight:700;letter-spacing:1.2px;color:#DD7F24;}.elementor-12 .elementor-element.elementor-element-7f04bf6{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-7f04bf6.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-7f04bf6 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;color:#4B2E1D;}.elementor-12 .elementor-element.elementor-element-5e2bae4{text-align:center;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#746B65;}.elementor-12 .elementor-element.elementor-element-278da62{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.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-12 .elementor-element.elementor-element-4838679{padding:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-4838679 .elementor-icon-box-wrapper{text-align:start;gap:3px;}.elementor-12 .elementor-element.elementor-element-4838679.elementor-view-framed .elementor-icon{background-color:#F8A640;}.elementor-12 .elementor-element.elementor-element-4838679.elementor-view-stacked .elementor-icon{fill:#F8A640;color:#F8A640;}.elementor-12 .elementor-element.elementor-element-4838679 .elementor-icon{font-size:40px;}.elementor-12 .elementor-element.elementor-element-4838679 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-4838679 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-12 .elementor-element.elementor-element-4838679 .elementor-icon-box-title{color:#4B2E1D;}.elementor-12 .elementor-element.elementor-element-4838679 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#746B65;}.elementor-12 .elementor-element.elementor-element-98313a1{padding:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-98313a1 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-12 .elementor-element.elementor-element-98313a1.elementor-view-framed .elementor-icon{background-color:#F8A640;}.elementor-12 .elementor-element.elementor-element-98313a1.elementor-view-stacked .elementor-icon{fill:#F8A640;color:#F8A640;}.elementor-12 .elementor-element.elementor-element-98313a1 .elementor-icon{font-size:40px;}.elementor-12 .elementor-element.elementor-element-98313a1 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-98313a1 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-12 .elementor-element.elementor-element-98313a1 .elementor-icon-box-title{color:#4B2E1D;}.elementor-12 .elementor-element.elementor-element-98313a1 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#746B65;}.elementor-12 .elementor-element.elementor-element-339a7a1{padding:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-339a7a1 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-12 .elementor-element.elementor-element-339a7a1.elementor-view-framed .elementor-icon{background-color:#F8A640;}.elementor-12 .elementor-element.elementor-element-339a7a1.elementor-view-stacked .elementor-icon{fill:#F8A640;color:#F8A640;}.elementor-12 .elementor-element.elementor-element-339a7a1 .elementor-icon{font-size:40px;}.elementor-12 .elementor-element.elementor-element-339a7a1 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-339a7a1 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-12 .elementor-element.elementor-element-339a7a1 .elementor-icon-box-title{color:#4B2E1D;}.elementor-12 .elementor-element.elementor-element-339a7a1 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#746B65;}.elementor-12 .elementor-element.elementor-element-d7f60e7{padding:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-d7f60e7 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-12 .elementor-element.elementor-element-d7f60e7.elementor-view-framed .elementor-icon{background-color:#F8A640;}.elementor-12 .elementor-element.elementor-element-d7f60e7.elementor-view-stacked .elementor-icon{fill:#F8A640;color:#F8A640;}.elementor-12 .elementor-element.elementor-element-d7f60e7 .elementor-icon{font-size:40px;}.elementor-12 .elementor-element.elementor-element-d7f60e7 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-d7f60e7 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-12 .elementor-element.elementor-element-d7f60e7 .elementor-icon-box-title{color:#4B2E1D;}.elementor-12 .elementor-element.elementor-element-d7f60e7 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#746B65;}.elementor-12 .elementor-element.elementor-element-1e1917c{padding:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-1e1917c .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-12 .elementor-element.elementor-element-1e1917c.elementor-view-framed .elementor-icon{background-color:#F8A640;}.elementor-12 .elementor-element.elementor-element-1e1917c.elementor-view-stacked .elementor-icon{fill:#F8A640;color:#F8A640;}.elementor-12 .elementor-element.elementor-element-1e1917c .elementor-icon{font-size:40px;}.elementor-12 .elementor-element.elementor-element-1e1917c .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-1e1917c .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-12 .elementor-element.elementor-element-1e1917c .elementor-icon-box-title{color:#4B2E1D;}.elementor-12 .elementor-element.elementor-element-1e1917c .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#746B65;}.elementor-12 .elementor-element.elementor-element-99664c0{padding:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-99664c0 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-12 .elementor-element.elementor-element-99664c0.elementor-view-framed .elementor-icon{background-color:#F8A640;}.elementor-12 .elementor-element.elementor-element-99664c0.elementor-view-stacked .elementor-icon{fill:#F8A640;color:#F8A640;}.elementor-12 .elementor-element.elementor-element-99664c0 .elementor-icon{font-size:40px;}.elementor-12 .elementor-element.elementor-element-99664c0 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-99664c0 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-12 .elementor-element.elementor-element-99664c0 .elementor-icon-box-title{color:#4B2E1D;}.elementor-12 .elementor-element.elementor-element-99664c0 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#746B65;}.elementor-12 .elementor-element.elementor-element-9178966{padding:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-9178966 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-12 .elementor-element.elementor-element-9178966.elementor-view-framed .elementor-icon{background-color:#F8A640;}.elementor-12 .elementor-element.elementor-element-9178966.elementor-view-stacked .elementor-icon{fill:#F8A640;color:#F8A640;}.elementor-12 .elementor-element.elementor-element-9178966 .elementor-icon{font-size:40px;}.elementor-12 .elementor-element.elementor-element-9178966 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-9178966 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-12 .elementor-element.elementor-element-9178966 .elementor-icon-box-title{color:#4B2E1D;}.elementor-12 .elementor-element.elementor-element-9178966 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#746B65;}.elementor-12 .elementor-element.elementor-element-41e218f{padding:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-41e218f .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-12 .elementor-element.elementor-element-41e218f.elementor-view-framed .elementor-icon{background-color:#F8A640;}.elementor-12 .elementor-element.elementor-element-41e218f.elementor-view-stacked .elementor-icon{fill:#F8A640;color:#F8A640;}.elementor-12 .elementor-element.elementor-element-41e218f .elementor-icon{font-size:40px;}.elementor-12 .elementor-element.elementor-element-41e218f .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-41e218f .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-12 .elementor-element.elementor-element-41e218f .elementor-icon-box-title{color:#4B2E1D;}.elementor-12 .elementor-element.elementor-element-41e218f .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#746B65;}.elementor-12 .elementor-element.elementor-element-066c3a2{padding:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-066c3a2 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-12 .elementor-element.elementor-element-066c3a2.elementor-view-framed .elementor-icon{background-color:#F8A640;}.elementor-12 .elementor-element.elementor-element-066c3a2.elementor-view-stacked .elementor-icon{fill:#F8A640;color:#F8A640;}.elementor-12 .elementor-element.elementor-element-066c3a2 .elementor-icon{font-size:40px;}.elementor-12 .elementor-element.elementor-element-066c3a2 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-066c3a2 .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;}.elementor-12 .elementor-element.elementor-element-066c3a2 .elementor-icon-box-title{color:#4B2E1D;}.elementor-12 .elementor-element.elementor-element-066c3a2 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#746B65;}.elementor-12 .elementor-element.elementor-element-52a3305{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-52a3305:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-52a3305 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#583621;}.elementor-12 .elementor-element.elementor-element-86599a0{--display:flex;}.elementor-12 .elementor-element.elementor-element-19cad45{text-align:center;}.elementor-12 .elementor-element.elementor-element-19cad45 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:11px;font-weight:700;letter-spacing:1.2px;color:#DD7F24;}.elementor-12 .elementor-element.elementor-element-8d74b0c{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-8d74b0c.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-8d74b0c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-5fd96b7{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-f5b64cb{padding:30px 30px 50px 30px;}.elementor-12 .elementor-element.elementor-element-f5b64cb:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#9A6938;}.elementor-12 .elementor-element.elementor-element-f5b64cb .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-12 .elementor-element.elementor-element-f5b64cb.elementor-view-stacked .elementor-icon{background-color:#5B3C24;fill:#F8A640;color:#F8A640;}.elementor-12 .elementor-element.elementor-element-f5b64cb.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-f5b64cb.elementor-view-default .elementor-icon{fill:#5B3C24;color:#5B3C24;border-color:#5B3C24;}.elementor-12 .elementor-element.elementor-element-f5b64cb.elementor-view-framed .elementor-icon{background-color:#F8A640;}.elementor-12 .elementor-element.elementor-element-f5b64cb .elementor-icon{font-size:40px;border-radius:15px 15px 15px 15px;}.elementor-12 .elementor-element.elementor-element-f5b64cb .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-f5b64cb .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:600;}.elementor-12 .elementor-element.elementor-element-f5b64cb .elementor-icon-box-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-f5b64cb:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-f5b64cb:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-f5b64cb .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#F8EEE6;}.elementor-12 .elementor-element.elementor-element-c5864cf{padding:30px 30px 50px 30px;}.elementor-12 .elementor-element.elementor-element-c5864cf:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#9A6938;}.elementor-12 .elementor-element.elementor-element-c5864cf .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-12 .elementor-element.elementor-element-c5864cf.elementor-view-stacked .elementor-icon{background-color:#5B3C24;fill:#F8A640;color:#F8A640;}.elementor-12 .elementor-element.elementor-element-c5864cf.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-c5864cf.elementor-view-default .elementor-icon{fill:#5B3C24;color:#5B3C24;border-color:#5B3C24;}.elementor-12 .elementor-element.elementor-element-c5864cf.elementor-view-framed .elementor-icon{background-color:#F8A640;}.elementor-12 .elementor-element.elementor-element-c5864cf .elementor-icon{font-size:40px;border-radius:15px 15px 15px 15px;}.elementor-12 .elementor-element.elementor-element-c5864cf .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-c5864cf .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:600;}.elementor-12 .elementor-element.elementor-element-c5864cf .elementor-icon-box-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-c5864cf:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-c5864cf:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-c5864cf .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#F8EEE6;}.elementor-12 .elementor-element.elementor-element-f4e4e6e{padding:30px 30px 50px 30px;}.elementor-12 .elementor-element.elementor-element-f4e4e6e:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#9A6938;}.elementor-12 .elementor-element.elementor-element-f4e4e6e .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-12 .elementor-element.elementor-element-f4e4e6e.elementor-view-stacked .elementor-icon{background-color:#5B3C24;fill:#F8A640;color:#F8A640;}.elementor-12 .elementor-element.elementor-element-f4e4e6e.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-f4e4e6e.elementor-view-default .elementor-icon{fill:#5B3C24;color:#5B3C24;border-color:#5B3C24;}.elementor-12 .elementor-element.elementor-element-f4e4e6e.elementor-view-framed .elementor-icon{background-color:#F8A640;}.elementor-12 .elementor-element.elementor-element-f4e4e6e .elementor-icon{font-size:40px;border-radius:15px 15px 15px 15px;}.elementor-12 .elementor-element.elementor-element-f4e4e6e .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-f4e4e6e .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:600;}.elementor-12 .elementor-element.elementor-element-f4e4e6e .elementor-icon-box-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-f4e4e6e:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-f4e4e6e:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-f4e4e6e .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#F8EEE6;}.elementor-12 .elementor-element.elementor-element-7aed22d{padding:30px 30px 50px 30px;}.elementor-12 .elementor-element.elementor-element-7aed22d:hover{border-style:solid;border-width:1px 1px 1px 1px;border-color:#9A6938;}.elementor-12 .elementor-element.elementor-element-7aed22d .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-12 .elementor-element.elementor-element-7aed22d.elementor-view-stacked .elementor-icon{background-color:#5B3C24;fill:#F8A640;color:#F8A640;}.elementor-12 .elementor-element.elementor-element-7aed22d.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-7aed22d.elementor-view-default .elementor-icon{fill:#5B3C24;color:#5B3C24;border-color:#5B3C24;}.elementor-12 .elementor-element.elementor-element-7aed22d.elementor-view-framed .elementor-icon{background-color:#F8A640;}.elementor-12 .elementor-element.elementor-element-7aed22d .elementor-icon{font-size:40px;border-radius:15px 15px 15px 15px;}.elementor-12 .elementor-element.elementor-element-7aed22d .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-7aed22d .elementor-icon-box-title a{font-family:"Poppins", Sans-serif;font-size:19px;font-weight:600;}.elementor-12 .elementor-element.elementor-element-7aed22d .elementor-icon-box-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-7aed22d:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-7aed22d:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-7aed22d .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;color:#F8EEE6;}.elementor-12 .elementor-element.elementor-element-4ed99d7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-4ed99d7:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-4ed99d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFDF9;}.elementor-12 .elementor-element.elementor-element-49ec528{--display:flex;}.elementor-12 .elementor-element.elementor-element-bef7ad6{text-align:center;}.elementor-12 .elementor-element.elementor-element-bef7ad6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:11px;font-weight:700;letter-spacing:1.2px;color:#DD7F24;}.elementor-12 .elementor-element.elementor-element-b16b494{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-12 .elementor-element.elementor-element-b16b494.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-b16b494 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;color:#4B2E1D;}.elementor-12 .elementor-element.elementor-element-b5f9610{width:initial;max-width:initial;text-align:center;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#746B65;}.elementor-12 .elementor-element.elementor-element-a994c61{--display:flex;}.elementor-12 .elementor-element.elementor-element-f4d292e{--display:flex;}.elementor-12 .elementor-element.elementor-element-1746136 .elementor-button{background-color:#68452E00;font-family:"Inter", Sans-serif;font-size:13px;font-weight:700;fill:#68452E;color:#68452E;border-style:solid;border-width:2px 2px 2px 2px;border-color:#68452E;border-radius:7px 7px 7px 7px;padding:20px 30px 20px 30px;}.elementor-12 .elementor-element.elementor-element-1746136 .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-1746136 .elementor-button:focus{background-color:#4B2E1D;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-1746136 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-12 .elementor-element.elementor-element-1746136 .elementor-button:hover svg, .elementor-12 .elementor-element.elementor-element-1746136 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-1eabdf2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-1eabdf2:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-1eabdf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F1E8;}.elementor-12 .elementor-element.elementor-element-e0e3b94{--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;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-12 .elementor-element.elementor-element-e0e3b94:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-e0e3b94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-51a4d5b{--display:flex;--justify-content:center;}.elementor-12 .elementor-element.elementor-element-e339896{text-align:start;}.elementor-12 .elementor-element.elementor-element-e339896 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:11px;font-weight:700;letter-spacing:1.2px;color:#DD7F24;}.elementor-12 .elementor-element.elementor-element-cffe658{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-12 .elementor-element.elementor-element-cffe658 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;color:#4B2E1D;}.elementor-12 .elementor-element.elementor-element-4f589cc{width:initial;max-width:initial;text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#746B65;}.elementor-12 .elementor-element.elementor-element-9d90869 .elementor-button{background-color:#68452E;font-family:"Inter", Sans-serif;font-size:13px;font-weight:700;fill:#FFFFFF;color:#FFFFFF;border-radius:50px 50px 50px 50px;padding:20px 30px 20px 30px;}.elementor-12 .elementor-element.elementor-element-9d90869 .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-9d90869 .elementor-button:focus{background-color:#4B2E1D;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-9d90869 .elementor-button-content-wrapper{flex-direction:row;}.elementor-12 .elementor-element.elementor-element-9d90869 .elementor-button:hover svg, .elementor-12 .elementor-element.elementor-element-9d90869 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-f90cff5{--display:flex;--border-radius:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-35094db{border-radius:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-35094db img{border-radius:20px 20px 20px 20px;}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-278da62{--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-5fd96b7{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-7d2063c{--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-12 .elementor-element.elementor-element-af0e0fd .elementor-heading-title{font-size:40px;}.elementor-12 .elementor-element.elementor-element-41213d6{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-12 .elementor-element.elementor-element-d845fc8{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-12 .elementor-element.elementor-element-f5c002b .elementor-heading-title{font-size:30px;}.elementor-12 .elementor-element.elementor-element-69cf837{--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-12 .elementor-element.elementor-element-286e6d7{--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-12 .elementor-element.elementor-element-7f04bf6{width:100%;max-width:100%;text-align:start;}.elementor-12 .elementor-element.elementor-element-7f04bf6 .elementor-heading-title{font-size:30px;}.elementor-12 .elementor-element.elementor-element-5e2bae4{text-align:start;}.elementor-12 .elementor-element.elementor-element-278da62{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-52a3305{--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-12 .elementor-element.elementor-element-86599a0{--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-12 .elementor-element.elementor-element-8d74b0c{width:100%;max-width:100%;text-align:start;}.elementor-12 .elementor-element.elementor-element-8d74b0c .elementor-heading-title{font-size:30px;}.elementor-12 .elementor-element.elementor-element-5fd96b7{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-12 .elementor-element.elementor-element-4ed99d7{--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-12 .elementor-element.elementor-element-49ec528{--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-12 .elementor-element.elementor-element-b16b494{width:100%;max-width:100%;text-align:start;}.elementor-12 .elementor-element.elementor-element-b16b494 .elementor-heading-title{font-size:30px;}.elementor-12 .elementor-element.elementor-element-b5f9610{text-align:start;}.elementor-12 .elementor-element.elementor-element-a994c61{--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-12 .elementor-element.elementor-element-f4d292e{--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-12 .elementor-element.elementor-element-1eabdf2{--padding-top:40px;--padding-bottom:40px;--padding-left:15px;--padding-right:15px;}.elementor-12 .elementor-element.elementor-element-e0e3b94{--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-12 .elementor-element.elementor-element-51a4d5b{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-12 .elementor-element.elementor-element-cffe658{width:100%;max-width:100%;text-align:start;}.elementor-12 .elementor-element.elementor-element-cffe658 .elementor-heading-title{font-size:30px;}.elementor-12 .elementor-element.elementor-element-4f589cc{text-align:start;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-34ae3f1{--width:50%;}.elementor-12 .elementor-element.elementor-element-41213d6{--width:90%;}.elementor-12 .elementor-element.elementor-element-deb0659{--width:50%;}.elementor-12 .elementor-element.elementor-element-b267651{--width:50%;}.elementor-12 .elementor-element.elementor-element-31c00bd{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-deb0659 *//* ========================================================== FONTES ========================================================== */ @import url( "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@500;600;700&display=swap" ); /* ========================================================== CONFIGURAÇÕES GERAIS ========================================================== */ .lf-hero-visual, .lf-hero-visual *, .lf-hero-visual *::before, .lf-hero-visual *::after { box-sizing: border-box; } /* Impede que o Elementor corte a linha ou o selo */ .lf-hero-visual, .lf-hero-visual > .e-con-inner, .lf-hero-imagem { overflow: visible !important; } /* ========================================================== DESKTOP ========================================================== */ @media screen and (min-width: 1025px) { /* ------------------------------------------------------ CONTAINER PRINCIPAL ------------------------------------------------------ */ .lf-hero-visual { position: relative !important; isolation: isolate !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 525px !important; min-height: 650px !important; margin: 0 auto !important; padding: 0 !important; overflow: visible !important; } /* ------------------------------------------------------ LINHA DECORATIVA Ela é mais larga e mais baixa que a imagem. Por isso, aparece somente nas laterais. ------------------------------------------------------ */ .lf-hero-visual::before { content: ""; position: absolute; z-index: 0; top: 50%; left: 50%; width: calc(100% + 150px); height: calc(100% - 120px); transform: translate(-50%, -50%); border: 1px solid rgba(247, 165, 64, 0.70); border-radius: 50%; background: transparent; pointer-events: none; } /* Remove qualquer segundo elemento decorativo */ .lf-hero-visual::after { display: none; content: none; } /* ------------------------------------------------------ CONTAINER DA IMAGEM Ele não faz o recorte. Apenas posiciona os elementos. ------------------------------------------------------ */ .lf-hero-imagem { position: relative !important; z-index: 2 !important; display: block !important; width: 100% !important; height: 650px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ------------------------------------------------------ WIDGET DA FOTOGRAFIA Somente este widget recebe overflow hidden. ------------------------------------------------------ */ .lf-hero-foto { position: absolute !important; z-index: 2 !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #ede1d5; border-radius: 32px 10px 32px 10px !important; box-shadow: 0 30px 70px rgba(104, 69, 46, 0.13), 0 10px 28px rgba(104, 69, 46, 0.08); } /* Estruturas internas do widget Imagem */ .lf-hero-foto > .elementor-widget-container, .lf-hero-foto .elementor-image, .lf-hero-foto picture, .lf-hero-foto a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: inherit !important; } /* Fotografia */ .lf-hero-foto img { display: block !important; width: 100% !important; height: 100% !important; min-width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: 54% center !important; border-radius: inherit !important; transform: scale(1); transition: transform 0.65s ease, filter 0.65s ease; } /* Zoom suave opcional */ .lf-hero-imagem:hover .lf-hero-foto img { transform: scale(1.025); } /* ------------------------------------------------------ CONTAINER DO SELO ------------------------------------------------------ */ .lf-hero-selo { position: absolute !important; z-index: 10 !important; left: -45px !important; bottom: 40px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 135px !important; height: 135px !important; min-width: 135px !important; min-height: 135px !important; max-width: 135px !important; max-height: 135px !important; margin: 0 !important; padding: 14px !important; overflow: hidden !important; text-align: center !important; background: #f7a540 !important; border: 7px solid #fffaf3 !important; border-radius: 50% !important; box-shadow: 0 18px 45px rgba(104, 69, 46, 0.20), 0 5px 14px rgba(104, 69, 46, 0.10) !important; } /* Remove espaçamentos internos do Elementor */ .lf-hero-selo .elementor-widget, .lf-hero-selo .elementor-widget-container, .lf-hero-selo p, .lf-hero-selo h1, .lf-hero-selo h2, .lf-hero-selo h3, .lf-hero-selo span { margin: 0 !important; padding: 0 !important; } /* Texto pequeno */ .lf-hero-selo .lf-selo-menor { display: block !important; margin-bottom: 3px !important; color: #68452e !important; font-family: "Inter", Arial, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: none !important; } /* Texto principal */ .lf-hero-selo .lf-selo-maior { display: block !important; color: #4b2e1d !important; font-family: "Poppins", Arial, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; text-transform: none !important; } } /* ========================================================== NOTEBOOK ========================================================== */ @media screen and (min-width: 1025px) and (max-width: 1366px) { .lf-hero-visual { max-width: 490px !important; min-height: 610px !important; } .lf-hero-imagem { height: 610px !important; } .lf-hero-visual::before { width: calc(100% + 120px); height: calc(100% - 110px); } .lf-hero-selo { left: -36px !important; bottom: 36px !important; width: 125px !important; height: 125px !important; min-width: 125px !important; min-height: 125px !important; max-width: 125px !important; max-height: 125px !important; } .lf-hero-selo .lf-selo-menor { font-size: 10px !important; } .lf-hero-selo .lf-selo-maior { font-size: 15px !important; } } /* ========================================================== TABLET ========================================================== */ @media screen and (min-width: 768px) and (max-width: 1024px) { .lf-hero-visual { position: relative !important; isolation: isolate !important; width: 100% !important; max-width: 500px !important; min-height: 570px !important; margin: 0 auto !important; overflow: visible !important; } .lf-hero-visual::before { content: ""; position: absolute; z-index: 0; top: 50%; left: 50%; width: calc(100% + 100px); height: calc(100% - 100px); transform: translate(-50%, -50%); border: 1px solid rgba(247, 165, 64, 0.60); border-radius: 50%; pointer-events: none; } .lf-hero-visual::after { display: none; content: none; } .lf-hero-imagem { position: relative !important; z-index: 2 !important; width: 100% !important; height: 570px !important; overflow: visible !important; } .lf-hero-foto { position: absolute !important; z-index: 2 !important; inset: 0 !important; width: 100% !important; height: 100% !important; overflow: hidden !important; border-radius: 28px 10px 28px 10px !important; box-shadow: 0 25px 55px rgba(104, 69, 46, 0.12); } .lf-hero-foto > .elementor-widget-container, .lf-hero-foto .elementor-image, .lf-hero-foto picture, .lf-hero-foto a { width: 100% !important; height: 100% !important; overflow: hidden !important; border-radius: inherit !important; } .lf-hero-foto img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: 54% center !important; border-radius: inherit !important; } .lf-hero-selo { position: absolute !important; z-index: 10 !important; left: -26px !important; bottom: 32px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 116px !important; height: 116px !important; min-width: 116px !important; min-height: 116px !important; max-width: 116px !important; max-height: 116px !important; padding: 12px !important; text-align: center !important; background: #f7a540 !important; border: 7px solid #fffaf3 !important; border-radius: 50% !important; } } /* ========================================================== CELULAR ========================================================== */ @media screen and (max-width: 767px) { .lf-hero-visual { position: relative !important; isolation: isolate !important; display: block !important; width: 100% !important; max-width: 100% !important; min-height: auto !important; margin: 0 auto !important; padding: 0 !important; overflow: visible !important; } /* Remove a linha no celular */ .lf-hero-visual::before, .lf-hero-visual::after { display: none !important; content: none !important; } .lf-hero-imagem { position: relative !important; z-index: 2 !important; width: 100% !important; height: auto !important; aspect-ratio: 4 / 4.8 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .lf-hero-foto { position: absolute !important; z-index: 2 !important; inset: 0 !important; width: 100% !important; height: 100% !important; overflow: hidden !important; border-radius: 24px 8px 24px 8px !important; box-shadow: 0 20px 45px rgba(104, 69, 46, 0.13); } .lf-hero-foto > .elementor-widget-container, .lf-hero-foto .elementor-image, .lf-hero-foto picture, .lf-hero-foto a { width: 100% !important; height: 100% !important; overflow: hidden !important; border-radius: inherit !important; } .lf-hero-foto img { display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: 56% center !important; border-radius: inherit !important; } .lf-hero-selo { position: absolute !important; z-index: 10 !important; left: -10px !important; bottom: 20px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: 100px !important; height: 100px !important; min-width: 100px !important; min-height: 100px !important; max-width: 100px !important; max-height: 100px !important; margin: 0 !important; padding: 10px !important; overflow: hidden !important; text-align: center !important; background: #f7a540 !important; border: 6px solid #fffaf3 !important; border-radius: 50% !important; box-shadow: 0 14px 30px rgba(104, 69, 46, 0.18); } .lf-hero-selo .lf-selo-menor { margin-bottom: 2px !important; color: #68452e !important; font-family: "Inter", Arial, sans-serif !important; font-size: 9px !important; font-weight: 500 !important; line-height: 1.15 !important; } .lf-hero-selo .lf-selo-maior { color: #4b2e1d !important; font-family: "Poppins", Arial, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.16 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7d2063c *//* ========================================================== FONTES ========================================================== */ @import url( "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@500;600;700&display=swap" ); /* ========================================================== CONFIGURAÇÕES GERAIS ========================================================== */ .lf-hero-banner, .lf-hero-banner *, .lf-hero-banner *::before, .lf-hero-banner *::after { box-sizing: border-box; } /* * Impede que os containers externos cortem * o selo e a linha decorativa. */ .lf-hero-banner, .lf-hero-banner > .e-con-inner, .lf-hero-visual, .lf-hero-imagem { overflow: visible !important; } /* ========================================================== DESKTOP ========================================================== */ @media screen and (min-width: 1025px) { /* ------------------------------------------------------ CONTAINER GERAL DO BANNER ------------------------------------------------------ */ .lf-hero-banner { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; --container-max-width: 1200px; --content-width: 1200px; --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px; } /* * Funciona quando o Elementor cria o .e-con-inner. */ .lf-hero-banner > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; max-width: 1200px !important; min-height: 720px !important; margin: 0 auto !important; padding: 40px 0 !important; gap: 60px !important; overflow: visible !important; } /* * Funciona quando o Elementor não cria .e-con-inner. */ .lf-hero-banner:not(:has(> .e-con-inner)) { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; width: calc(100% - 40px) !important; max-width: 1200px !important; min-height: 720px !important; margin: 0 auto !important; padding: 40px 0 !important; gap: 60px !important; overflow: visible !important; } /* ------------------------------------------------------ COLUNA DE CONTEÚDO ------------------------------------------------------ */ .lf-hero-conteudo { flex: 1 1 0 !important; width: calc(100% - 585px) !important; max-width: 615px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* Título principal */ .lf-hero-conteudo h1, .lf-hero-conteudo .elementor-heading-title { width: 100% !important; max-width: 615px !important; margin: 0 0 25px !important; padding: 0 !important; color: #4b2e1d !important; font-family: "Poppins", Arial, sans-serif !important; font-size: clamp(50px, 4vw, 68px) !important; font-weight: 600 !important; line-height: 1.08 !important; letter-spacing: -0.055em !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; } /* Descrição */ .lf-hero-conteudo p { width: 100% !important; max-width: 560px !important; color: #5f554f !important; font-family: "Inter", Arial, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.75 !important; } /* ------------------------------------------------------ CONTAINER VISUAL ------------------------------------------------------ */ .lf-hero-visual { position: relative !important; isolation: isolate !important; flex: 0 0 525px !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: 525px !important; max-width: 525px !important; min-width: 525px !important; height: 650px !important; min-height: 650px !important; max-height: 650px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ------------------------------------------------------ LINHA DECORATIVA Mais larga e mais baixa que a imagem. Aparece somente nas laterais. ------------------------------------------------------ */ .lf-hero-visual::before { content: "" !important; position: absolute !important; z-index: 0 !important; top: 50% !important; left: 50% !important; width: 650px !important; height: 510px !important; transform: translate(-50%, -50%) !important; border: 1px solid rgba(247, 165, 64, 0.68) !important; border-radius: 50% !important; background: transparent !important; pointer-events: none !important; } /* Remove qualquer segundo elemento decorativo */ .lf-hero-visual::after { display: none !important; content: none !important; } /* ------------------------------------------------------ CONTAINER DA IMAGEM ------------------------------------------------------ */ .lf-hero-imagem { position: relative !important; z-index: 2 !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; max-width: 100% !important; min-width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ------------------------------------------------------ WIDGET DA FOTOGRAFIA Apenas este elemento recebe overflow hidden. ------------------------------------------------------ */ .lf-hero-foto { position: absolute !important; z-index: 2 !important; inset: 0 !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background-color: #ede1d5 !important; border-radius: 32px 10px 32px 10px !important; box-shadow: 0 30px 70px rgba(104, 69, 46, 0.13), 0 10px 28px rgba(104, 69, 46, 0.08) !important; } /* Elementos internos do widget Imagem */ .lf-hero-foto > .elementor-widget-container, .lf-hero-foto .elementor-image, .lf-hero-foto picture, .lf-hero-foto a { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: inherit !important; } /* Fotografia */ .lf-hero-foto img { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: 100% !important; min-width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: 54% center !important; border-radius: inherit !important; transform: scale(1); transition: transform 0.65s ease, filter 0.65s ease; } /* Zoom suave opcional */ .lf-hero-imagem:hover .lf-hero-foto img { transform: scale(1.025); } /* ------------------------------------------------------ SELO ------------------------------------------------------ */ .lf-hero-selo { position: absolute !important; z-index: 10 !important; left: -45px !important; bottom: 40px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; visibility: visible !important; opacity: 1 !important; width: 135px !important; height: 135px !important; min-width: 135px !important; min-height: 135px !important; max-width: 135px !important; max-height: 135px !important; margin: 0 !important; padding: 14px !important; overflow: hidden !important; text-align: center !important; background: #f7a540 !important; border: 7px solid #fffaf3 !important; border-radius: 50% !important; box-shadow: 0 18px 45px rgba(104, 69, 46, 0.20), 0 5px 14px rgba(104, 69, 46, 0.10) !important; } /* Remove espaçamentos internos do Elementor */ .lf-hero-selo .elementor-widget, .lf-hero-selo .elementor-widget-container, .lf-hero-selo p, .lf-hero-selo h1, .lf-hero-selo h2, .lf-hero-selo h3, .lf-hero-selo span { margin: 0 !important; padding: 0 !important; } /* Texto pequeno do selo */ .lf-hero-selo .lf-selo-menor { display: block !important; margin-bottom: 3px !important; color: #68452e !important; font-family: "Inter", Arial, sans-serif !important; font-size: 11px !important; font-weight: 500 !important; line-height: 1.2 !important; letter-spacing: 0 !important; text-transform: none !important; } /* Texto principal do selo */ .lf-hero-selo .lf-selo-maior { display: block !important; color: #4b2e1d !important; font-family: "Poppins", Arial, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; text-transform: none !important; } } /* ========================================================== NOTEBOOK ========================================================== */ @media screen and (min-width: 1025px) and (max-width: 1366px) { .lf-hero-banner > .e-con-inner, .lf-hero-banner:not(:has(> .e-con-inner)) { width: calc(100% - 40px) !important; max-width: 1120px !important; min-height: 650px !important; gap: 55px !important; } .lf-hero-conteudo { width: calc(100% - 545px) !important; max-width: 575px !important; } .lf-hero-conteudo h1, .lf-hero-conteudo .elementor-heading-title { max-width: 575px !important; font-size: 56px !important; } .lf-hero-visual { flex-basis: 490px !important; width: 490px !important; max-width: 490px !important; min-width: 490px !important; height: 610px !important; min-height: 610px !important; max-height: 610px !important; } .lf-hero-visual::before { width: 600px !important; height: 480px !important; } .lf-hero-selo { left: -36px !important; bottom: 36px !important; width: 125px !important; height: 125px !important; min-width: 125px !important; min-height: 125px !important; max-width: 125px !important; max-height: 125px !important; } .lf-hero-selo .lf-selo-menor { font-size: 10px !important; } .lf-hero-selo .lf-selo-maior { font-size: 15px !important; } } /* ========================================================== TABLET ========================================================== */ @media screen and (min-width: 768px) and (max-width: 1024px) { /* Empilha texto e imagem */ .lf-hero-banner, .lf-hero-banner > .e-con-inner { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 60px 30px !important; gap: 50px !important; overflow: visible !important; } .lf-hero-conteudo { width: 100% !important; max-width: 700px !important; margin: 0 auto !important; padding: 0 !important; } .lf-hero-conteudo h1, .lf-hero-conteudo .elementor-heading-title { width: 100% !important; max-width: 700px !important; font-size: 48px !important; line-height: 1.1 !important; } .lf-hero-visual { position: relative !important; isolation: isolate !important; flex: none !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: 500px !important; max-width: 100% !important; min-width: 0 !important; height: 570px !important; min-height: 570px !important; max-height: 570px !important; margin: 0 auto !important; padding: 0 !important; overflow: visible !important; } .lf-hero-visual::before { content: "" !important; position: absolute !important; z-index: 0 !important; top: 50% !important; left: 50% !important; width: calc(100% + 100px) !important; height: 470px !important; transform: translate(-50%, -50%) !important; border: 1px solid rgba(247, 165, 64, 0.60) !important; border-radius: 50% !important; background: transparent !important; pointer-events: none !important; } .lf-hero-visual::after { display: none !important; content: none !important; } .lf-hero-imagem { position: relative !important; z-index: 2 !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .lf-hero-foto { position: absolute !important; z-index: 2 !important; inset: 0 !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 28px 10px 28px 10px !important; box-shadow: 0 25px 55px rgba(104, 69, 46, 0.12) !important; } .lf-hero-foto > .elementor-widget-container, .lf-hero-foto .elementor-image, .lf-hero-foto picture, .lf-hero-foto a { display: block !important; width: 100% !important; height: 100% !important; overflow: hidden !important; border-radius: inherit !important; } .lf-hero-foto img { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: 54% center !important; border-radius: inherit !important; } .lf-hero-selo { position: absolute !important; z-index: 10 !important; left: -26px !important; bottom: 32px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; visibility: visible !important; opacity: 1 !important; width: 116px !important; height: 116px !important; min-width: 116px !important; min-height: 116px !important; max-width: 116px !important; max-height: 116px !important; padding: 12px !important; text-align: center !important; background: #f7a540 !important; border: 7px solid #fffaf3 !important; border-radius: 50% !important; box-shadow: 0 16px 38px rgba(104, 69, 46, 0.18) !important; } } /* ========================================================== MOBILE ========================================================== */ @media screen and (max-width: 767px) { /* ------------------------------------------------------ BANNER EMPILHADO ------------------------------------------------------ */ .lf-hero-banner, .lf-hero-banner > .e-con-inner { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: flex-start !important; width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 40px 20px 55px !important; gap: 38px !important; overflow: visible !important; } /* ------------------------------------------------------ CONTEÚDO MOBILE ------------------------------------------------------ */ .lf-hero-conteudo { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .lf-hero-conteudo h1, .lf-hero-conteudo .elementor-heading-title { width: 100% !important; max-width: 100% !important; margin-bottom: 20px !important; font-size: 40px !important; line-height: 1.1 !important; letter-spacing: -0.045em !important; word-break: normal !important; overflow-wrap: normal !important; hyphens: none !important; } .lf-hero-conteudo p { width: 100% !important; max-width: 100% !important; font-size: 15px !important; line-height: 1.7 !important; } /* ------------------------------------------------------ CONTAINER VISUAL MOBILE Possui altura explícita para a imagem não desaparecer. ------------------------------------------------------ */ .lf-hero-visual { position: relative !important; isolation: isolate !important; flex: none !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 480px !important; min-height: 480px !important; max-height: 480px !important; margin: 0 auto !important; padding: 0 !important; overflow: visible !important; } /* Remove a linha no mobile */ .lf-hero-visual::before, .lf-hero-visual::after { display: none !important; content: none !important; } /* ------------------------------------------------------ CONTAINER DA IMAGEM MOBILE ------------------------------------------------------ */ .lf-hero-imagem { position: relative !important; z-index: 2 !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 480px !important; min-height: 480px !important; max-height: 480px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ------------------------------------------------------ WIDGET DA FOTOGRAFIA MOBILE ------------------------------------------------------ */ .lf-hero-foto { position: absolute !important; z-index: 2 !important; inset: 0 !important; display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: 24px 8px 24px 8px !important; box-shadow: 0 20px 45px rgba(104, 69, 46, 0.13) !important; } .lf-hero-foto > .elementor-widget-container, .lf-hero-foto .elementor-image, .lf-hero-foto picture, .lf-hero-foto a { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; border-radius: inherit !important; } .lf-hero-foto img { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; height: 100% !important; min-width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; object-fit: cover !important; object-position: 56% center !important; border-radius: inherit !important; } /* ------------------------------------------------------ SELO MOBILE ------------------------------------------------------ */ .lf-hero-selo { position: absolute !important; z-index: 10 !important; left: -10px !important; bottom: 20px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; visibility: visible !important; opacity: 1 !important; width: 100px !important; height: 100px !important; min-width: 100px !important; min-height: 100px !important; max-width: 100px !important; max-height: 100px !important; margin: 0 !important; padding: 10px !important; overflow: hidden !important; text-align: center !important; background: #f7a540 !important; border: 6px solid #fffaf3 !important; border-radius: 50% !important; box-shadow: 0 14px 30px rgba(104, 69, 46, 0.18) !important; } .lf-hero-selo .elementor-widget, .lf-hero-selo .elementor-widget-container, .lf-hero-selo p, .lf-hero-selo span { margin: 0 !important; padding: 0 !important; } .lf-hero-selo .lf-selo-menor { display: block !important; margin-bottom: 2px !important; color: #68452e !important; font-family: "Inter", Arial, sans-serif !important; font-size: 9px !important; font-weight: 500 !important; line-height: 1.15 !important; } .lf-hero-selo .lf-selo-maior { display: block !important; color: #4b2e1d !important; font-family: "Poppins", Arial, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.16 !important; } } /* ========================================================== CELULARES MENORES ========================================================== */ @media screen and (max-width: 480px) { .lf-hero-banner, .lf-hero-banner > .e-con-inner { padding-right: 16px !important; padding-left: 16px !important; gap: 34px !important; } .lf-hero-conteudo h1, .lf-hero-conteudo .elementor-heading-title { font-size: 36px !important; } .lf-hero-visual, .lf-hero-imagem { height: 430px !important; min-height: 430px !important; max-height: 430px !important; } .lf-hero-selo { width: 94px !important; height: 94px !important; min-width: 94px !important; min-height: 94px !important; max-width: 94px !important; max-height: 94px !important; left: -7px !important; bottom: 16px !important; border-width: 5px !important; } .lf-hero-selo .lf-selo-maior { font-size: 11px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-278da62 *//* ========================================================== LF ODONTOLOGIA — CARDS DE ESPECIALIDADES Widget utilizado: Caixa de Ícone / Icon Box ========================================================== */ /* ========================================================== 1. CONTAINER PRINCIPAL ========================================================== */ .lf-grid-especialidades { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; width: 100%; margin: 0; padding: 0; align-items: stretch; } .lf-grid-especialidades > .elementor-element { width: 100%; min-width: 0; height: 100%; } /* ========================================================== 2. CARD ========================================================== */ .lf-box-especialidade { position: relative; isolation: isolate; overflow: hidden; display: flex; width: 100%; height: 100%; min-height: 305px; padding: 32px; background: linear-gradient( 145deg, #ffffff 0%, #fffdfa 55%, #fffaf5 100% ); border: 1px solid transparent; border-radius: 23px; box-shadow: 0 16px 38px rgba(81, 48, 23, 0.07); transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease; box-sizing: border-box; } .lf-box-especialidade > .elementor-widget-container { position: relative; z-index: 2; display: flex; width: 100%; height: 100%; } .lf-box-especialidade .elementor-widget-container { width: 100%; } /* ========================================================== 3. CÍRCULO DECORATIVO NO CANTO ========================================================== */ .lf-box-especialidade::before { content: ""; position: absolute; z-index: 0; top: -63px; right: -63px; width: 138px; height: 138px; border-radius: 50%; background: #fff5e7; pointer-events: none; transition: transform 0.4s ease, background-color 0.4s ease; } /* Brilho suave na parte inferior */ .lf-box-especialidade::after { content: ""; position: absolute; z-index: 0; left: -85px; bottom: -100px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient( circle, rgba(245, 164, 61, 0.07) 0%, rgba(245, 164, 61, 0) 70% ); pointer-events: none; } /* ========================================================== 4. HOVER DO CARD ========================================================== */ .lf-box-especialidade:hover { transform: translateY(-7px); border-color: #f3ad5c; box-shadow: 0 22px 48px rgba(81, 48, 23, 0.13); } .lf-box-especialidade:hover::before { transform: scale(1.12); background: #ffecd3; } /* ========================================================== 5. ESTRUTURA DA CAIXA DE ÍCONE ========================================================== */ .lf-box-especialidade .elementor-icon-box-wrapper { position: relative; z-index: 2; display: flex !important; flex-direction: column; align-items: flex-start; width: 100%; height: 100%; text-align: left !important; } /* ========================================================== 6. ÁREA DO ÍCONE ========================================================== */ .lf-box-especialidade .elementor-icon-box-icon { flex-shrink: 0; margin: 0 0 22px 0 !important; text-align: left !important; } /* Círculo externo do ícone */ .lf-box-especialidade .elementor-icon { display: flex !important; align-items: center; justify-content: center; width: 62px; height: 62px; padding: 0 !important; background: linear-gradient( 145deg, #fff8ed 0%, #ffecd2 100% ) !important; border: 1px solid #ffd49d !important; border-radius: 50% !important; box-shadow: 0 10px 24px rgba(220, 130, 37, 0.10); transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease; /* * Não existe cor nem font-size fixos aqui. * O Elementor poderá controlar o tamanho e a cor. */ } /* Ícones Font Awesome */ .lf-box-especialidade .elementor-icon i { display: flex; align-items: center; justify-content: center; color: inherit; font-size: inherit; } /* Ícones SVG */ .lf-box-especialidade .elementor-icon svg { display: block; /* * O tamanho acompanha o font-size definido * no controle de tamanho do Elementor. */ width: 1em !important; height: 1em !important; color: inherit; } /* Aplica a cor do Elementor aos SVGs preenchidos */ .lf-box-especialidade .elementor-icon svg :is( path, circle, rect, line, polyline, polygon, ellipse )[fill]:not([fill="none"]) { fill: currentColor !important; } /* Aplica a cor do Elementor aos SVGs de contorno */ .lf-box-especialidade .elementor-icon svg :is( path, circle, rect, line, polyline, polygon, ellipse )[stroke]:not([stroke="none"]) { stroke: currentColor !important; } /* Movimento do ícone no hover */ .lf-box-especialidade:hover .elementor-icon { transform: translateY(-3px) rotate(-3deg); background: linear-gradient( 145deg, #fff2dc 0%, #ffe3bc 100% ) !important; box-shadow: 0 12px 27px rgba(220, 130, 37, 0.17); } /* ========================================================== 7. CONTEÚDO ========================================================== */ .lf-box-especialidade .elementor-icon-box-content { display: flex !important; flex-direction: column; align-items: flex-start; width: 100%; height: 100%; flex: 1; } /* ========================================================== 8. TÍTULO ========================================================== */ .lf-box-especialidade .elementor-icon-box-title { width: 100%; margin: 0 0 10px 0 !important; color: #3f1f0e !important; font-family: "Poppins", sans-serif !important; font-size: 20px !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: -0.4px; text-align: left !important; } .lf-box-especialidade .elementor-icon-box-title a { color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; text-decoration: none !important; } /* ========================================================== 9. DESCRIÇÃO ========================================================== */ .lf-box-especialidade .elementor-icon-box-description { width: 100%; margin: 0 !important; color: #79543e !important; font-family: "Inter", sans-serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1.58 !important; text-align: left !important; } /* ========================================================== 10. LINK VISUAL "SAIBA MAIS" ========================================================== */ .lf-box-especialidade .elementor-icon-box-content::after { content: "Saiba mais →"; display: flex; align-items: center; min-height: 28px; margin-top: auto; padding-top: 24px; padding-right: 6px; color: #934f18; font-family: "Inter", sans-serif; font-size: 14px; font-weight: 700; line-height: 28px; white-space: pre; background: radial-gradient( circle at calc(100% - 12px) calc(100% - 14px), #fff0dd 0, #fff0dd 13px, transparent 14px ); transition: color 0.3s ease, transform 0.3s ease; } .lf-box-especialidade:hover .elementor-icon-box-content::after { color: #e37f1b; transform: translateX(5px); } /* ========================================================== 11. DEIXAR O CARD CLICÁVEL ========================================================== */ .lf-box-especialidade .elementor-icon-box-title a::after { content: ""; position: absolute; z-index: 10; inset: 0; } .lf-box-especialidade a { text-decoration: none !important; } .lf-box-especialidade:has( .elementor-icon-box-title a ) { cursor: pointer; } /* ========================================================== 12. TABLET ========================================================== */ @media (max-width: 1024px) { .lf-grid-especialidades { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .lf-box-especialidade { min-height: 290px; padding: 28px; } } /* ========================================================== 13. CELULAR ========================================================== */ @media (max-width: 767px) { .lf-grid-especialidades { grid-template-columns: 1fr; gap: 18px; } .lf-box-especialidade { min-height: 275px; padding: 26px 24px; border-radius: 20px; } .lf-box-especialidade::before { top: -58px; right: -58px; width: 126px; height: 126px; } .lf-box-especialidade .elementor-icon-box-icon { margin-bottom: 20px !important; } .lf-box-especialidade .elementor-icon { width: 58px; height: 58px; } .lf-box-especialidade .elementor-icon-box-title { font-size: 19px !important; } .lf-box-especialidade .elementor-icon-box-description { font-size: 15px !important; } } /* ========================================================== 14. ACESSIBILIDADE — REDUZIR ANIMAÇÕES ========================================================== */ @media (prefers-reduced-motion: reduce) { .lf-box-especialidade, .lf-box-especialidade::before, .lf-box-especialidade .elementor-icon, .lf-box-especialidade .elementor-icon-box-content::after { transition: none !important; } .lf-box-especialidade:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5fd96b7 *//* ========================================================== LF ODONTOLOGIA — CARDS DE BENEFÍCIOS Widget: Caixa de Ícone / Icon Box IMPORTANTE: - Cor do ícone controlada pelo Elementor - Tamanho do ícone controlado pelo Elementor - Tipografia controlada pelo Elementor ========================================================== */ /* ========================================================== 1. SEÇÃO EXTERNA ========================================================== */ .lf-beneficios-secao { position: relative; overflow: hidden; width: 100%; padding: 48px 30px 68px; background: linear-gradient( 135deg, #5f361f 0%, #684129 52%, #70472f 100% ); box-sizing: border-box; } /* Brilho decorativo da seção */ .lf-beneficios-secao::before { content: ""; position: absolute; top: -250px; left: 50%; width: 750px; height: 500px; border-radius: 50%; background: radial-gradient( circle, rgba(255, 187, 91, 0.07) 0%, rgba(255, 187, 91, 0) 70% ); transform: translateX(-50%); pointer-events: none; } /* ========================================================== 2. GRID DOS CARDS ========================================================== */ .lf-beneficios-grid { position: relative; z-index: 2; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0; align-items: stretch; } /* Widgets filhos do grid */ .lf-beneficios-grid > .elementor-element { width: 100%; min-width: 0; height: 100%; } /* ========================================================== 3. CARD ========================================================== */ .lf-beneficio-box { position: relative; isolation: isolate; overflow: hidden; display: flex; width: 100%; height: 100%; min-height: 300px; padding: 32px; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.045) 100% ); border: 1px solid rgba(255, 190, 99, 0.20); border-radius: 19px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), 0 14px 34px rgba(47, 22, 9, 0.08); box-sizing: border-box; transition: transform 0.35s ease, background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease; } /* Luz decorativa dentro do card */ .lf-beneficio-box::before { content: ""; position: absolute; z-index: 0; top: -110px; right: -100px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient( circle, rgba(255, 171, 54, 0.08) 0%, rgba(255, 171, 54, 0) 70% ); pointer-events: none; transition: transform 0.4s ease; } /* ========================================================== 4. HOVER DO CARD ========================================================== */ .lf-beneficio-box:hover { transform: translateY(-6px); background: linear-gradient( 145deg, rgba(255, 255, 255, 0.105) 0%, rgba(255, 255, 255, 0.06) 100% ); border-color: rgba(255, 171, 54, 0.55); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 20px 42px rgba(45, 19, 7, 0.17); } .lf-beneficio-box:hover::before { transform: scale(1.15); } /* ========================================================== 5. CONTAINER INTERNO DO WIDGET ========================================================== */ .lf-beneficio-box > .elementor-widget-container { position: relative; z-index: 2; display: flex; width: 100%; height: 100%; } /* Compatibilidade com outras versões do Elementor */ .lf-beneficio-box .elementor-widget-container { width: 100%; } /* Estrutura da Caixa de Ícone */ .lf-beneficio-box .elementor-icon-box-wrapper { display: flex !important; flex-direction: column; align-items: flex-start; width: 100%; height: 100%; text-align: left; } /* ========================================================== 6. ÁREA EXTERNA DO ÍCONE ========================================================== */ .lf-beneficio-box .elementor-icon-box-icon { flex-shrink: 0; margin: 0 0 24px 0; text-align: left; } /* ========================================================== 7. QUADRADO DO ÍCONE ========================================================== */ .lf-beneficio-box .elementor-icon { display: inline-flex !important; align-items: center; justify-content: center; width: 58px; height: 58px; padding: 0; /* * Não definimos color nem font-size aqui. * Essas propriedades serão controladas pelo Elementor. */ background: linear-gradient( 145deg, rgba(246, 164, 55, 0.095) 0%, rgba(246, 164, 55, 0.045) 100% ); border: 1px solid rgba(246, 164, 55, 0.42); border-radius: 17px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035); overflow: visible; transition: transform 0.35s ease, color 0.35s ease, background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease; } /* ========================================================== 8. FONT AWESOME ========================================================== */ .lf-beneficio-box .elementor-icon i { display: inline-flex; align-items: center; justify-content: center; /* * 1em acompanha o tamanho definido no Elementor. */ font-size: 1em; color: inherit; line-height: 1; } /* ========================================================== 9. ÍCONES SVG ========================================================== */ .lf-beneficio-box .elementor-icon svg { /* * O tamanho acompanha o font-size aplicado pelo Elementor * no elemento principal. */ width: 1em !important; height: 1em !important; color: inherit; overflow: visible; transition: color 0.35s ease, fill 0.35s ease, stroke 0.35s ease; } /* * Ícones SVG preenchidos: * acompanha a cor selecionada no Elementor. */ .lf-beneficio-box .elementor-icon svg [fill]:not([fill="none"]) { fill: currentColor !important; } /* * Ícones SVG em contorno, como os que criei: * acompanha a cor selecionada no Elementor. */ .lf-beneficio-box .elementor-icon svg [stroke]:not([stroke="none"]) { stroke: currentColor !important; } /* * Corrige SVGs que possuem linhas sem a propriedade * stroke explicitamente aplicada. */ .lf-beneficio-box .elementor-icon svg path, .lf-beneficio-box .elementor-icon svg circle, .lf-beneficio-box .elementor-icon svg rect, .lf-beneficio-box .elementor-icon svg line, .lf-beneficio-box .elementor-icon svg polyline, .lf-beneficio-box .elementor-icon svg polygon { vector-effect: non-scaling-stroke; } /* ========================================================== 10. HOVER DO ÍCONE ========================================================== */ .lf-beneficio-box:hover .elementor-icon { transform: translateY(-3px); /* * A cor não é definida aqui. * Use a opção de cor no hover do próprio Elementor. */ background: linear-gradient( 145deg, rgba(246, 164, 55, 0.28) 0%, rgba(246, 164, 55, 0.15) 100% ); border-color: rgba(255, 181, 76, 0.75); box-shadow: 0 10px 22px rgba(39, 16, 5, 0.16); } /* ========================================================== 11. CONTEÚDO DO ICON BOX ========================================================== */ .lf-beneficio-box .elementor-icon-box-content { display: flex !important; flex-direction: column; align-items: flex-start; width: 100%; flex: 1; } /* ========================================================== 12. TÍTULO Fonte, cor e tamanho controlados pelo Elementor ========================================================== */ .lf-beneficio-box .elementor-icon-box-title { width: 100%; margin: 0 0 18px 0; text-align: left; } /* Link do título */ .lf-beneficio-box .elementor-icon-box-title a { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-decoration: none; } /* ========================================================== 13. DESCRIÇÃO Fonte, cor e tamanho controlados pelo Elementor ========================================================== */ .lf-beneficio-box .elementor-icon-box-description { width: 100%; margin: 0; text-align: left; } /* ========================================================== 14. TABLET ========================================================== */ @media (max-width: 1024px) { .lf-beneficios-secao { padding: 50px 24px; } .lf-beneficios-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .lf-beneficio-box { min-height: 275px; padding: 29px; } } /* ========================================================== 15. CELULAR ========================================================== */ @media (max-width: 767px) { .lf-beneficios-secao { padding: 40px 18px; } .lf-beneficios-grid { grid-template-columns: 1fr; gap: 16px; } .lf-beneficio-box { min-height: 255px; padding: 26px 24px; border-radius: 17px; } .lf-beneficio-box .elementor-icon-box-icon { margin-bottom: 21px; } .lf-beneficio-box .elementor-icon { width: 55px; height: 55px; border-radius: 16px; } /* * Não existe tamanho fixo de ícone no mobile. * Use o controle responsivo de tamanho do Elementor. */ .lf-beneficio-box .elementor-icon-box-title { margin-bottom: 13px; } } /* ========================================================== 16. DISPOSITIVOS SEM HOVER ========================================================== */ @media (hover: none) { .lf-beneficio-box:hover { transform: none; } .lf-beneficio-box:hover .elementor-icon { transform: none; } } /* ========================================================== 17. ACESSIBILIDADE ========================================================== */ @media (prefers-reduced-motion: reduce) { .lf-beneficio-box, .lf-beneficio-box::before, .lf-beneficio-box .elementor-icon { transition: none; } }/* End custom CSS */