.elementor-6597 .elementor-element.elementor-element-1e89297{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.349;--padding-top:210px;--padding-bottom:174px;--padding-left:15px;--padding-right:15px;}.elementor-6597 .elementor-element.elementor-element-1e89297:not(.elementor-motion-effects-element-type-background), .elementor-6597 .elementor-element.elementor-element-1e89297 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://psicologatainamillainy.com.br/wp-content/uploads/2025/10/garden_banner.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6597 .elementor-element.elementor-element-1e89297::before, .elementor-6597 .elementor-element.elementor-element-1e89297 > .elementor-background-video-container::before, .elementor-6597 .elementor-element.elementor-element-1e89297 > .e-con-inner > .elementor-background-video-container::before, .elementor-6597 .elementor-element.elementor-element-1e89297 > .elementor-background-slideshow::before, .elementor-6597 .elementor-element.elementor-element-1e89297 > .e-con-inner > .elementor-background-slideshow::before, .elementor-6597 .elementor-element.elementor-element-1e89297 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-6597 .elementor-element.elementor-element-326b497c .elementskit-section-title-wraper .elementskit-section-title{color:#FFFFFF;margin:0px 0px 27px 0px;font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-6597 .elementor-element.elementor-element-326b497c .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-6597 .elementor-element.elementor-element-326b497c .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-6597 .elementor-element.elementor-element-326b497c .elementskit-section-title-wraper .ekit_heading_separetor_wraper{margin:0px 0px 24px 0px;}.elementor-6597 .elementor-element.elementor-element-4f3fe9a8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6597 .elementor-element.elementor-element-4f3fe9a8 .elementskit-section-title-wraper .elementskit-section-title{color:#FFFFFF;margin:0px 0px 47px 0px;font-family:"Work Sans", Sans-serif;font-size:72px;font-weight:600;line-height:25px;letter-spacing:-0.72px;}.elementor-6597 .elementor-element.elementor-element-4f3fe9a8 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-6597 .elementor-element.elementor-element-4f3fe9a8 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-6597 .elementor-element.elementor-element-4f3fe9a8 .elementskit-section-title-wraper p{color:#FFFFFF;font-family:"Work Sans", Sans-serif;font-size:16px;font-weight:400;line-height:26px;margin:0px 10px 20px 10px;}.elementor-6597 .elementor-element.elementor-element-694f2f64{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:122px;--padding-bottom:99px;--padding-left:15px;--padding-right:15px;}.elementor-6597 .elementor-element.elementor-element-748123a3 .ekit-heading__description{max-width:650px;}.elementor-6597 .elementor-element.elementor-element-748123a3 .elementskit-section-title-wraper .elementskit-section-title{color:#2C396B;margin:0px 0px 40px 0px;font-family:"EB Garamond", Sans-serif;font-size:60px;font-weight:400;line-height:25px;}.elementor-6597 .elementor-element.elementor-element-748123a3 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-6597 .elementor-element.elementor-element-748123a3 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-6597 .elementor-element.elementor-element-c4fe584 .elementor-menu-cart__close-button, .elementor-6597 .elementor-element.elementor-element-c4fe584 .elementor-menu-cart__close-button-custom{margin-left:auto;}.elementor-6597 .elementor-element.elementor-element-c4fe584{--main-alignment:left;--side-cart-alignment-transform:translateX(100%);--side-cart-alignment-left:auto;--side-cart-alignment-right:0;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-6597 .elementor-element.elementor-element-c4fe584 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-6597 .elementor-element.elementor-element-4f80c5b{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6597 .elementor-element.elementor-element-5642a196.ekit-equal-height-enable,
					.elementor-6597 .elementor-element.elementor-element-5642a196.ekit-equal-height-enable > div,
					.elementor-6597 .elementor-element.elementor-element-5642a196.ekit-equal-height-enable .ekit-wid-con,
					.elementor-6597 .elementor-element.elementor-element-5642a196.ekit-equal-height-enable .ekit-wid-con .elementskit-info-image-box{height:100%;}.elementor-6597 .elementor-element.elementor-element-5642a196 .elementskit-box-header img{padding:20px 20px 20px 20px;}.elementor-6597 .elementor-element.elementor-element-5642a196 .elementskit-info-image-box  .elementskit-box-header img{opacity:1;}.elementor-6597 .elementor-element.elementor-element-5642a196 .elementskit-info-image-box.elementskit-thumb-card >  img{opacity:1;}.elementor-6597 .elementor-element.elementor-element-5642a196 .elementskit-info-image-box:hover  .elementskit-box-header img{opacity:1;transform:scale(1.1);}.elementor-6597 .elementor-element.elementor-element-5642a196 .elementskit-info-image-box.elementskit-thumb-card:hover >  img{opacity:1;transform:scale(1.1);}.elementor-6597 .elementor-element.elementor-element-5642a196 .elementskit-info-image-box .elementskit-box-body{padding:20px 20px 20px 20px;}.elementor-6597 .elementor-element.elementor-element-5642a196 .elementskit-info-image-box .elementskit-info-box-title{margin:0px 0px 20px 0px;}.elementor-6597 .elementor-element.elementor-element-5642a196 .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-family:"Work Sans", Sans-serif;font-size:30px;font-weight:500;line-height:25px;letter-spacing:-1.05px;}.elementor-6597 .elementor-element.elementor-element-5642a196 .elementskit-info-image-box .elementskit-info-box-title {color:#2C396B;}.elementor-6597 .elementor-element.elementor-element-5642a196 .elementskit-info-image-box .elementskit-info-box-title a{color:#2C396B;}.elementor-6597 .elementor-element.elementor-element-5642a196 .elementskit-info-image-box .elementskit-info-box-title svg{fill:#2C396B;}.elementor-6597 .elementor-element.elementor-element-5642a196 .elementskit-info-image-box:hover .elementskit-info-box-title {color:#F9A392;}.elementor-6597 .elementor-element.elementor-element-5642a196 .elementskit-info-image-box:hover .elementskit-info-box-title a{color:#F9A392;}.elementor-6597 .elementor-element.elementor-element-5642a196 .elementskit-info-image-box:hover .elementskit-info-box-title svg{fill:#F9A392;}.elementor-6597 .elementor-element.elementor-element-5642a196 .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 14px 0px;font-family:"Work Sans", Sans-serif;font-size:15px;font-weight:400;line-height:25px;color:#616161;}.elementor-6597 .elementor-element.elementor-element-65866240.ekit-equal-height-enable,
					.elementor-6597 .elementor-element.elementor-element-65866240.ekit-equal-height-enable > div,
					.elementor-6597 .elementor-element.elementor-element-65866240.ekit-equal-height-enable .ekit-wid-con,
					.elementor-6597 .elementor-element.elementor-element-65866240.ekit-equal-height-enable .ekit-wid-con .elementskit-info-image-box{height:100%;}.elementor-6597 .elementor-element.elementor-element-65866240 .elementskit-box-header img{padding:20px 20px 20px 20px;}.elementor-6597 .elementor-element.elementor-element-65866240 .elementskit-info-image-box  .elementskit-box-header img{opacity:1;}.elementor-6597 .elementor-element.elementor-element-65866240 .elementskit-info-image-box.elementskit-thumb-card >  img{opacity:1;}.elementor-6597 .elementor-element.elementor-element-65866240 .elementskit-info-image-box:hover  .elementskit-box-header img{opacity:1;transform:scale(1.1);}.elementor-6597 .elementor-element.elementor-element-65866240 .elementskit-info-image-box.elementskit-thumb-card:hover >  img{opacity:1;transform:scale(1.1);}.elementor-6597 .elementor-element.elementor-element-65866240 .elementskit-info-image-box .elementskit-box-body{padding:20px 20px 20px 20px;}.elementor-6597 .elementor-element.elementor-element-65866240 .elementskit-info-image-box .elementskit-info-box-title{margin:0px 0px 20px 0px;}.elementor-6597 .elementor-element.elementor-element-65866240 .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-family:"Work Sans", Sans-serif;font-size:30px;font-weight:500;line-height:25px;letter-spacing:-1.05px;}.elementor-6597 .elementor-element.elementor-element-65866240 .elementskit-info-image-box .elementskit-info-box-title {color:#2C396B;}.elementor-6597 .elementor-element.elementor-element-65866240 .elementskit-info-image-box .elementskit-info-box-title a{color:#2C396B;}.elementor-6597 .elementor-element.elementor-element-65866240 .elementskit-info-image-box .elementskit-info-box-title svg{fill:#2C396B;}.elementor-6597 .elementor-element.elementor-element-65866240 .elementskit-info-image-box:hover .elementskit-info-box-title {color:#F9A392;}.elementor-6597 .elementor-element.elementor-element-65866240 .elementskit-info-image-box:hover .elementskit-info-box-title a{color:#F9A392;}.elementor-6597 .elementor-element.elementor-element-65866240 .elementskit-info-image-box:hover .elementskit-info-box-title svg{fill:#F9A392;}.elementor-6597 .elementor-element.elementor-element-65866240 .elementskit-info-image-box .elementskit-box-style-content{margin:0px 0px 14px 0px;font-family:"Work Sans", Sans-serif;font-size:15px;font-weight:400;line-height:25px;color:#616161;}.elementor-6597 .elementor-element.elementor-element-55eed25f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:0px 0px 0px 0px;--padding-top:122px;--padding-bottom:137px;--padding-left:15px;--padding-right:15px;}.elementor-6597 .elementor-element.elementor-element-55eed25f:not(.elementor-motion-effects-element-type-background), .elementor-6597 .elementor-element.elementor-element-55eed25f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FB;}.elementor-6597 .elementor-element.elementor-element-c47b754 > .elementor-widget-container{background-image:url("https://psicologatainamillainy.com.br/wp-content/uploads/2025/10/Design-sem-nome-11.png");}.elementor-6597 .elementor-element.elementor-element-c47b754.elementor-element{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}.elementor-6597 .elementor-element.elementor-element-c47b754.elementor-wc-products  ul.products{grid-column-gap:13px;grid-row-gap:28px;}.elementor-6597 .elementor-element.elementor-element-c47b754.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:0px;}.elementor-6597 .elementor-element.elementor-element-c47b754.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#FFFFFF;margin-bottom:0px;}.elementor-6597 .elementor-element.elementor-element-c47b754.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#FFFFFF;margin-bottom:0px;}.elementor-6597 .elementor-element.elementor-element-c47b754.elementor-wc-products ul.products li.product .star-rating{font-size:0.1em;margin-bottom:0px;}.elementor-6597 .elementor-element.elementor-element-c47b754.elementor-wc-products ul.products li.product .price{color:#FFFFFF;}.elementor-6597 .elementor-element.elementor-element-c47b754.elementor-wc-products ul.products li.product .price ins{color:#FFFFFF;}.elementor-6597 .elementor-element.elementor-element-c47b754.elementor-wc-products ul.products li.product .price ins .amount{color:#FFFFFF;}.elementor-6597 .elementor-element.elementor-element-c47b754.elementor-wc-products ul.products li.product .price del{color:#FFFFFF;}.elementor-6597 .elementor-element.elementor-element-c47b754.elementor-wc-products ul.products li.product .price del .amount{color:#FFFFFF;}.elementor-6597 .elementor-element.elementor-element-c47b754.elementor-wc-products ul.products li.product .button{color:#000000;background-color:#FFFFFF;border-color:#000000;margin-top:0px;}.elementor-6597 .elementor-element.elementor-element-c47b754.elementor-wc-products ul.products li.product{border-radius:0px;background-color:#000000;}.elementor-6597 .elementor-element.elementor-element-c47b754.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-6597 .elementor-element.elementor-element-6eb006cc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6597 .elementor-element.elementor-element-3a055a23{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:30px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-6597 .elementor-element.elementor-element-ae64925{width:var( --container-widget-width, 590px );max-width:590px;--container-widget-width:590px;--container-widget-flex-grow:0;}.elementor-6597 .elementor-element.elementor-element-ae64925 > .elementor-widget-container{margin:0px 10px 78px 10px;}.elementor-6597 .elementor-element.elementor-element-ae64925 .elementskit-section-title-wraper .elementskit-section-title{color:#242F65;margin:0px 0px 20px 0px;font-family:"Merriweather", Sans-serif;font-size:48px;font-weight:900;line-height:1.33333333em;letter-spacing:-0.96px;}.elementor-6597 .elementor-element.elementor-element-ae64925 .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-6597 .elementor-element.elementor-element-ae64925 .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-6597 .elementor-element.elementor-element-ae64925 .elementskit-section-title-wraper p{font-family:"Roboto", Sans-serif;font-size:20px;line-height:1.5em;margin:0px 10px 0px 10px;}.elementor-6597 .elementor-element.elementor-element-25656531{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:24px 24px;--row-gap:24px;--column-gap:24px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6597 .elementor-element.elementor-element-538430c0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:90px;--padding-bottom:150px;--padding-left:15px;--padding-right:15px;}.elementor-6597 .elementor-element.elementor-element-4b0f9f60{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:40px;}.elementor-6597 .elementor-element.elementor-element-6a303879 > .elementor-widget-container{padding:0px 66px 74px 0px;}.elementor-6597 .elementor-element.elementor-element-6a303879{z-index:2;text-align:start;}.elementor-6597 .elementor-element.elementor-element-574f843b{width:auto;max-width:auto;bottom:-74px;z-index:1;}body:not(.rtl) .elementor-6597 .elementor-element.elementor-element-574f843b{right:137px;}body.rtl .elementor-6597 .elementor-element.elementor-element-574f843b{left:137px;}.elementor-6597 .elementor-element.elementor-element-75fdda69 .ekit-video-popup-btn,.elementor-6597 .elementor-element.elementor-element-75fdda69 .ekit-video-inline-btn{background-color:#00000000;}.elementor-6597 .elementor-element.elementor-element-75fdda69{width:auto;max-width:auto;bottom:-151px;z-index:3;}.elementor-6597 .elementor-element.elementor-element-75fdda69 > .elementor-widget-container{background-image:url("https://psicologatainamillainy.com.br/wp-content/uploads/2026/01/Rosa-Vermelha.avif");padding:56px 59px 40px 47px;background-position:center center;background-repeat:no-repeat;background-size:cover;border-style:solid;border-width:11px 11px 11px 11px;border-color:#FFFFFF;box-shadow:0px 20px 50px 0px rgba(0, 0, 0, 0.09);}body:not(.rtl) .elementor-6597 .elementor-element.elementor-element-75fdda69{right:-27.989px;}body.rtl .elementor-6597 .elementor-element.elementor-element-75fdda69{left:-27.989px;}.elementor-6597 .elementor-element.elementor-element-75fdda69 .video-content{text-align:center;justify-content:center;display:flex;}.elementor-6597 .elementor-element.elementor-element-75fdda69 .ekit-video-popup-btn{padding:18px 0px 0px 10px;width:102px;height:102px;color:#FF5151;}.elementor-6597 .elementor-element.elementor-element-75fdda69 .ekit-video-inline-btn{padding:18px 0px 0px 10px;width:102px;height:102px;color:#FF5151;}.elementor-6597 .elementor-element.elementor-element-75fdda69 a.ekit_icon_button:is(.ekit-video-popup-btn, .ekit-video-inline-btn):has(i,svg){font-size:50px;}.elementor-6597 .elementor-element.elementor-element-75fdda69 .ekit-video-popup-btn svg{fill:#FF5151;}.elementor-6597 .elementor-element.elementor-element-75fdda69 .ekit-video-inline-btn svg{fill:#FF5151;}.elementor-6597 .elementor-element.elementor-element-75fdda69 .ekit-video-popup-btn:hover{color:#51A2FF;}.elementor-6597 .elementor-element.elementor-element-75fdda69 .ekit-video-inline-btn:hover{color:#51A2FF;}.elementor-6597 .elementor-element.elementor-element-75fdda69 .ekit-video-popup-btn:hover svg{fill:#51A2FF;}.elementor-6597 .elementor-element.elementor-element-75fdda69 .ekit-video-inline-btn:hover svg{fill:#51A2FF;}.elementor-6597 .elementor-element.elementor-element-75fdda69 .ekit-video-popup-btn, .elementor-6597 .elementor-element.elementor-element-75fdda69 .ekit-video-popup-btn:before{border-radius:100px 100px 100px 100px;}.elementor-6597 .elementor-element.elementor-element-75fdda69 .ekit-video-inline-btn, .elementor-6597 .elementor-element.elementor-element-75fdda69 .ekit-video-inline-btn:before{border-radius:100px 100px 100px 100px;}.elementor-6597 .elementor-element.elementor-element-75fdda69 .glow-ripple.ekit-video-popup-btn{--video-glow-border-radius:100px 100px 100px 100px;}.elementor-6597 .elementor-element.elementor-element-75fdda69 .glow-ripple.ekit-video-inline-btn{--video-glow-border-radius:100px 100px 100px 100px;}.mfp-close.ekit-video-popup-close{width:44px;height:44px;font-size:10px;right:0;background-color:#000000;color:#ffffff;border-radius:50% 50% 50% 50%;}.mfp-close.ekit-video-popup-close svg{width:10px;height:10px;}.mfp-close.ekit-video-popup-close .ekit-popup-close-icon svg{fill:#ffffff;}.mfp-close.ekit-video-popup-close:hover{background-color:#000000;border-radius:50% 50% 50% 50%;}.ekit_self_video_wrap .mfp-close.ekit-video-popup-close:hover{background-color:#000000;}.mfp-close.ekit-video-popup-close:hover .ekit-popup-close-icon i{color:#ffffff;}.mfp-close.ekit-video-popup-close:hover .ekit-popup-close-icon svg{fill:#ffffff;}.elementor-6597 .elementor-element.elementor-element-277fd8ea{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-33px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-6597 .elementor-element.elementor-element-7e4e1bab .elementskit-section-title-wraper .elementskit-section-title{color:#242F65;margin:0px 0px 20px 0px;font-family:"Merriweather", Sans-serif;font-size:48px;font-weight:900;line-height:1.33333333em;letter-spacing:-0.96px;}.elementor-6597 .elementor-element.elementor-element-7e4e1bab .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-6597 .elementor-element.elementor-element-7e4e1bab .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-6597 .elementor-element.elementor-element-7e4e1bab .elementskit-section-title-wraper p{font-family:"Roboto", Sans-serif;font-size:20px;line-height:1.5em;margin:0px 0px 27px 0px;}.elementor-6597 .elementor-element.elementor-element-40794e3c{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6597 .elementor-element.elementor-element-986881a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:160px;--padding-bottom:130px;--padding-left:15px;--padding-right:15px;}.elementor-6597 .elementor-element.elementor-element-222e694c{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6597 .elementor-element.elementor-element-37f2e9bd .elementskit-section-title-wraper .elementskit-section-title{color:#242F65;margin:0px 0px 25px 0px;font-family:"Merriweather", Sans-serif;font-size:48px;font-weight:900;line-height:1.33333333em;letter-spacing:-0.96px;}.elementor-6597 .elementor-element.elementor-element-37f2e9bd .elementskit-section-title-wraper .elementskit-section-title > span{color:#000000;}.elementor-6597 .elementor-element.elementor-element-37f2e9bd .elementskit-section-title-wraper .elementskit-section-title:hover > span{color:#000000;}.elementor-6597 .elementor-element.elementor-element-37f2e9bd .elementskit-section-title-wraper p{color:#767B92;font-family:"Roboto", Sans-serif;font-size:18px;line-height:1.5em;margin:0px 0px 30px 0px;}.elementor-6597 .elementor-element.elementor-element-74067610{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6597 .elementor-element.elementor-element-7846449f{width:auto;max-width:auto;top:0px;}body:not(.rtl) .elementor-6597 .elementor-element.elementor-element-7846449f{right:20px;}body.rtl .elementor-6597 .elementor-element.elementor-element-7846449f{left:20px;}.elementor-6597 .elementor-element.elementor-element-d861d40{z-index:1;}.elementor-6597 .elementor-element.elementor-element-915c5{--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:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:130px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-6597 .elementor-element.elementor-element-4e599602{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-6597 .elementor-element.elementor-element-49369132{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6597 .elementor-element.elementor-element-47e1560{--display:flex;}.elementor-6597 .elementor-element.elementor-element-ea6d2e4 img{width:1%;}.elementor-6597 .elementor-element.elementor-element-89f4dc3{--display:flex;}.elementor-6597 .elementor-element.elementor-element-38d3e71{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6597 .elementor-element.elementor-element-538430c0{--content-width:1140px;}.elementor-6597 .elementor-element.elementor-element-4b0f9f60{--width:48%;}.elementor-6597 .elementor-element.elementor-element-277fd8ea{--width:52%;}.elementor-6597 .elementor-element.elementor-element-986881a{--content-width:1140px;}}@media(max-width:1024px){.elementor-6597 .elementor-element.elementor-element-694f2f64{--padding-top:102px;--padding-bottom:58px;--padding-left:15px;--padding-right:15px;}.elementor-6597 .elementor-element.elementor-element-4f80c5b{--grid-auto-flow:row;}.elementor-6597 .elementor-element.elementor-element-5642a196 .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-size:25px;}.elementor-6597 .elementor-element.elementor-element-65866240 .elementskit-info-image-box .elementskit-box-content :is(.elementskit-info-box-title, .elementskit-info-box-title a ){font-size:25px;}.elementor-6597 .elementor-element.elementor-element-55eed25f{--padding-top:102px;--padding-bottom:97px;--padding-left:15px;--padding-right:15px;}.elementor-6597 .elementor-element.elementor-element-c47b754.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6597 .elementor-element.elementor-element-ae64925{width:var( --container-widget-width, 550px );max-width:550px;--container-widget-width:550px;--container-widget-flex-grow:0;}.elementor-6597 .elementor-element.elementor-element-ae64925 > .elementor-widget-container{margin:0px 10px 50px 10px;}.elementor-6597 .elementor-element.elementor-element-ae64925 .elementskit-section-title-wraper .elementskit-section-title{font-size:38px;}.elementor-6597 .elementor-element.elementor-element-ae64925 .elementskit-section-title-wraper p{font-size:16px;}.elementor-6597 .elementor-element.elementor-element-25656531{--e-con-grid-template-columns:repeat(2, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;}.elementor-6597 .elementor-element.elementor-element-538430c0{--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-6597 .elementor-element.elementor-element-4b0f9f60{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6597 .elementor-element.elementor-element-574f843b{bottom:74px;}body:not(.rtl) .elementor-6597 .elementor-element.elementor-element-75fdda69{right:25px;}body.rtl .elementor-6597 .elementor-element.elementor-element-75fdda69{left:25px;}.elementor-6597 .elementor-element.elementor-element-75fdda69{bottom:104px;}.elementor-6597 .elementor-element.elementor-element-277fd8ea{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6597 .elementor-element.elementor-element-7e4e1bab .elementskit-section-title-wraper .elementskit-section-title{font-size:38px;}.elementor-6597 .elementor-element.elementor-element-7e4e1bab .elementskit-section-title-wraper p{font-size:18px;}.elementor-6597 .elementor-element.elementor-element-986881a{--padding-top:100px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-6597 .elementor-element.elementor-element-222e694c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6597 .elementor-element.elementor-element-37f2e9bd .elementskit-section-title-wraper .elementskit-section-title{font-size:42px;}.elementor-6597 .elementor-element.elementor-element-37f2e9bd .elementskit-section-title-wraper p{font-size:16px;}.elementor-6597 .elementor-element.elementor-element-74067610{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-6597 .elementor-element.elementor-element-915c5{--padding-top:100px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}}@media(max-width:767px){.elementor-6597 .elementor-element.elementor-element-1e89297{--padding-top:150px;--padding-bottom:120px;--padding-left:15px;--padding-right:15px;}.elementor-6597 .elementor-element.elementor-element-326b497c .elementskit-section-title-wraper .ekit_heading_separetor_wraper{margin:0px 0px 0px 0px;}.elementor-6597 .elementor-element.elementor-element-4f3fe9a8 .elementskit-section-title-wraper .elementskit-section-title{margin:0px 0px 20px 0px;font-size:35px;line-height:1.2em;}.elementor-6597 .elementor-element.elementor-element-4f3fe9a8 .elementskit-section-title-wraper p{margin:0px 0px 30px 0px;}.elementor-6597 .elementor-element.elementor-element-694f2f64{--padding-top:82px;--padding-bottom:38px;--padding-left:15px;--padding-right:15px;}.elementor-6597 .elementor-element.elementor-element-748123a3 .elementskit-section-title-wraper .elementskit-section-title{font-size:50px;line-height:1.2em;}.elementor-6597 .elementor-element.elementor-element-4f80c5b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-6597 .elementor-element.elementor-element-55eed25f{--padding-top:82px;--padding-bottom:77px;--padding-left:15px;--padding-right:15px;}.elementor-6597 .elementor-element.elementor-element-c47b754.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-6597 .elementor-element.elementor-element-ae64925{width:100%;max-width:100%;}.elementor-6597 .elementor-element.elementor-element-ae64925 > .elementor-widget-container{margin:10px 10px 30px 10px;}.elementor-6597 .elementor-element.elementor-element-ae64925 .elementskit-section-title-wraper .elementskit-section-title{font-size:32px;}.elementor-6597 .elementor-element.elementor-element-ae64925 .elementskit-section-title-wraper p{font-size:16px;}.elementor-6597 .elementor-element.elementor-element-25656531{--e-con-grid-template-columns:repeat(1, 1fr);--gap:15px 15px;--row-gap:15px;--column-gap:15px;--grid-auto-flow:row;}.elementor-6597 .elementor-element.elementor-element-4b0f9f60{--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-6597 .elementor-element.elementor-element-75fdda69{bottom:17px;}.elementor-6597 .elementor-element.elementor-element-277fd8ea{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-6597 .elementor-element.elementor-element-7e4e1bab{width:100%;max-width:100%;}.elementor-6597 .elementor-element.elementor-element-7e4e1bab > .elementor-widget-container{margin:0px 0px 8px 0px;}.elementor-6597 .elementor-element.elementor-element-7e4e1bab .elementskit-section-title-wraper .elementskit-section-title{font-size:32px;}.elementor-6597 .elementor-element.elementor-element-7e4e1bab .elementskit-section-title-wraper p{font-size:16px;}.elementor-6597 .elementor-element.elementor-element-986881a{--padding-top:80px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-6597 .elementor-element.elementor-element-37f2e9bd{width:100%;max-width:100%;}.elementor-6597 .elementor-element.elementor-element-37f2e9bd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6597 .elementor-element.elementor-element-37f2e9bd .elementskit-section-title-wraper .elementskit-section-title{font-size:32px;}.elementor-6597 .elementor-element.elementor-element-37f2e9bd .elementskit-section-title-wraper p{font-size:16px;margin:0px 0px 15px 0px;}.elementor-6597 .elementor-element.elementor-element-915c5{--padding-top:80px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS */import { useState, useEffect } from 'react';
import { Link } from 'react-router-dom';
import { BaseCrudService } from '@/integrations';
import { Plants, PlantCategories } from '@/entities';
import { Image } from '@/components/ui/image';
import { Button } from '@/components/ui/button';
import { Card } from '@/components/ui/card';
import { ConfirmationDialog } from '@/components/ui/confirmation-dialog';
import { motion } from 'framer-motion';
import { Leaf, ShoppingCart, Star } from 'lucide-react';

import { useCartStore } from '@/stores/cartStore';

export default function HomePage() {
  const [featuredPlants, setFeaturedPlants] = useState<Plants[]>([]);
  const [categories, setCategories] = useState<PlantCategories[]>([]);
  const [isLoading, setIsLoading] = useState(true);
  const [confirmDialog, setConfirmDialog] = useState<{
    open: boolean;
    plant: Plants | null;
  }>({ open: false, plant: null });
  const { addToCart } = useCartStore();

  useEffect(() => {
    const fetchData = async () => {
      try {
        const [plantsData, categoriesData] = await Promise.all([
          BaseCrudService.getAll<Plants>('plants'),
          BaseCrudService.getAll<PlantCategories>('plantcategories')
        ]);
        
        setFeaturedPlants(plantsData.items.slice(0, 3));
        setCategories(categoriesData.items.filter(cat => cat.isActive).slice(0, 3));
      } catch (error) {
        console.error('Error fetching data:', error);
      } finally {
        setIsLoading(false);
      }
    };

    fetchData();
  }, []);

  const handleAddToCartClick = (plant: Plants) => {
    setConfirmDialog({ open: true, plant });
  };

  const handleConfirmAddToCart = () => {
    if (confirmDialog.plant) {
      addToCart({
        id: confirmDialog.plant._id,
        name: confirmDialog.plant.name || 'Planta',
        price: confirmDialog.plant.price || 0,
        image: confirmDialog.plant.mainImage || 'https://static.wixstatic.com/media/64af9d_33cc7412520041eab9b1c6c9f9768aa4~mv2.png?originWidth=384&originHeight=384',
        quantity: 1
      });
    }
    setConfirmDialog({ open: false, plant: null });
  };

  if (isLoading) {
    return (
      <div className="min-h-screen bg-primary flex items-center justify-center">
        <div className="text-primary-foreground text-xl font-heading">Carregando...</div>
      </div>
    );
  }

  return (
    <div className="min-h-screen bg-primary text-primary-foreground">
      {/* Hero Section - Inspired by the image layout */}
      <section className="w-full max-w-[120rem] mx-auto px-6 py-16 md:py-24 bg-secondary">
        <div className="text-center mb-16">
          <motion.h1 
            className="font-heading text-6xl md:text-8xl lg:text-9xl mb-6 tracking-wide"
            initial={{ opacity: 0, y: 30 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ duration: 0.8 }}
          >
            Plantas & Vida
          </motion.h1>
          <motion.p 
            className="font-paragraph text-xl md:text-2xl max-w-3xl mx-auto opacity-90"
            initial={{ opacity: 0, y: 20 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ duration: 0.8, delay: 0.2 }}
          >
            Descubra a beleza natural em nossa coleção exclusiva de plantas para transformar seu espaço
          </motion.p>
        </div>

        {/* Featured Plants Grid - Inspired by the three-card layout */}
        <div className="grid grid-cols-1 md:grid-cols-3 gap-8 md:gap-12 mb-16">
          {featuredPlants.map((plant, index) => (
            <motion.div
              key={plant._id}
              className="group"
              initial={{ opacity: 0, y: 50, rotate: 0 }}
              animate={{ 
                opacity: 1, 
                y: 0, 
                rotate: index === 0 ? -2 : index === 1 ? 1 : -1 
              }}
              transition={{ duration: 0.8, delay: 0.4 + index * 0.1 }}
            >
              <Card className="bg-secondary p-6 rounded-2xl transform transition-all duration-300 hover:scale-105 hover:rotate-0">
                <div className="aspect-square mb-4 overflow-hidden rounded-xl">
                  <Image
                    src={plant.mainImage || 'https://static.wixstatic.com/media/64af9d_91f20353c12f45659bbd83ab80b39a4d~mv2.png?originWidth=384&originHeight=384'}
                    alt={plant.name || 'Planta'}
                    width={400}
                    className="w-full h-full object-cover transition-transform duration-300 group-hover:scale-110"
                  />
                </div>
                <h3 className="font-heading text-2xl text-secondary-foreground mb-2">
                  {plant.name}
                </h3>
                <p className="font-paragraph text-secondary-foreground/80 mb-4 line-clamp-2">
                  {plant.description}
                </p>
                <div className="flex items-center justify-between">
                  <span className="font-heading text-xl text-secondary-foreground">
                    R$ {plant.price?.toFixed(2)}
                  </span>
                  <div className="flex gap-2">
                    <Button 
                      asChild
                      variant="outline"
                      size="sm"
                      className="border-secondary-foreground text-secondary-foreground hover:bg-secondary-foreground hover:text-secondary"
                    >
                      <Link to={`/plant/${plant._id}`}>
                        Ver Detalhes
                      </Link>
                    </Button>
                    <Button 
                      size="sm"
                      onClick={() => handleAddToCartClick(plant)}
                      className="bg-primary text-primary-foreground hover:bg-primary/90"
                    >
                      <ShoppingCart className="h-4 w-4" />
                    </Button>
                  </div>
                </div>
              </Card>
            </motion.div>
          ))}
        </div>

        {/* Navigation dots - Inspired by the image */}
        <div className="flex justify-center space-x-2 mb-16">
          <div className="w-2 h-2 bg-primary-foreground rounded-full"></div>
          <div className="w-2 h-2 bg-primary-foreground/40 rounded-full"></div>
          <div className="w-2 h-2 bg-primary-foreground/40 rounded-full"></div>
        </div>

        {/* Call to Action */}
        <div className="text-center">
          <Button 
            asChild 
            size="lg"
            className="bg-secondary text-secondary-foreground hover:bg-secondary/90 px-8 py-4 text-lg font-paragraph"
          >
            <Link to="/shop">
              <ShoppingCart className="mr-2 h-5 w-5" />
              Explorar Todas as Plantas
            </Link>
          </Button>
        </div>
      </section>
      {/* Categories Section */}
      <section className="w-full max-w-[100rem] mx-auto px-6 py-16 border-t border-primary-foreground/20">
        <div className="text-center mb-12">
          <h2 className="font-heading text-4xl mb-4 md:text-3xl">
            Nossas Categorias
          </h2>
          <p className="font-paragraph text-lg opacity-90 max-w-2xl mx-auto">
            Encontre a planta perfeita para cada ambiente e necessidade
          </p>
        </div>

        <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
          {categories.map((category, index) => (
            <motion.div
              key={category._id}
              initial={{ opacity: 0, y: 30 }}
              animate={{ opacity: 1, y: 0 }}
              transition={{ duration: 0.6, delay: index * 0.1 }}
            >
              <Card className="bg-secondary/10 border border-primary-foreground/20 p-6 rounded-xl hover:bg-secondary/20 transition-colors duration-300">
                <div className="aspect-video mb-4 overflow-hidden rounded-lg">
                  <Image
                    src={category.categoryImage || 'https://static.wixstatic.com/media/64af9d_d5ee1e24bc5a45cd98384158d61b7ab6~mv2.png?originWidth=384&originHeight=192'}
                    alt={category.categoryName || 'Categoria'}
                    width={400}
                    className="w-full h-full object-cover"
                  />
                </div>
                <h3 className="font-heading text-xl text-primary-foreground mb-2">
                  {category.categoryName}
                </h3>
                <p className="font-paragraph text-primary-foreground/80 mb-4">
                  {category.categoryDescription}
                </p>
                <Button 
                  asChild
                  variant="outline"
                  className="border-primary-foreground text-primary-foreground hover:bg-primary-foreground hover:text-primary"
                >
                  <Link to={`/shop?category=${category._id}`}>
                    Explorar
                  </Link>
                </Button>
              </Card>
            </motion.div>
          ))}
        </div>
      </section>
      {/* About Section */}
      <section className="w-full max-w-[100rem] mx-auto px-6 py-16 border-t border-primary-foreground/20">
        <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
          <div>
            <h2 className="font-heading text-4xl md:text-5xl mb-6">
              Clínica Estrela TM
            </h2>
            <p className="font-paragraph text-lg mb-6 opacity-[1] text-foreground">
              Há mais de uma década, nossa paixão por plantas nos move a oferecer as melhores espécies, 
              cuidadosamente selecionadas para trazer vida e beleza aos seus espaços.
            </p>
            <p className="font-paragraph text-lg mb-8 opacity-90 text-foreground">
              Cada planta em nossa coleção é tratada com carinho especial, garantindo que chegue até você 
              com toda a vitalidade e saúde necessárias para prosperar em seu novo lar.
            </p>
            <div className="flex items-center space-x-6">
              <div className="flex items-center">
                <Star className="h-5 w-5 text-primary-foreground mr-2" />
                <span className="font-paragraph text-foreground">Qualidade Premium</span>
              </div>
              <div className="flex items-center">
                <Leaf className="h-5 w-5 text-primary-foreground mr-2" />
                <span className="font-paragraph">Cuidado Especializado</span>
              </div>
            </div>
          </div>
          <div className="aspect-square overflow-hidden rounded-2xl">
            <Image
              src="https://static.wixstatic.com/media/64af9d_d0ff272240984d7099796a5d4d7d6d2d~mv2.png?originWidth=576&originHeight=576"
              alt="Clínica Estrela TM - Nossa história"
              width={600}
              className="w-full h-full object-cover"
            />
          </div>
        </div>
      </section>
      {/* Confirmation Dialog */}
      <ConfirmationDialog
        open={confirmDialog.open}
        onOpenChange={(open) => setConfirmDialog({ open, plant: null })}
        title="Adicionar ao Carrinho"
        description={`Deseja adicionar "${confirmDialog.plant?.name}" ao seu carrinho?`}
        confirmText="Adicionar"
        cancelText="Cancelar"
        onConfirm={handleConfirmAddToCart}
      />
    </div>
  );
}/* End custom CSS */