.elementor-4747 .elementor-element.elementor-element-71d9dd3{--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:flex-start;--gap:40px 040px;--row-gap:40px;--column-gap:040px;}.elementor-4747 .elementor-element.elementor-element-71d9dd3:not(.elementor-motion-effects-element-type-background), .elementor-4747 .elementor-element.elementor-element-71d9dd3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F7F5;}.elementor-4747 .elementor-element.elementor-element-d9034b3{--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-4747 .elementor-element.elementor-element-531ee00{--display:flex;--border-radius:6px 6px 6px 6px;}.elementor-4747 .elementor-element.elementor-element-531ee00:not(.elementor-motion-effects-element-type-background), .elementor-4747 .elementor-element.elementor-element-531ee00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-4747 .elementor-element.elementor-element-06c6ec8{--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:center;}.elementor-4747 .elementor-element.elementor-element-06c6ec8:not(.elementor-motion-effects-element-type-background), .elementor-4747 .elementor-element.elementor-element-06c6ec8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.woocommerce .elementor-4747 .elementor-element.elementor-element-0ffcd46 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper, .woocommerce .elementor-4747 .elementor-element.elementor-element-0ffcd46 .flex-viewport{border-radius:6px 6px 6px 6px;}.elementor-4747 .elementor-element.elementor-element-4767622{--display:flex;--border-radius:8px 8px 8px 8px;}.elementor-4747 .elementor-element.elementor-element-4767622:not(.elementor-motion-effects-element-type-background), .elementor-4747 .elementor-element.elementor-element-4767622 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E7E2D9;}.elementor-4747 .elementor-element.elementor-element-222bda6{--display:flex;--border-radius:6px 6px 6px 6px;}.elementor-4747 .elementor-element.elementor-element-222bda6:not(.elementor-motion-effects-element-type-background), .elementor-4747 .elementor-element.elementor-element-222bda6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF9F7;}.elementor-4747 .elementor-element.elementor-element-3371df0{--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-style:none;--border-style:none;}.elementor-4747 .elementor-element.elementor-element-fd1d63f{--display:flex;border-style:none;--border-style:none;}.elementor-4747 .elementor-element.elementor-element-59c61c4{--display:flex;--flex-wrap:nowrap;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-4747 .elementor-element.elementor-element-2333e9a.elementor-element{--align-self:flex-end;}.woocommerce .elementor-4747 .elementor-element.elementor-element-2333e9a .price{color:#3D3D3D;font-family:"Georgia", Serif;font-weight:900;}.elementor-4747 .elementor-element.elementor-element-f8856e9.elementor-element{--align-self:flex-end;}.elementor-4747 .elementor-element.elementor-element-599ea6b.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-4747 .elementor-element.elementor-element-76ebc54{--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;border-style:none;--border-style:none;}.elementor-4747 .elementor-element.elementor-element-818a2b7{box-shadow:1px 1px 2px 0px rgba(0,0,0,0.5);}.elementor-4747 .elementor-element.elementor-element-82ca0e9{--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;border-style:none;--border-style:none;}.elementor-widget-wc-add-to-cart .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4747 .elementor-element.elementor-element-d421917 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Georgia", Serif;font-size:18px;font-weight:500;}.elementor-4747 .elementor-element.elementor-element-d421917 .elementor-button:hover, .elementor-4747 .elementor-element.elementor-element-d421917 .elementor-button:focus{background-color:var( --e-global-color-primary );}.elementor-4747 .elementor-element.elementor-element-d421917{padding:12px 24px 12px 24px;border-radius:6px 6px 6px 6px;box-shadow:1px 1px 2px 0.5px rgba(0,0,0,0.5);}.elementor-4747 .elementor-element.elementor-element-3a1a186{--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-4747 .elementor-element.elementor-element-3a1a186:not(.elementor-motion-effects-element-type-background), .elementor-4747 .elementor-element.elementor-element-3a1a186 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F7F5;}.elementor-4747 .elementor-element.elementor-element-ec1d675{background-color:var( --e-global-color-7ba512e );}.woocommerce .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.wc-tabs li{background-color:#FAF9F7;}.elementor-4747 .elementor-element.elementor-element-98fb7e9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-4747 .elementor-element.elementor-element-98fb7e9:not(.elementor-motion-effects-element-type-background), .elementor-4747 .elementor-element.elementor-element-98fb7e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7ba512e );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-related.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4747 .elementor-element.elementor-element-2f24759.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4747 .elementor-element.elementor-element-2f24759.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-4747 .elementor-element.elementor-element-2f24759.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Georgia", Serif;font-size:48px;font-weight:900;}.elementor-4747 .elementor-element.elementor-element-2f24759.elementor-wc-products ul.products li.product .star-rating{color:var( --e-global-color-accent );}.elementor-4747 .elementor-element.elementor-element-2f24759.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-d33a93d );font-family:"Noto Serif Georgian", Serif;font-size:16px;font-weight:400;}.elementor-4747 .elementor-element.elementor-element-2f24759.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-d33a93d );}.elementor-4747 .elementor-element.elementor-element-2f24759.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-d33a93d );}.elementor-4747 .elementor-element.elementor-element-2f24759.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-text );}.elementor-4747 .elementor-element.elementor-element-2f24759.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-text );}.elementor-4747 .elementor-element.elementor-element-2f24759.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-secondary-font-family ), Serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-4747 .elementor-element.elementor-element-2f24759.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4747 .elementor-element.elementor-element-2f24759.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-4747 .elementor-element.elementor-element-e780072{--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:center;--flex-wrap:nowrap;}.elementor-4747 .elementor-element.elementor-element-e780072:not(.elementor-motion-effects-element-type-background), .elementor-4747 .elementor-element.elementor-element-e780072 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFF2;}.elementor-4747 .elementor-element.elementor-element-d861123{--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:flex-start;--flex-wrap:nowrap;}.elementor-4747 .elementor-element.elementor-element-2ba3fca{--display:flex;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4747 .elementor-element.elementor-element-ac1da0c .elementor-button{background-color:var( --e-global-color-primary );}@media(max-width:1024px){.woocommerce .elementor-widget-woocommerce-product-price .price{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );}.elementor-4747 .elementor-element.elementor-element-2f24759.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4747 .elementor-element.elementor-element-2f24759.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-secondary-font-size );}}@media(min-width:768px){.elementor-4747 .elementor-element.elementor-element-71d9dd3{--content-width:1200px;}.elementor-4747 .elementor-element.elementor-element-531ee00{--width:55%;}.elementor-4747 .elementor-element.elementor-element-4767622{--width:45%;}.elementor-4747 .elementor-element.elementor-element-98fb7e9{--content-width:1200px;}.elementor-4747 .elementor-element.elementor-element-e780072{--content-width:1200px;}.elementor-4747 .elementor-element.elementor-element-d861123{--content-width:20%;}}@media(max-width:767px){.elementor-4747 .elementor-element.elementor-element-71d9dd3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.woocommerce .elementor-4747 .elementor-element.elementor-element-0ffcd46 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper, .woocommerce .elementor-4747 .elementor-element.elementor-element-0ffcd46 .flex-viewport{border-radius:4px 4px 4px 4px;}.woocommerce .elementor-4747 .elementor-element.elementor-element-0ffcd46 .flex-control-thumbs img{border-radius:2px 2px 2px 2px;}.elementor-4747 .elementor-element.elementor-element-4767622{--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-4747 .elementor-element.elementor-element-3371df0{--justify-content:space-between;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;--border-radius:4px 4px 4px 4px;--margin-top:04px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4747 .elementor-element.elementor-element-fd1d63f{--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4747 .elementor-element.elementor-element-59c61c4{--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.woocommerce .elementor-widget-woocommerce-product-price .price{font-size:var( --e-global-typography-primary-font-size );}.elementor-4747 .elementor-element.elementor-element-2333e9a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4747 .elementor-element.elementor-element-2333e9a.elementor-element{--align-self:flex-end;}.elementor-4747 .elementor-element.elementor-element-f8856e9{margin:-12px 5px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4747 .elementor-element.elementor-element-f8856e9.elementor-element{--align-self:flex-end;}.elementor-4747 .elementor-element.elementor-element-599ea6b{margin:0px 00px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4747 .elementor-element.elementor-element-599ea6b.elementor-element{--align-self:flex-end;}.elementor-4747 .elementor-element.elementor-element-76ebc54{--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4747 .elementor-element.elementor-element-818a2b7{border-radius:4px 4px 4px 4px;}.elementor-4747 .elementor-element.elementor-element-82ca0e9{--border-radius:0px 0px 0px 0px;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4747 .elementor-element.elementor-element-d421917{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 2px;border-radius:4px 4px 4px 4px;}.elementor-4747 .elementor-element.elementor-element-d421917 .elementor-button{font-size:10px;}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:var( --e-global-typography-primary-font-size );}.woocommerce .elementor-widget-woocommerce-product-related.elementor-wc-products .products > h2{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-woocommerce-product-related.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-primary-font-size );}.elementor-4747 .elementor-element.elementor-element-2f24759.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-4747 .elementor-element.elementor-element-2f24759.elementor-wc-products ul.products li.product .price{font-size:20px;}.elementor-4747 .elementor-element.elementor-element-2f24759.elementor-wc-products ul.products li.product .price del {font-size:var( --e-global-typography-secondary-font-size );}.elementor-4747 .elementor-element.elementor-element-e780072{--justify-content:space-between;--flex-wrap:nowrap;}.elementor-4747 .elementor-element.elementor-element-d861123{--justify-content:flex-start;--flex-wrap:nowrap;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-0ffcd46 *//* ── Reset geral da galeria ── */ .elementor-4747 .elementor-element.elementor-element-0ffcd46 .woocommerce-product-gallery { width: 100% !important; max-width: 100% !important; float: none !important; margin: 0 !important; background: #FAF9F7; position: relative; } /* ── TÉCNICA PADDING-BOTTOM para forçar 1:1 contra o Flexslider JS ── O Flexslider injeta style="height:Xpx" inline no .flex-viewport. height:0 !important vence o inline style. padding-bottom:100% define a proporção 1:1. Os slides ficam position:absolute preenchendo o espaço. */ .elementor-4747 .elementor-element.elementor-element-0ffcd46 .flex-viewport { height: 0 !important; padding-bottom: 100% !important; overflow: hidden !important; position: relative !important; } .elementor-4747 .elementor-element.elementor-element-0ffcd46 .flex-viewport ul.slides { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .elementor-4747 .elementor-element.elementor-element-0ffcd46 .flex-viewport li.woocommerce-product-gallery__image { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } {{WRAPPER}} .flex-viewport li.woocommerce-product-gallery__image a { display: block; width: 100%; height: 100%; } .elementor-4747 .elementor-element.elementor-element-0ffcd46 .flex-viewport li.woocommerce-product-gallery__image img { display: block !important; width: 100% !important; height: 100% !important; object-fit: contain !important; object-position: center center !important; } /* ── Esconder zoom e thumbnails ── */ .elementor-4747 .elementor-element.elementor-element-0ffcd46 .woocommerce-product-gallery__trigger { display: none !important; } .elementor-4747 .elementor-element.elementor-element-0ffcd46 ol.flex-control-thumbs { display: none !important; } /* ── Dots de navegação ── */ .elementor-4747 .elementor-element.elementor-element-0ffcd46 ol.flex-control-nav { position: absolute !important; bottom: 10px !important; left: 50% !important; transform: translateX(-50%) !important; display: flex !important; gap: 5px !important; list-style: none !important; margin: 0 !important; padding: 0 !important; z-index: 10 !important; width: auto !important; } .elementor-4747 .elementor-element.elementor-element-0ffcd46 ol.flex-control-nav li { margin: 0 !important; width: auto !important; } .elementor-4747 .elementor-element.elementor-element-0ffcd46 ol.flex-control-nav li a { width: 5px !important; height: 5px !important; border-radius: 50% !important; background: rgba(0,0,0,.2) !important; display: block !important; text-indent: -9999px !important; transition: all .2s !important; border: none !important; } .elementor-4747 .elementor-element.elementor-element-0ffcd46 ol.flex-control-nav li a.flex-active { width: 14px !important; border-radius: 3px !important; background: #4A6FA5 !important; } /* ── Contador numérico (injetado via snippet JS) ── */ .elementor-4747 .elementor-element.elementor-element-0ffcd46 .mum-gallery-counter { position: absolute; top: 12px; left: 14px; font-size: 10px; font-weight: 500; color: rgba(0,0,0,.35); letter-spacing: .5px; z-index: 10; line-height: 1; } /* ── Desktop: galeria pode ter proporção diferente ── */ @media (min-width: 1025px) { .elementor-4747 .elementor-element.elementor-element-0ffcd46 .flex-viewport { padding-bottom: 133.33% !important; /* Retrato 3:4 no desktop */ } }/* Esconder badge de oferta na página de produto */ {{WRAPPER}} span.onsale { display: none !important; } @media (min-width: 1025px) { .elementor-4747 .elementor-element.elementor-element-0ffcd46 span.onsale { display: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-06c6ec8 */.elementor-4747 .elementor-element.elementor-element-06c6ec8 { background: #E9EBF2; padding: 0 !important; position: relative; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-959ba73 */.elementor-4747 .elementor-element.elementor-element-959ba73 .mum-title-cat { /* "Pulseira de Couro" — categoria pequena acima do nome */ /* block força esta span a ocupar sua própria linha (sem block, "Pulseira de Couro" e "Scratched" ficariam lado a lado) */ display: block; /* TAMANHO da categoria. AUMENTAR = "Pulseira de Couro" maior DIMINUIR = "Pulseira de Couro" menor / mais discreto */ font-size: 10px; /* COR. #aaa é cinza claro (mesmo do mockup). Trocar por #555 = cinza médio, mais legível Trocar por #ccc = mais apagado ainda */ color: #aaa; /* Espaçamento entre as letras. AUMENTAR (1px, 2px) = letras mais espalhadas (visual mais "label" / premium) 0 ou negativo = letras coladas */ letter-spacing: .3px; /* PESO. 400 = normal, 500 = médio, 600 = semibold */ font-weight: 400; /* DISTÂNCIA entre "Pulseira de Couro" e "Scratched". AUMENTAR = afasta as duas linhas verticalmente DIMINUIR ou 0 = aproxima / cola as duas linhas */ margin-bottom: 3px; /* Compactação vertical do próprio texto da categoria */ line-height: 1.2; } .elementor-4747 .elementor-element.elementor-element-959ba73 .mum-title-model { /* "Scratched" — nome do modelo, destaque principal */ /* block para ocupar sua própria linha abaixo da categoria */ display: block; /* FONTE. Georgia é serifada (visual mais editorial / premium). Trocar por inherit = usa a fonte padrão do site */ font-family: Georgia, serif; /* TAMANHO do nome do modelo. Este é O valor de impacto visual do título. AUMENTAR (24, 26, 28) = "Scratched" mais imponente DIMINUIR (18, 20) = "Scratched" mais contido */ font-size: 26px; /* PESO. 700 = bold cheio. 600 = semibold (menos peso) 800 = extra bold (mais peso) */ font-weight: 700; /* COR principal. #4A6FA5 é o azul da marca. Trocar por #1c1c1a = nome em preto Trocar por #C8A165 = nome em ocre/dourado */ color: #4A6FA5; /* Altura da linha — 1.1 deixa o texto compacto. AUMENTAR (1.3, 1.5) = útil se o nome quebrar em duas linhas em produtos com nomes longos */ line-height: 1.1; /* Espaço entre letras. Valor negativo aproxima as letras (bom em fontes serifadas como Georgia em tamanhos grandes). 0 = espaçamento natural, valores positivos = letras espalhadas */ letter-spacing: -.2px; } @media (min-width: 1025px) { .elementor-4747 .elementor-element.elementor-element-959ba73 .mum-title-cat { /* Categoria um pouco maior no desktop */ font-size: 14px; } .elementor-4747 .elementor-element.elementor-element-959ba73 .mum-title-model { /* Nome do modelo bem maior no desktop — mais respiro de tela */ font-size: 35px; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-price, class: .elementor-element-2333e9a *//* =============================================================== PREÇO DO PRODUTO — WIDGET S2 =============================================================== */ /* Reset do container do widget */ .elementor-4747 .elementor-element.elementor-element-2333e9a { padding: 0 !important; margin-bottom: -20px !important; margin-top: 23px !important; } /* Container do preço — empilhado (riscado em cima, promocional embaixo) */ .elementor-4747 .elementor-element.elementor-element-2333e9a p.price { text-align: left !important; margin: 0 0 0 0 !important; line-height: 1.1 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; /* troque para center se quiser centralizado */ } /* Valor do preço normal (mín. e máx. do range) — MOBILE */ .elementor-4747 .elementor-element.elementor-element-2333e9a p.price .woocommerce-Price-amount { font-size: 20px !important; font-weight: 600 !important; color: #3D3D3D !important; white-space: nowrap !important; } /* Traço "–" entre os preços do range — MOBILE */ .elementor-4747 .elementor-element.elementor-element-2333e9a p.price > span[aria-hidden="true"] { font-size: 14px !important; color: #3D3D3D !important; margin: 0 4px !important; } /* Texto de acessibilidade do range — sempre invisível */ .elementor-4747 .elementor-element.elementor-element-2333e9a p.price .screen-reader-text { display: none !important; } /* --------------------------------------------------------------- PROMOÇÃO --------------------------------------------------------------- */ /* Preço original riscado () — MOBILE */ .elementor-4747 .elementor-element.elementor-element-2333e9a .price del, .elementor-4747 .elementor-element.elementor-element-2333e9a .price del .woocommerce-Price-amount { color: #aaa !important; text-decoration: line-through !important; text-decoration-color: #aaa !important; font-weight: 400 !important; font-size: 14px !important; margin-right: 0 !important; margin-bottom: 2px !important; /* respiro entre riscado e promocional */ opacity: 0.85 !important; } /* Preço promocional em destaque () — MOBILE */ .elementor-4747 .elementor-element.elementor-element-2333e9a .price ins, .elementor-4747 .elementor-element.elementor-element-2333e9a .price ins .woocommerce-Price-amount { background: transparent !important; color: #4A6FA5 !important; text-decoration: none !important; font-weight: 500 !important; font-size: 20px !important; } /* Garante que riscado e promocional ocupem linhas separadas */ .elementor-4747 .elementor-element.elementor-element-2333e9a .price del, .elementor-4747 .elementor-element.elementor-element-2333e9a .price ins { display: block !important; width: 100% !important; } /* Traço "–" na faixa de preços em promoção */ .elementor-4747 .elementor-element.elementor-element-2333e9a .price ins span[aria-hidden="true"] { color: #86ABE1 !important; margin: 0 4px !important; font-weight: 300 !important; } /* --------------------------------------------------------------- DESKTOP (min-width: 1025px) — todos os overrides juntos --------------------------------------------------------------- */ @media (min-width: 1025px) { /* Preço normal + traço do range */ .elementor-4747 .elementor-element.elementor-element-2333e9a p.price .woocommerce-Price-amount { font-size: 30px !important; } .elementor-4747 .elementor-element.elementor-element-2333e9a p.price > span[aria-hidden="true"] { font-size: 20px !important; } /* Preço riscado (promoção) */ .elementor-4747 .elementor-element.elementor-element-2333e9a .price del, .elementor-4747 .elementor-element.elementor-element-2333e9a .price del .woocommerce-Price-amount { font-size: 18px !important; } /* Preço promocional (destaque) */ .elementor-4747 .elementor-element.elementor-element-2333e9a .price ins, .elementor-4747 .elementor-element.elementor-element-2333e9a .price ins .woocommerce-Price-amount { font-size: 30px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-rating, class: .elementor-element-f8856e9 */.elementor-4747 .elementor-element.elementor-element-f8856e9 { /* Reset do container do widget */ padding: 0 !important; margin: 0 !important; } .elementor-4747 .elementor-element.elementor-element-f8856e9 .woocommerce-product-rating { /* Container que envolve as estrelas + a média. Usa flex para colocar estrelas e número "4.9" na MESMA linha. */ display: flex !important; flex-direction: row !important; align-items: center !important; /* Alinhamento horizontal do bloco inteiro: flex-start = esquerda center = centro flex-end = direita */ justify-content: flex-start !important; /* GAP entre as estrelas e o número da média (ex: "4.9"). AUMENTAR = "4.9" mais afastado das estrelas DIMINUIR = "4.9" colado nas estrelas */ gap: 5px !important; margin: 0 !important; float: none !important; } .elementor-4747 .elementor-element.elementor-element-f8856e9 .star-rating { /* TAMANHO das estrelas. Este é o controle principal de tamanho — as estrelas são caracteres. AUMENTAR = estrelas maiores DIMINUIR = estrelas menores Recomendado para mobile compacto: 10-12px */ font-size: 10px !important; /* LARGURA do bloco com as 5 estrelas. Se as estrelas estiverem sendo cortadas, aumentar este valor. A regra geral: width = font-size × 5.5 (em em) */ width: 5.5em !important; height: 1.2em !important; line-height: 1.2 !important; letter-spacing: 0 !important; float: none !important; display: block !important; overflow: hidden !important; position: relative !important; margin: 0 !important; flex-shrink: 0 !important; } .elementor-4747 .elementor-element.elementor-element-f8856e9 .star-rating::before { /* COR das estrelas VAZIAS (fundo). #DDE0EC = cinza azulado claro (recomendado, harmoniza com a marca) Mais claro = #eee Mais escuro = #ccc */ color: #DDE0EC !important; /* Espaço entre as 5 estrelas. AUMENTAR = estrelas mais espalhadas (precisa aumentar width também) 0 = estrelas coladas */ letter-spacing: 1px !important; position: absolute !important; top: 0 !important; left: 0 !important; } .elementor-4747 .elementor-element.elementor-element-f8856e9 .star-rating span { overflow: hidden !important; display: block !important; position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important; } .elementor-4747 .elementor-element.elementor-element-f8856e9 .star-rating span::before { /* COR das estrelas PREENCHIDAS — ocre da marca */ color: #C8A165 !important; letter-spacing: 1px !important; } .elementor-4747 .elementor-element.elementor-element-f8856e9 .woocommerce-review-link { /* Esconde o "(1 avaliação de cliente)" que está aparecendo agora */ display: none !important; } .elementor-4747 .elementor-element.elementor-element-f8856e9 .mum-rating-avg { /* Número da média (ex: "4.9") — injetado pelo snippet #32. TAMANHO da fonte do número. Em geral parecido com o tamanho das estrelas, ou um pouco maior */ font-size: 11px !important; /* PESO. 600 = semibold, 700 = bold */ font-weight: 600 !important; /* COR do número */ color: #1c1c1a !important; line-height: 1 !important; } @media (min-width: 1025px) { .elementor-4747 .elementor-element.elementor-element-f8856e9 .star-rating { /* Estrelas um pouco maiores no desktop */ font-size: 13px !important; } .elementor-4747 .elementor-element.elementor-element-f8856e9 .mum-rating-avg { font-size: 13px !important; } .elementor-4747 .elementor-element.elementor-element-f8856e9 .woocommerce-product-rating { gap: 6px !important; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-599ea6b */.elementor-4747 .elementor-element.elementor-element-599ea6b { /* Reset do container do widget */ padding: 0 !important; margin: 0 !important; line-height: 1 !important; } .elementor-4747 .elementor-element.elementor-element-599ea6b .mum-vendas-wrap { /* Container do "X vendidos" */ display: block !important; /* Alinhamento. Mesmo do preço/título acima: left = esquerda / right = direita / center = centro */ text-align: left !important; /* DISTÂNCIA do bloco de vendas para o preço acima. AUMENTAR = vendas mais afastado do preço DIMINUIR / 0 = vendas colado no preço */ margin-top: -15px !important; /* Compactação vertical interna */ line-height: 1.2 !important; } .elementor-4747 .elementor-element.elementor-element-599ea6b .mum-vendas-num { /* Número "301" — destacar levemente do texto ao lado */ /* TAMANHO do número. AUMENTAR = "301" mais destacado Igual ou levemente maior que o texto funciona melhor */ font-size: 12px !important; /* PESO. 600 = semibold (cria destaque sem peso excessivo). 700 = bold cheio se quiser mais ênfase */ font-weight: 600 !important; /* COR do número — cinza leve, ainda mais sútil que o padrão */ color: #aaa !important; display: inline !important; } .elementor-4747 .elementor-element.elementor-element-599ea6b .mum-vendas-texto { /* Texto "vendidos" — discreto, complementar ao número */ /* TAMANHO do texto. Recomendado igual ao número para harmonia visual */ font-size: 11px !important; /* COR do texto — cinza claro sutil. Trocar por #ccc = ainda mais apagado Trocar por #888 = um pouco mais legível */ color: #aaa !important; /* PESO. 400 = normal (sem destaque, deixa o número conduzir) */ font-weight: 400 !important; display: inline !important; } @media (min-width: 1025px) { .elementor-4747 .elementor-element.elementor-element-599ea6b .mum-vendas-num, .elementor-4747 .elementor-element.elementor-element-599ea6b .mum-vendas-texto { /* Levemente maior no desktop */ font-size: 12px !important; } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-818a2b7 */.elementor-4747 .elementor-element.elementor-element-818a2b7 { padding: 0 !important; margin: 0 !important; } .elementor-4747 .elementor-element.elementor-element-818a2b7 .mum-compat-badge { background: #eef4e8; border: 0.5px solid #b8d4a0; border-radius: 6px; padding:7px 10px; font-size: 10px; color: #357a1a; display: flex; align-items: flex-start; gap: 7px; line-height: 1.5; margin: 0; } .elementor-4747 .elementor-element.elementor-element-818a2b7 .mum-compat-ico { width: 14px; height: 14px; background: #357a1a; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 8px; flex-shrink: 0; margin-top: 1px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76ebc54 */.elementor-4747 .elementor-element.elementor-element-76ebc54 { padding: 14px 18px !important; border-bottom: 2px solid } @media (min-width: 1025px) { .elementor-4747 .elementor-element.elementor-element-76ebc54 { padding: 20px 40px !important; } }/* End custom CSS */ /* Start custom CSS for wc-add-to-cart, class: .elementor-element-d421917 *//* =============================================================== WIDGET ADD TO CART — SECAO 4 Colar em: CSS Personalizado do widget (aba Avancado) SUBSTITUIR todo o CSS anterior por este. REVISOES aplicadas nesta versao: - Removido bloco de codigo orfao (propriedades sem seletor) - Corrigido bug herdado do 4602: .woocommerce-variation-price nao e "4 em estoque", e o PRECO DA VARIACAO — reativado e estilizado - Unificado bloco do nome da variacao (removido text-indent -10em) =============================================================== */ /* --------------------------------------------------------------- RESET DO WIDGET --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-d421917 { padding: 0 !important; margin: 0 !important; } /* --------------------------------------------------------------- TABELA DE VARIACOES (Tamanho, Cor, Costura) --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-d421917 .variations { border: none !important; margin: 0 !important; width: 100% !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .variations tr, .elementor-4747 .elementor-element.elementor-element-d421917 .variations td, .elementor-4747 .elementor-element.elementor-element-d421917 .variations th { display: block !important; width: 100% !important; padding: 0 !important; border: none !important; background: transparent !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .variations tr { margin-bottom: 18px !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .variations .label { display: flex !important; justify-content: space-between !important; align-items: center !important; flex-wrap: nowrap !important; margin-bottom: 0px !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .variations .label label { font-size: 8px !important; text-transform: uppercase !important; letter-spacing: 1px !important; color: 888 !important; font-weight: 600 !important; line-height: 1 !important; margin: 5px !important; padding: 0 !important; } /* --------------------------------------------------------------- NOME DA VARIACAO SELECIONADA (ex: "20mm" ao lado de TAMANHO, "Coffee Brown" ao lado de COR) --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-d421917 .woo-selected-variation-item-name { font-size: 11px !important; color: #C8A165 !important; font-weight: 500 !important; white-space: nowrap !important; text-transform: none !important; letter-spacing: 0 !important; text-align: right !important; margin-right: 4px !important; padding: 0 !important; line-height: 1 !important; text-indent: -10em !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .woo-selected-variation-item-name::before { content: "• "; color: #C8A165 !important; font-weight: 500 !important; margin-right: 0 !important; } /* --------------------------------------------------------------- PILLS DE TEXTO — Tamanho (18mm/20mm/22mm) + Costura --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-d421917 .button-variable-items-wrapper { display: flex !important; flex-wrap: wrap !important; padding: 0 !important; margin: 0 !important; gap: 4px !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .button-variable-item { min-height: 28px !important; height: auto !important; padding: 0 8px !important; min-width: 0 !important; font-size: 12px !important; font-weight: 500 !important; border-radius: 4px !important; border: 1px solid #ddd !important; background: #fff !important; color: #1c1c1a !important; cursor: pointer !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; line-height: 1 !important; box-shadow: none !important; transition: all 0.15s ease !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .button-variable-item:hover { border-color: #86ABE1 !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .button-variable-item.selected { border: 1.5px solid #4A6FA5 !important; color: #4A6FA5 !important; font-weight: 600 !important; background: #eef3fa !important; } /* --------------------------------------------------------------- SWATCHES DE COR --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-d421917 .color-variable-items-wrapper { display: flex !important; flex-wrap: wrap !important; padding: 0 !important; margin: 0 !important; gap: 6px !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .color-variable-item { width: 22px !important; height: 22px !important; min-width: 22px !important; min-height: 22px !important; border-radius: 50% !important; padding: 0 !important; margin: 0 !important; border: 1px solid rgba(0,0,0,0.1) !important; cursor: pointer !important; box-shadow: none !important; overflow: hidden !important; transition: transform 0.15s ease !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .color-variable-item .variable-item-span, .elementor-4747 .elementor-element.elementor-element-d421917 .color-variable-item .variable-item-span-color { width: 100% !important; height: 100% !important; border-radius: 50% !important; display: block !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .color-variable-item.selected { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #4A6FA5 !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .color-variable-item:hover { transform: scale(1.1) !important; } /* --------------------------------------------------------------- LINK "LIMPAR" abaixo das variacoes --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-d421917 .reset_variations { font-size: 10px !important; color: #C8A165 !important; margin-top: 4px !important; display: inline-block !important; } /* --------------------------------------------------------------- PRECO DA VARIACAO SELECIONADA REATIVADO — corrige bug historico herdado do template 4602. .woocommerce-variation-price NAO e "4 em estoque". E o PRECO especifico da variacao selecionada pelo cliente. --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-price { display: block !important; padding: 10px 0 6px !important; margin: 0 !important; border: none !important; background: transparent !important; text-align: left !important; line-height: 1.2 !important; } /* Preco regular (variacao sem promocao) */ .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-price .price { font-size: 22px !important; font-weight: 600 !important; color: #3D3D3D !important; margin: 0 !important; padding: 0 !important; display: block !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-price .price .woocommerce-Price-amount { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; } /* Preco promocional — (riscado cinza) */ .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-price .price del, .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-price .price del .woocommerce-Price-amount { color: #aaa !important; text-decoration: line-through !important; text-decoration-color: #aaa !important; font-weight: 400 !important; font-size: 14px !important; margin-right: 8px !important; opacity: 0.85 !important; } /* Preco promocional — (destaque azul da marca) */ .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-price .price ins, .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-price .price ins .woocommerce-Price-amount { background: transparent !important; color: #4A6FA5 !important; text-decoration: none !important; font-weight: 600 !important; font-size: 24px !important; } /* --------------------------------------------------------------- MENSAGEM DE ESTOQUE / WHATSAPP REPOSICAO Renderizada pelo Snippet #6 quando variacao esta sem estoque. Captacao de leads = critica para o negocio, NUNCA ocultar. --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-availability { margin-top: 8px !important; padding: 10px 12px !important; background: #FFF8E7 !important; border-left: 3px solid #C8A165 !important; border-radius: 4px !important; font-size: 12px !important; color: #1c1c1a !important; line-height: 1.5 !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-availability p { margin: 0 !important; font-size: 12px !important; color: #1c1c1a !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-availability a { color: #4A6FA5 !important; font-weight: 600 !important; text-decoration: underline !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-availability a:hover { color: #3a5c8f !important; } /* Estoque normal (quando em estoque) — discreto e verde */ .elementor-4747 .elementor-element.elementor-element-d421917 .stock.in-stock { font-size: 11px !important; color: #357a1a !important; margin-top: 6px !important; } /* --------------------------------------------------------------- OCULTAR botao "Adicionar ao Carrinho" + campo quantidade deste widget. A acao fica exclusivamente no sticky footer. --------------------------------------------------------------- */ @media (max-width: 767px) { .elementor-4747 .elementor-element.elementor-element-d421917 .quantity { display: none !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .single_add_to_cart_button { display: none !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-add-to-cart { display: none !important; } } /* --------------------------------------------------------------- OVERRIDE ZEBRADO DO TEMA HELLO BIZ --------------------------------------------------------------- */ table.variations > tbody > tr:nth-child(odd) > td, table.variations > tbody > tr:nth-child(even) > td, table.variations > tbody > tr:nth-child(odd) > th, table.variations > tbody > tr:nth-child(even) > th, table.variations > tbody > tr > td, table.variations > tbody > tr > th { background: transparent !important; background-color: transparent !important; } /* --------------------------------------------------------------- ESTADO DISABLED: botao "Adicionar ao Carrinho" quando nenhuma variacao ainda foi selecionada. Sem esta regra, tema Hello Biz e/ou WVS aplicam roxo default. --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-d421917 .single_add_to_cart_button.disabled, .elementor-4747 .elementor-element.elementor-element-d421917 .single_add_to_cart_button.wc-variation-selection-needed, .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button { background: #4A6FA5 !important; /* azul primary da marca */ color: #fff !important; opacity: 0.6 !important; /* sinal visual de "desabilitado" */ cursor: not-allowed !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .single_add_to_cart_button.disabled:hover, .elementor-4747 .elementor-element.elementor-element-d421917 .single_add_to_cart_button.wc-variation-selection-needed:hover { background: #4A6FA5 !important; /* mantem cor no hover pra deixar claro que nao clica */ opacity: 0.6 !important; } /* --------------------------------------------------------------- DESKTOP --------------------------------------------------------------- */ @media (min-width: 1025px) { .elementor-4747 .elementor-element.elementor-element-d421917 .variations .label label { font-size: 11px !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .button-variable-item { min-height: 30px !important; padding: 0 14px !important; font-size: 12px !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .color-variable-item { width: 24px !important; height: 24px !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .variations tr { margin-bottom: 14px !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .woo-selected-variation-item-name::before { font-size: 12px !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-availability { padding: 12px 16px !important; font-size: 13px !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-price .price { font-size: 28px !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-price .price del, .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-price .price del .woocommerce-Price-amount { font-size: 16px !important; } .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-price .price ins, .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-price .price ins .woocommerce-Price-amount { font-size: 30px !important; } }/* =============================================================== AJUSTE FINAL — APLICAR AMANHÃ, DEPOIS DE CONFIRMAR QUE O SNIPPET DE ESPELHO FUNCIONA =============================================================== Depois de aplicar o snippet via Claude Code E confirmar que ao selecionar uma variação o preço aparece no topo (S2) corretamente, aplique este ajuste no CSS Personalizado do widget Add to Cart da S4. O que faz: oculta o preço da variação que agora aparece duplicado embaixo (já que o espelho leva para o topo). COMO APLICAR: 1. Abre o CSS Personalizado do widget Add to Cart (S4) 2. Procura o bloco atual de .woocommerce-variation-price que já estilizamos hoje (com padding, del, ins etc) 3. SUBSTITUI aquele bloco inteiro por este único: =============================================================== */ .elementor-4747 .elementor-element.elementor-element-d421917 .woocommerce-variation-price { display: none !important; } /* Isso é tudo. Todo o bloco antigo de estilização do .woocommerce-variation-price (preço regular, del, ins, e o correspondente no @media desktop) fica desnecessário porque o preço agora aparece no topo, não neste widget. */ /* IMPORTANTE: NÃO apagar o bloco de .woocommerce-variation-availability (mensagem de estoque / WhatsApp) — esse continua ativo, é a captação de leads do Snippet #6. *//* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-82ca0e9 */.elementor-4747 .elementor-element.elementor-element-82ca0e9 { padding: 14px 18px !important; border-bottom: 2px solid } @media (min-width: 1025px) { .elementor-4747 .elementor-element.elementor-element-82ca0e9 { padding: 20px 40px !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-ec1d675 *//* ═══════════════════════════════════════════════════════════════ MOBILE — Override mobile-first com especificidade reforçada Cobre o cenário onde JS do tema reescreve classes após o load ═══════════════════════════════════════════════════════════════ */ @media (max-width: 1024px) { body.single-product .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs, body .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs { display: flex !important; border-bottom: 1px solid #DDE0EC !important; padding: 0 !important; margin: 0 !important; background: #F4F8F4 !important; list-style: none !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs::before, body .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs::after { display: none !important; content: none !important; } body.single-product .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs li, body .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs li { flex: 1 !important; background: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs li::before, body .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs li::after { display: none !important; content: none !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs li a { display: block !important; padding: 14px 8px !important; font-size: 11px !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: .8px !important; text-align: center !important; color: #888 !important; border-bottom: 2px solid transparent !important; margin-bottom: -1px !important; text-decoration: none !important; white-space: nowrap !important; background: transparent !important; transition: all 0.2s ease !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs li a:hover { color: #4A6FA5 !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs li.active a { color: #4A6FA5 !important; border-bottom-color: #4A6FA5 !important; font-weight: 600 !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Tabs-panel { background: #F4F8F4 !important; padding: 20px 18px 24px !important; border: none !important; box-shadow: none !important; margin: 0 !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Tabs-panel > h2:first-child, body .elementor-4747 .elementor-element.elementor-element-ec1d675 #tab-reviews > h2:first-child, body .elementor-4747 .elementor-element.elementor-element-ec1d675 #tab-description > h2:first-child, body .elementor-4747 .elementor-element.elementor-element-ec1d675 #tab-additional_information > h2:first-child, body .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Reviews-title { display: none !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Tabs-panel p { font-size: 12px !important; color: #555 !important; line-height: 1.7 !important; margin: 0 0 12px 0 !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Tabs-panel h3, body .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Tabs-panel h4 { font-family: Georgia, serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1c1c1a !important; margin: 14px 0 6px 0 !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 table.shop_attributes, body .elementor-4747 .elementor-element.elementor-element-ec1d675 .shop_attributes { border: none !important; margin: 0 !important; width: 100% !important; border-collapse: collapse !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .shop_attributes tr, body .elementor-4747 .elementor-element.elementor-element-ec1d675 .shop_attributes tr:nth-child(odd), body .elementor-4747 .elementor-element.elementor-element-ec1d675 .shop_attributes tr:nth-child(even) { background: transparent !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .shop_attributes th { font-size: 11px !important; font-weight: 600 !important; color: #1c1c1a !important; padding: 10px 0 !important; border-bottom: 1px solid #DDE0EC !important; width: 40% !important; text-align: left !important; text-transform: uppercase !important; letter-spacing: .5px !important; background: transparent !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .shop_attributes td { font-size: 12px !important; color: #555 !important; padding: 10px 0 !important; border-bottom: 1px solid #DDE0EC !important; background: transparent !important; font-style: normal !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .shop_attributes td p { margin: 0 !important; font-size: 12px !important; color: #555 !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .commentlist, body .elementor-4747 .elementor-element.elementor-element-ec1d675 ol.commentlist { list-style: none !important; padding: 0 !important; margin: 0 !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .commentlist li, body .elementor-4747 .elementor-element.elementor-element-ec1d675 ol.commentlist li { border: none !important; border-bottom: 1px solid #DDE0EC !important; padding: 14px 0 !important; margin: 0 !important; background: transparent !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .commentlist li:last-child { border-bottom: none !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Tabs-panel .star-rating::before { color: #DDE0EC !important; } body .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Tabs-panel .star-rating span::before { color: #C8A165 !important; } } /* ═══════════════════════════════════════════════════════════════ FALLBACK GERAL (sem media query — base) ═══════════════════════════════════════════════════════════════ */ .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs { display: flex !important; border-bottom: 1px solid #DDE0EC !important; padding: 0 !important; margin: 0 !important; list-style: none !important; background: #E7E2D9 !important; gap: 0 !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs::before, .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs::after { display: none !important; content: none !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs li { flex: 1 !important; padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs li::before, .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs li::after { display: none !important; content: none !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs li a { display: block !important; padding: 14px 8px !important; font-size: 11px !important; font-weight: 500 !important; text-transform: uppercase !important; letter-spacing: .8px !important; text-align: center !important; color: #888 !important; border-bottom: 2px solid transparent !important; margin-bottom: -1px !important; text-decoration: none !important; white-space: nowrap !important; background: transparent !important; transition: all 0.2s ease !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs li a:hover { color: #4A6FA5 !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs li.active a { color: #4A6FA5 !important; border-bottom-color: #4A6FA5 !important; font-weight: 600 !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Tabs-panel { background: #FFFFFF !important; padding: 20px 18px 24px !important; border: none !important; box-shadow: none !important; margin: 0 !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Tabs-panel > h2:first-child, .elementor-4747 .elementor-element.elementor-element-ec1d675 #tab-reviews > h2:first-child, .elementor-4747 .elementor-element.elementor-element-ec1d675 #tab-description > h2:first-child, .elementor-4747 .elementor-element.elementor-element-ec1d675 #tab-additional_information > h2:first-child, .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Reviews-title { display: none !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Tabs-panel p { font-size: 12px !important; color: #555 !important; line-height: 1.7 !important; margin: 0 0 12px 0 !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Tabs-panel h3, .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Tabs-panel h4 { font-family: Georgia, serif !important; font-size: 14px !important; font-weight: 700 !important; color: #1c1c1a !important; margin: 14px 0 6px 0 !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 table.shop_attributes, .elementor-4747 .elementor-element.elementor-element-ec1d675 .shop_attributes { border: none !important; margin: 0 !important; width: 100% !important; border-collapse: collapse !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .shop_attributes tr, .elementor-4747 .elementor-element.elementor-element-ec1d675 .shop_attributes tr:nth-child(odd), .elementor-4747 .elementor-element.elementor-element-ec1d675 .shop_attributes tr:nth-child(even) { background: transparent !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .shop_attributes th { font-size: 11px !important; font-weight: 600 !important; color: #1c1c1a !important; padding: 10px 0 !important; border-bottom: 1px solid #DDE0EC !important; width: 40% !important; text-align: left !important; text-transform: uppercase !important; letter-spacing: .5px !important; background: transparent !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .shop_attributes td { font-size: 12px !important; color: #555 !important; padding: 10px 0 !important; border-bottom: 1px solid #DDE0EC !important; background: transparent !important; font-style: normal !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .commentlist, .elementor-4747 .elementor-element.elementor-element-ec1d675 ol.commentlist { list-style: none !important; padding: 0 !important; margin: 0 !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .commentlist li, .elementor-4747 .elementor-element.elementor-element-ec1d675 ol.commentlist li { border: none !important; border-bottom: 1px solid #DDE0EC !important; padding: 14px 0 !important; margin: 0 !important; background: transparent !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .commentlist li:last-child { border-bottom: none !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Tabs-panel .star-rating::before { color: #DDE0EC !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Tabs-panel .star-rating span::before { color: #C8A165 !important; } /* ═══════════════════════════════════════════════════════════════ DESKTOP — fontes e paddings maiores ═══════════════════════════════════════════════════════════════ */ @media (min-width: 1025px) { .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-tabs ul.tabs li a { font-size: 12px !important; padding: 16px 8px !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Tabs-panel { padding: 28px 40px 32px !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Tabs-panel p { font-size: 13px !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .shop_attributes th, .elementor-4747 .elementor-element.elementor-element-ec1d675 .shop_attributes td { font-size: 13px !important; } } /* trigger v2 */ /* =============================================================== OCULTAR FORMULARIO DE AVALIACAO — WIDGET PRODUCT TABS (S6) Colar APOS o CSS existente do widget de Abas de Dados do Produto. NAO substituir o que ja existe - so ADICIONAR ao final. Mantem visivel: - Aba "Avaliacoes" no cabecalho - Media de estrelas e contagem - Lista de avaliacoes existentes (com fotos, textos, autores) Oculta: - Formulario "Adicionar uma avaliacao" (campo de escrita) - Titulo "Adicionar uma avaliacao" - Botao "Enviar" Clientes que compraram continuam podendo avaliar via link do CusRev enviado por email pos-entrega. =============================================================== */ /* --------------------------------------------------------------- FORMULARIO PRINCIPAL DE ESCRITA (wrapper WooCommerce nativo) --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-ec1d675 #review_form_wrapper, .elementor-4747 .elementor-element.elementor-element-ec1d675 #respond, .elementor-4747 .elementor-element.elementor-element-ec1d675 .comment-respond, .elementor-4747 .elementor-element.elementor-element-ec1d675 #reply-title { display: none !important; } /* --------------------------------------------------------------- CAMPOS ESPECIFICOS DO CUSREV Cobre variacoes de classe caso o plugin renderize diferente --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-ec1d675 .ivole-review-form, .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-review-form, .elementor-4747 .elementor-element.elementor-element-ec1d675 form.comment-form, .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-form-container, .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-form-wrapper { display: none !important; } /* --------------------------------------------------------------- MENSAGEM ALTERNATIVA (opcional — deixe comentado para nao exibir) Para exibir um aviso no lugar do formulario, descomente e ajuste o texto abaixo. --------------------------------------------------------------- */ /* .elementor-4747 .elementor-element.elementor-element-ec1d675 .woocommerce-Reviews::after { content: "Enviamos um link exclusivo para avaliacao por email apos a entrega do seu pedido."; display: block; padding: 12px 14px; margin-top: 16px; background: #F2F4F8; border-left: 3px solid #C8A165; border-radius: 4px; font-size: 12px; color: #555; line-height: 1.5; font-style: italic; } */ /* ═══════════════════════════════════════════════════════════════ CUSREV LAYOUT AJAX — Complemento de marca v2 (peças exclusivas) Colar ao FINAL do custom_css do widget #ec1d675 (template 4747). NÃO substitui nada. Estrelas do CusRev são SVG, não .star-rating. ═══════════════════════════════════════════════════════════════ */ /* ── Estrelas dos cards (SVG 3 camadas, usam currentColor) ── Medido no DOM: cor vem de .cr-rating-icon-frnt (cheia) e .cr-rating-icon-bg (vazia), via `color` (currentColor), NÃO fill. As classes .cr-rating-act/.cr-rating-deact NÃO pintam os cards. */ .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-rating-icon-frnt { color: #C8A165 !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-rating-icon-bg { color: #DDE0EC !important; } /* ── Estrela grande do bloco "sem resumo" (SVG separado, fill inline #F4DB6B) ── Aqui é fill mesmo — não trocar por color. */ .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-nosummary-rating-cnt svg path { fill: #C8A165 !important; } /* ── Bloco "sem resumo" (rating grande; botão sai via option) ── */ .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-ajax-reviews-nosummary { display: flex !important; align-items: center !important; gap: 16px !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-nosummary-rating-val { color: #1c1c1a !important; font-family: Georgia, serif !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-nosummary-rating-lbl { color: #555 !important; letter-spacing: .5px !important; } /* ── Busca ── */ .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-ajax-search input.cr-input-text { background: #F8F7F5 !important; border: 1px solid #DDE0EC !important; color: #1c1c1a !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-ajax-search input.cr-input-text::placeholder { color: #888 !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-ajax-search-icon path { fill: #4A6FA5 !important; } /* ── Contador + ordenação ── */ .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-count-row-count { color: #555 !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 select.cr-ajax-reviews-sort { border: 1px solid #DDE0EC !important; color: #555 !important; } /* ── Avatar de iniciais (UNIFORME em azul de marca) + check verificado ── */ .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-avatar { background: #4A6FA5 !important; color: #FFFFFF !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-avatar-check svg path { fill: #C8A165 !important; } /* ── Meta do autor ── */ .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-meta-author-title { color: #1c1c1a !important; font-family: Georgia, serif !important; font-weight: 700 !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-meta-author-featured-date { color: #888 !important; } /* ── Texto do review ── */ .elementor-4747 .elementor-element.elementor-element-ec1d675 .description.cr-comment-text { color: #555 !important; line-height: 1.7 !important; } /* ── Fotos DENTRO dos cards (polimento) ── */ .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-comment-images img, .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-comment-image-top-item img { border-radius: 4px !important; border: 1px solid #DDE0EC !important; } /* ── Botão "Mostrar mais avaliações" (só aparece com >5 reviews) ── */ .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-show-more-reviews-prd { background: #4A6FA5 !important; color: #FFFFFF !important; border: none !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-show-more-reviews-prd:hover { background: #C8A165 !important; } /* ── Modal / lightbox das fotos ── */ .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-ajax-reviews-cus-images-modal { background: rgba(0,0,0,.6) !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-ajax-reviews-cus-images-modal-cont { background: #FFFFFF !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-ajax-reviews-cus-images-title { color: #1c1c1a !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-ajax-reviews-cus-images-close svg path { fill: #1c1c1a !important; } /* ═══════════════════════════════════════════════════════════════ v2.1 (patch, colar após v2) 1) .cr-comment-text sem exigir .description 2) esconder botão "Adicionar uma avaliação" + form pré-renderizado ═══════════════════════════════════════════════════════════════ */ .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-comment-text { color: #555 !important; line-height: 1.7 !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-nosummary-add, .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-summary-add { display: none !important; } .elementor-4747 .elementor-element.elementor-element-ec1d675 .cr-ajax-reviews-review-form, .elementor-4747 .elementor-element.elementor-element-ec1d675 #review_form_wrapper { display: none !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3a1a186 */.elementor-4747 .elementor-element.elementor-element-3a1a186 { padding: 0 !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-product-related, class: .elementor-element-2f24759 *//* =============================================================== SECAO 7 - PRODUTOS RELACIONADOS (versao CARROSSEL) Widget: WooCommerce Produtos Relacionados (nativo) Colar em: CSS Personalizado do widget (aba Avancado) IMPORTANTE: SUBSTITUIR todo o CSS anterior por este. =============================================================== */ /* --------------------------------------------------------------- TITULO DA SECAO --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-2f24759 .related > h2 { font-size: 9px !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: #aaa !important; font-weight: 400 !important; font-family: inherit !important; padding: 0 18px !important; margin-bottom: 14px !important; } /* --------------------------------------------------------------- CARROSSEL HORIZONTAL --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products { display: flex !important; flex-wrap: nowrap !important; gap: 10px !important; padding: 0 18px !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; list-style: none !important; margin: 0 !important; } .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products::-webkit-scrollbar { display: none !important; } /* --------------------------------------------------------------- CARD DO PRODUTO position:relative ancora as badges | flex column empurra preco pro fundo --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product { flex: 0 0 100px !important; width: 100px !important; background: #F2F4F8 !important; border-radius: 7px !important; overflow: hidden !important; margin: 0 !important; position: relative !important; display: flex !important; flex-direction: column !important; } .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product img { width: 100% !important; height: 100px !important; object-fit: contain !important; display: block !important; padding: 8px !important; } /* --------------------------------------------------------------- NOME DO PRODUTO min-height forca alinhamento entre cards --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .woocommerce-loop-product__title { font-size: 10px !important; color: #1c1c1a !important; padding: 4px 8px 2px !important; margin: 0 !important; line-height: 1.3 !important; font-family: inherit !important; font-weight: 400 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; min-height: 2.6em !important; } /* --------------------------------------------------------------- RATING (ESTRELAS) - COR OCRE --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .star-rating { font-size: 8px !important; margin: 2px 8px 2px !important; padding: 0 !important; height: 10px !important; line-height: 1 !important; color: #E9EBF2 !important; display: block !important; float: none !important; overflow: hidden !important; position: relative !important; } .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .star-rating::before { color: #E9EBF2 !important; } .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .star-rating span { color: #C8A165 !important; overflow: hidden !important; } .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .star-rating span::before { color: #C8A165 !important; } /* --------------------------------------------------------------- PRECO (grudado no fundo do card) --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .price { font-size: 11px !important; font-weight: 500 !important; color: #1c1c1a !important; padding: 0 8px 10px !important; margin: 0 !important; display: block !important; margin-top: auto !important; } .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .price ins { text-decoration: none !important; color: #C8A165 !important; font-weight: 600 !important; background: transparent !important; } .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .price del { color: #aaa !important; font-size: 9px !important; margin-right: 4px !important; } /* --------------------------------------------------------------- OCULTAR BOTAO "ADICIONAR AO CARRINHO" DO CARD --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .button, .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .add_to_cart_button { display: none !important; } /* --------------------------------------------------------------- BADGE NATIVO WC "OFERTA" (produto em promocao) --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .onsale { position: absolute !important; top: 5px !important; left: 5px !important; background: #C8A165 !important; color: #fff !important; font-size: 7px !important; font-weight: 700 !important; letter-spacing: 0.4px !important; padding: 1px 5px !important; border-radius: 2px !important; margin: 0 !important; line-height: 1.3 !important; min-height: auto !important; min-width: auto !important; border: none !important; z-index: 3 !important; text-transform: uppercase !important; white-space: nowrap !important; opacity: 0.92 !important; } /* --------------------------------------------------------------- BADGES CUSTOMIZADAS (injetadas pelo Snippet PHP) AJUSTADO: menores conforme feedback --------------------------------------------------------------- */ .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .mum-badge-relacionados { position: absolute !important; top: 5px !important; left: 5px !important; color: #fff !important; font-size: 7px !important; font-weight: 700 !important; letter-spacing: 0.4px !important; padding: 1px 5px !important; border-radius: 2px !important; line-height: 1.3 !important; z-index: 3 !important; text-transform: uppercase !important; pointer-events: none !important; white-space: nowrap !important; opacity: 0.92 !important; } .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .mum-badge-vendido { background: #4A6FA5 !important; } .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .mum-badge-novidade { background: #86ABE1 !important; } /* --------------------------------------------------------------- DESKTOP --------------------------------------------------------------- */ @media (min-width: 1025px) { .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product { flex: 0 0 130px !important; width: 130px !important; } .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product img { height: 130px !important; } .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .woocommerce-loop-product__title { font-size: 11px !important; } .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .price { font-size: 12px !important; } .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .star-rating { font-size: 9px !important; height: 11px !important; } .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .mum-badge-relacionados, .elementor-4747 .elementor-element.elementor-element-2f24759 ul.products li.product .onsale { font-size: 8px !important; padding: 2px 6px !important; top: 6px !important; left: 6px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-98fb7e9 */.elementor-4747 .elementor-element.elementor-element-98fb7e9 { padding: 16px 0 20px !important; } @media (min-width: 1025px) { .elementor-4747 .elementor-element.elementor-element-98fb7e9 { padding: 24px 0 28px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d861123 *//* O container envolve o widget HTML. Como estamos um nível acima da estrutura, usamos seletores diretos sem prefixo de widget */ .elementor-4747 .elementor-element.elementor-element-d861123 .mum-sticky-qty { display: flex !important; align-items: center !important; border: 1px solid #dde0ec !important; border-radius: 8px !important; overflow: hidden !important; height: 36px !important; background: #fff !important; } .elementor-4747 .elementor-element.elementor-element-d861123 .mum-qty-minus { width: 26px !important; height: 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; color: #555 !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1 !important; cursor: pointer !important; border: none !important; border-radius: 0 !important; user-select: none !important; padding: 0 !important; font-family: inherit !important; } .elementor-4747 .elementor-element.elementor-element-d861123 .mum-qty-plus { width: 26px !important; height: 36px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; color: #555 !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1 !important; cursor: pointer !important; border: none !important; border-radius: 0 !important; user-select: none !important; padding: 0 !important; font-family: inherit !important; } .elementor-4747 .elementor-element.elementor-element-d861123 .mum-qty-minus:hover, .elementor-4747 .elementor-element.elementor-element-d861123 .mum-qty-plus:hover { background: #f5f6fa !important; } .elementor-4747 .elementor-element.elementor-element-d861123 .mum-qty-num { display: flex !important; align-items: center !important; justify-content: center !important; width: 22px !important; height: 36px !important; font-size: 13px !important; font-weight: 600 !important; color: #1c1c1a !important; background: #fff !important; border-left: 1px solid #dde0ec !important; border-right: 1px solid #dde0ec !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-ac1da0c */.elementor-4747 .elementor-element.elementor-element-ac1da0c { padding: 0 !important; margin: 0 !important; } .elementor-4747 .elementor-element.elementor-element-ac1da0c .elementor-button-wrapper { width: 100% !important; display: block !important; } /* Botão em todos os estados — usar especificidade alta para vencer o ocre padrão do tema Hello Biz */ .elementor-4747 .elementor-element.elementor-element-ac1da0c .elementor-button, .elementor-4747 .elementor-element.elementor-element-ac1da0c a.elementor-button, .elementor-4747 .elementor-element.elementor-element-ac1da0c button.elementor-button, body .elementor-4747 .elementor-element.elementor-element-ac1da0c .elementor-button, body .elementor-4747 .elementor-element.elementor-element-ac1da0c a.elementor-button { /* COR DE FUNDO — azul primário da marca */ background: #4A6FA5 !important; background-color: #4A6FA5 !important; background-image: none !important; /* COR DO TEXTO */ color: #fff !important; border: none !important; border-radius: 8px !important; /* ALTURA do botão — mesma do seletor de qty */ height: 44px !important; width: 100% !important; /* TAMANHO do texto */ font-size: 13px !important; font-weight: 600 !important; letter-spacing: .3px !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; padding: 0 !important; box-shadow: none !important; text-decoration: none !important; transition: background 0.15s ease !important; } .elementor-4747 .elementor-element.elementor-element-ac1da0c .elementor-button:hover, .elementor-4747 .elementor-element.elementor-element-ac1da0c a.elementor-button:hover, body .elementor-4747 .elementor-element.elementor-element-ac1da0c .elementor-button:hover { background: #3a5c8f !important; background-color: #3a5c8f !important; color: #fff !important; } .elementor-4747 .elementor-element.elementor-element-ac1da0c .elementor-button-text, .elementor-4747 .elementor-element.elementor-element-ac1da0c .elementor-button .elementor-button-text { color: #fff !important; } @media (min-width: 1025px) { .elementor-4747 .elementor-element.elementor-element-ac1da0c .elementor-button, .elementor-4747 .elementor-element.elementor-element-ac1da0c a.elementor-button, body .elementor-4747 .elementor-element.elementor-element-ac1da0c .elementor-button { height: 48px !important; font-size: 14px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2ba3fca */.elementor-4747 .elementor-element.elementor-element-2ba3fca { background: transparent !important; padding: 0 !important; margin: 0 !important; /* Cresce e ocupa todo o espaço restante */ flex: 1 1 auto !important; min-width: 0 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e780072 */.elementor-4747 .elementor-element.elementor-element-e780072 { /* Sticky fixo no rodapé */ box-sizing: border-box !important; /* Fundo branco limpo (igual ao mockup) */ background: #fff !important; /* Linha superior de separação */ border-top: 1px solid #e8e8e8 !important; /* Sombra leve para destacar da área de conteúdo */ box-shadow: 0 -2px 12px rgba(0,0,0,0.06) !important; /* PADDING INTERNO. Compacto para não ocupar muito da tela. 1º valor = topo / 2º = laterais / 3º = fundo AUMENTAR = sticky mais alto */ padding: 6px 10px !important; /* Layout horizontal: qty à esquerda, botão à direita */ display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; /* ESPAÇO entre o seletor de quantidade e o botão. AUMENTAR = mais separação visual */ gap: 6px !important; } @media (min-width: 1025px) { .elementor-4747 .elementor-element.elementor-element-e780072 { padding: 8px 36px !important; gap: 10px !important; } }/* End custom CSS */