.elementor-4926 .elementor-element.elementor-element-62c08f8{--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-4926 .elementor-element.elementor-element-2b63be4{--display:flex;}.elementor-4926 .elementor-element.elementor-element-84dcc86{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-4926 .elementor-element.elementor-element-84dcc86:not(.elementor-motion-effects-element-type-background), .elementor-4926 .elementor-element.elementor-element-84dcc86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FBF3EB 0%, #ECD8BE 100%);}.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-4926 .elementor-element.elementor-element-4fe24f2 img{width:20%;border-radius:100px 100px 100px 100px;}.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-4926 .elementor-element.elementor-element-9e36d06 .elementor-button{background-color:#FAD3A0;fill:#000000;color:#000000;}.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-4926 .elementor-element.elementor-element-b9b1d74{text-align:center;}.elementor-4926 .elementor-element.elementor-element-b9b1d74 .elementor-heading-title{font-family:"Lato", Sans-serif;font-weight:600;}.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-4926 .elementor-element.elementor-element-804a749{text-align:center;font-family:"Poppins", Sans-serif;font-size:20px;font-weight:400;color:#32292F;}.elementor-4926 .elementor-element.elementor-element-38e7e08{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#32292F;--border-color:#32292F;--border-radius:10px 10px 10px 10px;}.elementor-4926 .elementor-element.elementor-element-38e7e08:not(.elementor-motion-effects-element-type-background), .elementor-4926 .elementor-element.elementor-element-38e7e08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF3EB;}.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-4926 .elementor-element.elementor-element-2689e8e .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-4926 .elementor-element.elementor-element-2689e8e .elementor-icon-box-title{margin-block-end:0px;}.elementor-4926 .elementor-element.elementor-element-2689e8e .elementor-icon{font-size:27px;border-width:1px 1px 1px 1px;}.elementor-4926 .elementor-element.elementor-element-2689e8e .elementor-icon-box-title, .elementor-4926 .elementor-element.elementor-element-2689e8e .elementor-icon-box-title a{font-family:"Lato", Sans-serif;font-size:20px;font-weight:500;}.elementor-4926 .elementor-element.elementor-element-2689e8e .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-4926 .elementor-element.elementor-element-935ecf6{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#32292F;--border-color:#32292F;--border-radius:10px 10px 10px 10px;}.elementor-4926 .elementor-element.elementor-element-935ecf6:not(.elementor-motion-effects-element-type-background), .elementor-4926 .elementor-element.elementor-element-935ecf6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF3EB;}.elementor-4926 .elementor-element.elementor-element-5dfff40 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-4926 .elementor-element.elementor-element-5dfff40 .elementor-icon-box-title{margin-block-end:0px;}.elementor-4926 .elementor-element.elementor-element-5dfff40 .elementor-icon{font-size:27px;border-width:1px 1px 1px 1px;}.elementor-4926 .elementor-element.elementor-element-5dfff40 .elementor-icon-box-title, .elementor-4926 .elementor-element.elementor-element-5dfff40 .elementor-icon-box-title a{font-family:"Lato", Sans-serif;font-size:20px;font-weight:500;}.elementor-4926 .elementor-element.elementor-element-5dfff40 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-4926 .elementor-element.elementor-element-2bc61e2{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#32292F;--border-color:#32292F;--border-radius:10px 10px 10px 10px;}.elementor-4926 .elementor-element.elementor-element-2bc61e2:not(.elementor-motion-effects-element-type-background), .elementor-4926 .elementor-element.elementor-element-2bc61e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF3EB;}.elementor-4926 .elementor-element.elementor-element-2569bc9 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-4926 .elementor-element.elementor-element-2569bc9 .elementor-icon-box-title{margin-block-end:0px;}.elementor-4926 .elementor-element.elementor-element-2569bc9 .elementor-icon{font-size:27px;border-width:1px 1px 1px 1px;}.elementor-4926 .elementor-element.elementor-element-2569bc9 .elementor-icon-box-title, .elementor-4926 .elementor-element.elementor-element-2569bc9 .elementor-icon-box-title a{font-family:"Lato", Sans-serif;font-size:20px;font-weight:500;}.elementor-4926 .elementor-element.elementor-element-2569bc9 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-4926 .elementor-element.elementor-element-dfbcd87{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#32292F;--border-color:#32292F;--border-radius:10px 10px 10px 10px;}.elementor-4926 .elementor-element.elementor-element-dfbcd87:not(.elementor-motion-effects-element-type-background), .elementor-4926 .elementor-element.elementor-element-dfbcd87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF3EB;}.elementor-4926 .elementor-element.elementor-element-f477114 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-4926 .elementor-element.elementor-element-f477114 .elementor-icon-box-title{margin-block-end:0px;}.elementor-4926 .elementor-element.elementor-element-f477114 .elementor-icon{font-size:27px;border-width:1px 1px 1px 1px;}.elementor-4926 .elementor-element.elementor-element-f477114 .elementor-icon-box-title, .elementor-4926 .elementor-element.elementor-element-f477114 .elementor-icon-box-title a{font-family:"Lato", Sans-serif;font-size:20px;font-weight:500;}.elementor-4926 .elementor-element.elementor-element-f477114 .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-4926 .elementor-element.elementor-element-f39c6b6{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#32292F;--border-color:#32292F;--border-radius:10px 10px 10px 10px;}.elementor-4926 .elementor-element.elementor-element-f39c6b6:not(.elementor-motion-effects-element-type-background), .elementor-4926 .elementor-element.elementor-element-f39c6b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF3EB;}.elementor-4926 .elementor-element.elementor-element-cdb041a .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-4926 .elementor-element.elementor-element-cdb041a .elementor-icon-box-title{margin-block-end:0px;}.elementor-4926 .elementor-element.elementor-element-cdb041a .elementor-icon{font-size:27px;border-width:1px 1px 1px 1px;}.elementor-4926 .elementor-element.elementor-element-cdb041a .elementor-icon-box-title, .elementor-4926 .elementor-element.elementor-element-cdb041a .elementor-icon-box-title a{font-family:"Lato", Sans-serif;font-size:20px;font-weight:500;}.elementor-4926 .elementor-element.elementor-element-cdb041a .elementor-icon-box-description{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-4926 .elementor-element.elementor-element-8dfefc4{--display:flex;}@media(max-width:767px){.elementor-4926 .elementor-element.elementor-element-4fe24f2 img{width:30%;}.elementor-4926 .elementor-element.elementor-element-2689e8e .elementor-icon-box-description{font-size:14px;}.elementor-4926 .elementor-element.elementor-element-5dfff40 .elementor-icon-box-description{font-size:14px;}.elementor-4926 .elementor-element.elementor-element-2569bc9 .elementor-icon-box-description{font-size:14px;}.elementor-4926 .elementor-element.elementor-element-f477114 .elementor-icon-box-description{font-size:14px;}.elementor-4926 .elementor-element.elementor-element-cdb041a .elementor-icon-box-description{font-size:14px;}}@media(min-width:768px){.elementor-4926 .elementor-element.elementor-element-2b63be4{--width:50%;}.elementor-4926 .elementor-element.elementor-element-8dfefc4{--width:50%;}}/* Start custom CSS for icon-box, class: .elementor-element-2689e8e *//* Wrapper do ícone */ .elementor-4926 .elementor-element.elementor-element-2689e8e .elementor-icon-box-icon .elementor-icon { width: 52px !important; height: 52px !important; border-radius: 14px !important; background: linear-gradient(150deg, #ffffff, #F2E4D4) !important; border: 1px solid rgba(74, 46, 34, 0.15) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #C06A3E !important; box-shadow: 0 8px 16px -4px rgba(74, 46, 34, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important; transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease !important; position: relative; z-index: 2; } /* Ícone dentro do box */ .elementor-4926 .elementor-element.elementor-element-2689e8e .elementor-icon-box-icon .elementor-icon i, .elementor-4926 .elementor-element.elementor-element-2689e8e .elementor-icon-box-icon .elementor-icon svg { color: #C06A3E !important; fill: #C06A3E !important; transition: transform .35s ease !important; } /* Título */ .elementor-4926 .elementor-element.elementor-element-2689e8e .elementor-icon-box-title, .elementor-4926 .elementor-element.elementor-element-2689e8e .elementor-icon-box-title a { font-weight: 600 !important; font-size: 18px !important; color: #20120C !important; transition: transform .35s ease !important; } /* Descrição */ .elementor-4926 .elementor-element.elementor-element-2689e8e .elementor-icon-box-description { font-size: 14px !important; color: #8a6d5b !important; transition: transform .35s ease !important; } /* ── Hover: ícone sobe em 3D ── */ .elementor-4926 .elementor-element.elementor-element-2689e8e:hover .elementor-icon-box-icon .elementor-icon { transform: translateY(-4px) scale(1.06) !important; box-shadow: 0 16px 26px -6px rgba(74, 46, 34, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important; } .elementor-4926 .elementor-element.elementor-element-2689e8e:hover .elementor-icon-box-icon .elementor-icon i, .elementor-4926 .elementor-element.elementor-element-2689e8e:hover .elementor-icon-box-icon .elementor-icon svg { transform: scale(1.12) !important; } .elementor-4926 .elementor-element.elementor-element-2689e8e:hover .elementor-icon-box-title, .elementor-4926 .elementor-element.elementor-element-2689e8e:hover .elementor-icon-box-title a { color: #C06A3E !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38e7e08 */.elementor-4926 .elementor-element.elementor-element-38e7e08 { background: rgba(255, 255, 255, 0.52) !important; backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%); border: 1px solid rgba(255, 255, 255, 0.88) !important; border-radius: 20px !important; box-shadow: 0 14px 28px -10px rgba(74, 46, 34, 0.22), 0 2px 6px rgba(74, 46, 34, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.72); position: relative; overflow: hidden; transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease, border-color .3s ease !important; will-change: transform; } /* Reflexo de luz no canto superior */ .elementor-4926 .elementor-element.elementor-element-38e7e08::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(255,255,255,0.55) 0%, transparent 45%); opacity: 0; transition: opacity .3s ease; pointer-events: none; border-radius: inherit; z-index: 1; } /* Barra de cor lateral */ .elementor-4926 .elementor-element.elementor-element-38e7e08::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, #F0CE94, #C06A3E); transform: scaleY(0); transform-origin: bottom; transition: transform .28s ease; } /* Hover: levita + inclina em 3D */ .elementor-4926 .elementor-element.elementor-element-38e7e08:hover { transform: perspective(800px) rotateX(-4deg) rotateY(4deg) translateY(-6px) !important; border-color: rgba(192, 106, 62, 0.45) !important; box-shadow: 0 28px 46px -12px rgba(74, 46, 34, 0.30), 0 8px 16px rgba(74, 46, 34, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.88); } .elementor-4926 .elementor-element.elementor-element-38e7e08:hover::before { opacity: 1; } .elementor-4926 .elementor-element.elementor-element-38e7e08:hover::after { transform: scaleY(1); } /* Clique */ .elementor-4926 .elementor-element.elementor-element-38e7e08:active { transform: perspective(800px) rotateX(-2deg) rotateY(2deg) translateY(-2px) scale(.97) !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-5dfff40 *//* Wrapper do ícone */ .elementor-4926 .elementor-element.elementor-element-5dfff40 .elementor-icon-box-icon .elementor-icon { width: 52px !important; height: 52px !important; border-radius: 14px !important; background: linear-gradient(150deg, #ffffff, #F2E4D4) !important; border: 1px solid rgba(74, 46, 34, 0.15) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #C06A3E !important; box-shadow: 0 8px 16px -4px rgba(74, 46, 34, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important; transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease !important; position: relative; z-index: 2; } /* Ícone dentro do box */ .elementor-4926 .elementor-element.elementor-element-5dfff40 .elementor-icon-box-icon .elementor-icon i, .elementor-4926 .elementor-element.elementor-element-5dfff40 .elementor-icon-box-icon .elementor-icon svg { color: #C06A3E !important; fill: #C06A3E !important; transition: transform .35s ease !important; } /* Título */ .elementor-4926 .elementor-element.elementor-element-5dfff40 .elementor-icon-box-title, .elementor-4926 .elementor-element.elementor-element-5dfff40 .elementor-icon-box-title a { font-weight: 600 !important; font-size: 18px !important; color: #20120C !important; transition: transform .35s ease !important; } /* Descrição */ .elementor-4926 .elementor-element.elementor-element-5dfff40 .elementor-icon-box-description { font-size: 14px !important; color: #8a6d5b !important; transition: transform .35s ease !important; } /* ── Hover: ícone sobe em 3D ── */ .elementor-4926 .elementor-element.elementor-element-5dfff40:hover .elementor-icon-box-icon .elementor-icon { transform: translateY(-4px) scale(1.06) !important; box-shadow: 0 16px 26px -6px rgba(74, 46, 34, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important; } .elementor-4926 .elementor-element.elementor-element-5dfff40:hover .elementor-icon-box-icon .elementor-icon i, .elementor-4926 .elementor-element.elementor-element-5dfff40:hover .elementor-icon-box-icon .elementor-icon svg { transform: scale(1.12) !important; } .elementor-4926 .elementor-element.elementor-element-5dfff40:hover .elementor-icon-box-title, .elementor-4926 .elementor-element.elementor-element-5dfff40:hover .elementor-icon-box-title a { color: #C06A3E !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-935ecf6 */.elementor-4926 .elementor-element.elementor-element-935ecf6 { background: rgba(255, 255, 255, 0.52) !important; backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%); border: 1px solid rgba(255, 255, 255, 0.88) !important; border-radius: 20px !important; box-shadow: 0 14px 28px -10px rgba(74, 46, 34, 0.22), 0 2px 6px rgba(74, 46, 34, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.72); position: relative; overflow: hidden; transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease, border-color .3s ease !important; will-change: transform; } /* Reflexo de luz no canto superior */ .elementor-4926 .elementor-element.elementor-element-935ecf6::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(255,255,255,0.55) 0%, transparent 45%); opacity: 0; transition: opacity .3s ease; pointer-events: none; border-radius: inherit; z-index: 1; } /* Barra de cor lateral */ .elementor-4926 .elementor-element.elementor-element-935ecf6::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, #F0CE94, #C06A3E); transform: scaleY(0); transform-origin: bottom; transition: transform .28s ease; } /* Hover: levita + inclina em 3D */ .elementor-4926 .elementor-element.elementor-element-935ecf6:hover { transform: perspective(800px) rotateX(-4deg) rotateY(4deg) translateY(-6px) !important; border-color: rgba(192, 106, 62, 0.45) !important; box-shadow: 0 28px 46px -12px rgba(74, 46, 34, 0.30), 0 8px 16px rgba(74, 46, 34, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.88); } .elementor-4926 .elementor-element.elementor-element-935ecf6:hover::before { opacity: 1; } .elementor-4926 .elementor-element.elementor-element-935ecf6:hover::after { transform: scaleY(1); } /* Clique */ .elementor-4926 .elementor-element.elementor-element-935ecf6:active { transform: perspective(800px) rotateX(-2deg) rotateY(2deg) translateY(-2px) scale(.97) !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-2569bc9 *//* Wrapper do ícone */ .elementor-4926 .elementor-element.elementor-element-2569bc9 .elementor-icon-box-icon .elementor-icon { width: 52px !important; height: 52px !important; border-radius: 14px !important; background: linear-gradient(150deg, #ffffff, #F2E4D4) !important; border: 1px solid rgba(74, 46, 34, 0.15) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #C06A3E !important; box-shadow: 0 8px 16px -4px rgba(74, 46, 34, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important; transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease !important; position: relative; z-index: 2; } /* Ícone dentro do box */ .elementor-4926 .elementor-element.elementor-element-2569bc9 .elementor-icon-box-icon .elementor-icon i, .elementor-4926 .elementor-element.elementor-element-2569bc9 .elementor-icon-box-icon .elementor-icon svg { color: #C06A3E !important; fill: #C06A3E !important; transition: transform .35s ease !important; } /* Título */ .elementor-4926 .elementor-element.elementor-element-2569bc9 .elementor-icon-box-title, .elementor-4926 .elementor-element.elementor-element-2569bc9 .elementor-icon-box-title a { font-weight: 600 !important; font-size: 18px !important; color: #20120C !important; transition: transform .35s ease !important; } /* Descrição */ .elementor-4926 .elementor-element.elementor-element-2569bc9 .elementor-icon-box-description { font-size: 14px !important; color: #8a6d5b !important; transition: transform .35s ease !important; } /* ── Hover: ícone sobe em 3D ── */ .elementor-4926 .elementor-element.elementor-element-2569bc9:hover .elementor-icon-box-icon .elementor-icon { transform: translateY(-4px) scale(1.06) !important; box-shadow: 0 16px 26px -6px rgba(74, 46, 34, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important; } .elementor-4926 .elementor-element.elementor-element-2569bc9:hover .elementor-icon-box-icon .elementor-icon i, .elementor-4926 .elementor-element.elementor-element-2569bc9:hover .elementor-icon-box-icon .elementor-icon svg { transform: scale(1.12) !important; } .elementor-4926 .elementor-element.elementor-element-2569bc9:hover .elementor-icon-box-title, .elementor-4926 .elementor-element.elementor-element-2569bc9:hover .elementor-icon-box-title a { color: #C06A3E !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2bc61e2 */.elementor-4926 .elementor-element.elementor-element-2bc61e2 { background: rgba(255, 255, 255, 0.52) !important; backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%); border: 1px solid rgba(255, 255, 255, 0.88) !important; border-radius: 20px !important; box-shadow: 0 14px 28px -10px rgba(74, 46, 34, 0.22), 0 2px 6px rgba(74, 46, 34, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.72); position: relative; overflow: hidden; transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease, border-color .3s ease !important; will-change: transform; } /* Reflexo de luz no canto superior */ .elementor-4926 .elementor-element.elementor-element-2bc61e2::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(255,255,255,0.55) 0%, transparent 45%); opacity: 0; transition: opacity .3s ease; pointer-events: none; border-radius: inherit; z-index: 1; } /* Barra de cor lateral */ .elementor-4926 .elementor-element.elementor-element-2bc61e2::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, #F0CE94, #C06A3E); transform: scaleY(0); transform-origin: bottom; transition: transform .28s ease; } /* Hover: levita + inclina em 3D */ .elementor-4926 .elementor-element.elementor-element-2bc61e2:hover { transform: perspective(800px) rotateX(-4deg) rotateY(4deg) translateY(-6px) !important; border-color: rgba(192, 106, 62, 0.45) !important; box-shadow: 0 28px 46px -12px rgba(74, 46, 34, 0.30), 0 8px 16px rgba(74, 46, 34, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.88); } .elementor-4926 .elementor-element.elementor-element-2bc61e2:hover::before { opacity: 1; } .elementor-4926 .elementor-element.elementor-element-2bc61e2:hover::after { transform: scaleY(1); } /* Clique */ .elementor-4926 .elementor-element.elementor-element-2bc61e2:active { transform: perspective(800px) rotateX(-2deg) rotateY(2deg) translateY(-2px) scale(.97) !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f477114 *//* Wrapper do ícone */ .elementor-4926 .elementor-element.elementor-element-f477114 .elementor-icon-box-icon .elementor-icon { width: 52px !important; height: 52px !important; border-radius: 14px !important; background: linear-gradient(150deg, #ffffff, #F2E4D4) !important; border: 1px solid rgba(74, 46, 34, 0.15) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #C06A3E !important; box-shadow: 0 8px 16px -4px rgba(74, 46, 34, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important; transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease !important; position: relative; z-index: 2; } /* Ícone dentro do box */ .elementor-4926 .elementor-element.elementor-element-f477114 .elementor-icon-box-icon .elementor-icon i, .elementor-4926 .elementor-element.elementor-element-f477114 .elementor-icon-box-icon .elementor-icon svg { color: #C06A3E !important; fill: #C06A3E !important; transition: transform .35s ease !important; } /* Título */ .elementor-4926 .elementor-element.elementor-element-f477114 .elementor-icon-box-title, .elementor-4926 .elementor-element.elementor-element-f477114 .elementor-icon-box-title a { font-weight: 600 !important; font-size: 18px !important; color: #20120C !important; transition: transform .35s ease !important; } /* Descrição */ .elementor-4926 .elementor-element.elementor-element-f477114 .elementor-icon-box-description { font-size: 14px !important; color: #8a6d5b !important; transition: transform .35s ease !important; } /* ── Hover: ícone sobe em 3D ── */ .elementor-4926 .elementor-element.elementor-element-f477114:hover .elementor-icon-box-icon .elementor-icon { transform: translateY(-4px) scale(1.06) !important; box-shadow: 0 16px 26px -6px rgba(74, 46, 34, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important; } .elementor-4926 .elementor-element.elementor-element-f477114:hover .elementor-icon-box-icon .elementor-icon i, .elementor-4926 .elementor-element.elementor-element-f477114:hover .elementor-icon-box-icon .elementor-icon svg { transform: scale(1.12) !important; } .elementor-4926 .elementor-element.elementor-element-f477114:hover .elementor-icon-box-title, .elementor-4926 .elementor-element.elementor-element-f477114:hover .elementor-icon-box-title a { color: #C06A3E !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dfbcd87 */.elementor-4926 .elementor-element.elementor-element-dfbcd87 { background: rgba(255, 255, 255, 0.52) !important; backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%); border: 1px solid rgba(255, 255, 255, 0.88) !important; border-radius: 20px !important; box-shadow: 0 14px 28px -10px rgba(74, 46, 34, 0.22), 0 2px 6px rgba(74, 46, 34, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.72); position: relative; overflow: hidden; transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease, border-color .3s ease !important; will-change: transform; } /* Reflexo de luz no canto superior */ .elementor-4926 .elementor-element.elementor-element-dfbcd87::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(255,255,255,0.55) 0%, transparent 45%); opacity: 0; transition: opacity .3s ease; pointer-events: none; border-radius: inherit; z-index: 1; } /* Barra de cor lateral */ .elementor-4926 .elementor-element.elementor-element-dfbcd87::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, #F0CE94, #C06A3E); transform: scaleY(0); transform-origin: bottom; transition: transform .28s ease; } /* Hover: levita + inclina em 3D */ .elementor-4926 .elementor-element.elementor-element-dfbcd87:hover { transform: perspective(800px) rotateX(-4deg) rotateY(4deg) translateY(-6px) !important; border-color: rgba(192, 106, 62, 0.45) !important; box-shadow: 0 28px 46px -12px rgba(74, 46, 34, 0.30), 0 8px 16px rgba(74, 46, 34, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.88); } .elementor-4926 .elementor-element.elementor-element-dfbcd87:hover::before { opacity: 1; } .elementor-4926 .elementor-element.elementor-element-dfbcd87:hover::after { transform: scaleY(1); } /* Clique */ .elementor-4926 .elementor-element.elementor-element-dfbcd87:active { transform: perspective(800px) rotateX(-2deg) rotateY(2deg) translateY(-2px) scale(.97) !important; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-cdb041a *//* Wrapper do ícone */ .elementor-4926 .elementor-element.elementor-element-cdb041a .elementor-icon-box-icon .elementor-icon { width: 52px !important; height: 52px !important; border-radius: 14px !important; background: linear-gradient(150deg, #ffffff, #F2E4D4) !important; border: 1px solid rgba(74, 46, 34, 0.15) !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #C06A3E !important; box-shadow: 0 8px 16px -4px rgba(74, 46, 34, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important; transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease !important; position: relative; z-index: 2; } /* Ícone dentro do box */ .elementor-4926 .elementor-element.elementor-element-cdb041a .elementor-icon-box-icon .elementor-icon i, .elementor-4926 .elementor-element.elementor-element-cdb041a .elementor-icon-box-icon .elementor-icon svg { color: #C06A3E !important; fill: #C06A3E !important; transition: transform .35s ease !important; } /* Título */ .elementor-4926 .elementor-element.elementor-element-cdb041a .elementor-icon-box-title, .elementor-4926 .elementor-element.elementor-element-cdb041a .elementor-icon-box-title a { font-weight: 600 !important; font-size: 18px !important; color: #20120C !important; transition: transform .35s ease !important; } /* Descrição */ .elementor-4926 .elementor-element.elementor-element-cdb041a .elementor-icon-box-description { font-size: 14px !important; color: #8a6d5b !important; transition: transform .35s ease !important; } /* ── Hover: ícone sobe em 3D ── */ .elementor-4926 .elementor-element.elementor-element-cdb041a:hover .elementor-icon-box-icon .elementor-icon { transform: translateY(-4px) scale(1.06) !important; box-shadow: 0 16px 26px -6px rgba(74, 46, 34, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important; } .elementor-4926 .elementor-element.elementor-element-cdb041a:hover .elementor-icon-box-icon .elementor-icon i, .elementor-4926 .elementor-element.elementor-element-cdb041a:hover .elementor-icon-box-icon .elementor-icon svg { transform: scale(1.12) !important; } .elementor-4926 .elementor-element.elementor-element-cdb041a:hover .elementor-icon-box-title, .elementor-4926 .elementor-element.elementor-element-cdb041a:hover .elementor-icon-box-title a { color: #C06A3E !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f39c6b6 */.elementor-4926 .elementor-element.elementor-element-f39c6b6 { background: rgba(255, 255, 255, 0.52) !important; backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%); border: 1px solid rgba(255, 255, 255, 0.88) !important; border-radius: 20px !important; box-shadow: 0 14px 28px -10px rgba(74, 46, 34, 0.22), 0 2px 6px rgba(74, 46, 34, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.72); position: relative; overflow: hidden; transition: transform .35s cubic-bezier(.2, .8, .2, 1), box-shadow .35s ease, border-color .3s ease !important; will-change: transform; } /* Reflexo de luz no canto superior */ .elementor-4926 .elementor-element.elementor-element-f39c6b6::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(255,255,255,0.55) 0%, transparent 45%); opacity: 0; transition: opacity .3s ease; pointer-events: none; border-radius: inherit; z-index: 1; } /* Barra de cor lateral */ .elementor-4926 .elementor-element.elementor-element-f39c6b6::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, #F0CE94, #C06A3E); transform: scaleY(0); transform-origin: bottom; transition: transform .28s ease; } /* Hover: levita + inclina em 3D */ .elementor-4926 .elementor-element.elementor-element-f39c6b6:hover { transform: perspective(800px) rotateX(-4deg) rotateY(4deg) translateY(-6px) !important; border-color: rgba(192, 106, 62, 0.45) !important; box-shadow: 0 28px 46px -12px rgba(74, 46, 34, 0.30), 0 8px 16px rgba(74, 46, 34, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.88); } .elementor-4926 .elementor-element.elementor-element-f39c6b6:hover::before { opacity: 1; } .elementor-4926 .elementor-element.elementor-element-f39c6b6:hover::after { transform: scaleY(1); } /* Clique */ .elementor-4926 .elementor-element.elementor-element-f39c6b6:active { transform: perspective(800px) rotateX(-2deg) rotateY(2deg) translateY(-2px) scale(.97) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-84dcc86 */body, .elementor-section.elementor-top-section, #page, .site-content { background: radial-gradient(circle at 18% -6%, #fff8f0 0%, transparent 42%), radial-gradient(circle at 90% 15%, rgba(224, 138, 85, 0.28) 0%, transparent 38%), radial-gradient(circle at 8% 80%, rgba(216, 168, 98, 0.22) 0%, transparent 40%), linear-gradient(160deg, #FBF4EC 0%, #F2E4D4 55%, #e7cba8 100%) !important; min-height: 100vh; } /* Blobs decorativos de luz — coloque um HTML Widget no topo da página com:
*/ .rf-blob { position: fixed; border-radius: 50%; pointer-events: none; z-index: 0; opacity: 0.45; filter: blur(2px); } .rf-blob-a { width: 300px; height: 300px; top: -100px; left: -100px; background: radial-gradient(circle at 35% 30%, #F0CE94, #C06A3E 70%); animation: rf-blob-float1 9s ease-in-out infinite; } .rf-blob-b { width: 260px; height: 260px; bottom: -80px; right: -100px; background: radial-gradient(circle at 60% 40%, #ffffff, #D8A862 75%); animation: rf-blob-float2 11s ease-in-out infinite; } @keyframes rf-blob-float1 { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 50% { transform: translate(14px, 22px) rotate(8deg); } } @keyframes rf-blob-float2 { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 50% { transform: translate(-16px, -18px) rotate(-6deg); } } @media (prefers-reduced-motion: reduce) { .rf-blob { animation: none !important; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Poppins'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://robertaferreiraambientes.com.br/wp-content/uploads/2024/02/Poppins-Bold.ttf') format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://robertaferreiraambientes.com.br/wp-content/uploads/2024/02/Poppins-Light.ttf') format('truetype'); } @font-face { font-family: 'Poppins'; font-style: italic; font-weight: normal; font-display: auto; src: url('https://robertaferreiraambientes.com.br/wp-content/uploads/2024/02/Poppins-Italic.ttf') format('truetype'); } /* End Custom Fonts CSS */