.elementor-11818 .elementor-element.elementor-element-db4bc88{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-11818 .elementor-element.elementor-element-dfef616{--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;}.woocommerce .elementor-11818 .elementor-element.elementor-element-e8661d6 .flex-viewport:not(:last-child){margin-bottom:37px;}.woocommerce .elementor-11818 .elementor-element.elementor-element-e8661d6 .flex-control-thumbs li{padding-right:calc(33px / 2);padding-left:calc(33px / 2);padding-bottom:33px;}.woocommerce .elementor-11818 .elementor-element.elementor-element-e8661d6 .flex-control-thumbs{margin-right:calc(-33px / 2);margin-left:calc(-33px / 2);}.elementor-11818 .elementor-element.elementor-element-4f41e4f{--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:50px;--padding-right:0px;}.elementor-11818 .elementor-element.elementor-element-61cc7ed .woocommerce-breadcrumb{color:var( --e-global-color-d0d1037 );}.elementor-11818 .elementor-element.elementor-element-61cc7ed .woocommerce-breadcrumb > a{color:#000000;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11818 .elementor-element.elementor-element-1690df3 .wpr-product-description p{color:#787878;text-align:left;}.elementor-11818 .elementor-element.elementor-element-1690df3 .wpr-product-description li{color:#787878;}.elementor-11818 .elementor-element.elementor-element-1690df3 .wpr-product-description a{color:#787878;}.elementor-11818 .elementor-element.elementor-element-1690df3 .wpr-product-description pre{color:#787878;text-align:left;}.elementor-11818 .elementor-element.elementor-element-1690df3 .wpr-product-description p, .elementor-11818 .elementor-element.elementor-element-1690df3 .wpr-product-description li, .elementor-11818 .elementor-element.elementor-element-1690df3 .wpr-product-description a, .elementor-11818 .elementor-element.elementor-element-1690df3 pre{font-size:14px;}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11818 .elementor-element.elementor-element-885b63f .cart button, .elementor-11818 .elementor-element.elementor-element-885b63f .cart .button{transition:all 0.2s;}.elementor-11818 .elementor-element.elementor-element-885b63f .quantity .qty{transition:all 0.2s;}@media(max-width:767px){.elementor-11818 .elementor-element.elementor-element-4f41e4f{--padding-top:19px;--padding-bottom:19px;--padding-left:19px;--padding-right:19px;}}@media(min-width:768px){.elementor-11818 .elementor-element.elementor-element-dfef616{--width:50%;}.elementor-11818 .elementor-element.elementor-element-4f41e4f{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-db4bc88 *//* ========================================================== SHOUTLOUD — CORREÇÃO FORMULÁRIO DE COMPRA COLE NO FINAL DO CSS ANTERIOR ========================================================== */ /* FORÇA O WIDGET A OCUPAR A LARGURA TODA */ .elementor-11818 .elementor-element-885b63f, .elementor-11818 .elementor-element-885b63f .elementor-widget-container, .elementor-11818 .elementor-element-885b63f .elementor-add-to-cart, .elementor-11818 .elementor-element-885b63f .elementor-product-simple { width: 100% !important; max-width: none !important; } /* ========================================================== FORMULÁRIO Quantidade + botão lado a lado ========================================================== */ .elementor-11818 .elementor-element-885b63f .elementor-add-to-cart form.cart { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: flex-start !important; gap: 12px !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* ========================================================== QUANTIDADE ========================================================== */ .elementor-11818 .elementor-element-885b63f form.cart .quantity { display: flex !important; flex: 0 0 72px !important; width: 72px !important; min-width: 72px !important; max-width: 72px !important; height: 58px !important; margin: 0 !important; padding: 0 !important; float: none !important; } .elementor-11818 .elementor-element-885b63f form.cart .quantity .qty { display: block !important; width: 72px !important; min-width: 72px !important; max-width: 72px !important; height: 58px !important; margin: 0 !important; padding: 0 8px !important; border: 1px solid #dedede !important; border-radius: 100px !important; background: #f7f7f5 !important; color: #090909 !important; font-size: 15px !important; font-weight: 700 !important; line-height: 58px !important; text-align: center !important; box-shadow: none !important; outline: none !important; } /* ========================================================== BOTÃO PRINCIPAL ========================================================== */ .elementor-11818 .elementor-element-885b63f form.cart .single_add_to_cart_button { position: relative !important; display: flex !important; flex: 1 1 auto !important; align-items: center !important; justify-content: space-between !important; float: none !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 58px !important; min-height: 58px !important; margin: 0 !important; padding: 0 24px !important; overflow: hidden !important; border: none !important; border-radius: 100px !important; background: #090909 !important; color: #ffffff !important; font-family: inherit !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: .01em !important; text-align: left !important; white-space: nowrap !important; box-shadow: 0 10px 24px rgba(0, 0, 0, .14) !important; transition: transform .3s ease, background .3s ease, box-shadow .3s ease !important; } /* SETA DO BOTÃO */ .elementor-11818 .elementor-element-885b63f form.cart .single_add_to_cart_button::after { content: "→" !important; display: inline-block !important; position: static !important; width: auto !important; height: auto !important; margin: 0 0 0 20px !important; padding: 0 !important; background: none !important; color: #ffffff !important; font-family: Arial, sans-serif !important; font-size: 20px !important; font-weight: 400 !important; line-height: 1 !important; transform: none !important; transition: transform .3s ease !important; } .elementor-11818 .elementor-element-885b63f form.cart .single_add_to_cart_button:hover { background: linear-gradient( 105deg, #e91648, #ff315f ) !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 15px 30px rgba(255, 49, 95, .23) !important; } .elementor-11818 .elementor-element-885b63f form.cart .single_add_to_cart_button:hover::after { transform: translateX(5px) !important; } /* ========================================================== DIMINUI ESPAÇO ENTRE PREÇO E COMPRA ========================================================== */ .elementor-11818 .elementor-element-9b6b792 .price { margin-bottom: 22px !important; } .elementor-11818 .elementor-element-885b63f { margin-top: 0 !important; } /* ========================================================== ZOOM — CORRIGE A BOLINHA PRETA SEM ÍCONE ========================================================== */ .elementor-11818 .woocommerce-product-gallery__trigger { position: absolute !important; top: 30px !important; right: 30px !important; left: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; margin: 0 !important; padding: 0 !important; border: none !important; border-radius: 50% !important; background: #111111 !important; text-decoration: none !important; box-shadow: 0 10px 25px rgba(0, 0, 0, .18) !important; z-index: 50 !important; } /* REMOVE QUALQUER ÍCONE ANTIGO */ .elementor-11818 .woocommerce-product-gallery__trigger span, .elementor-11818 .woocommerce-product-gallery__trigger img { display: none !important; } /* NOVO ÍCONE */ .elementor-11818 .woocommerce-product-gallery__trigger::before { content: "↗" !important; position: static !important; display: block !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; color: #ffffff !important; font-family: Arial, sans-serif !important; font-size: 20px !important; font-weight: 400 !important; line-height: 1 !important; opacity: 1 !important; } .elementor-11818 .woocommerce-product-gallery__trigger::after { display: none !important; content: none !important; } .elementor-11818 .woocommerce-product-gallery__trigger:hover { background: #ff315f !important; transform: translateY(-2px) rotate(4deg) !important; } /* ========================================================== MOBILE ========================================================== */ @media (max-width: 767px) { .elementor-11818 .elementor-element-885b63f .elementor-add-to-cart form.cart { gap: 8px !important; } .elementor-11818 .elementor-element-885b63f form.cart .quantity { flex: 0 0 64px !important; width: 64px !important; min-width: 64px !important; max-width: 64px !important; height: 56px !important; } .elementor-11818 .elementor-element-885b63f form.cart .quantity .qty { width: 64px !important; min-width: 64px !important; max-width: 64px !important; height: 56px !important; line-height: 56px !important; } .elementor-11818 .elementor-element-885b63f form.cart .single_add_to_cart_button { height: 56px !important; min-height: 56px !important; padding: 0 18px !important; font-size: 12px !important; } .elementor-11818 .woocommerce-product-gallery__trigger { top: 19px !important; right: 19px !important; width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; } } /* ========================================================== SHOUTLOUD — PRODUCT PAGE PATCH MOBILE DEFINITIVO Template: Elementor 11818 ========================================================== */ @media (max-width: 767px) { /* ====================================================== RESET DA ESTRUTURA PRINCIPAL ====================================================== */ .elementor-11818 .elementor-element-db4bc88 { width: 100% !important; margin: 0 !important; padding: 20px 14px 45px !important; overflow: visible !important; background: #f6f6f4 !important; } .elementor-11818 .elementor-element-db4bc88 > .e-con-inner { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 14px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* os dois lados viram blocos normais */ .elementor-11818 .elementor-element-dfef616, .elementor-11818 .elementor-element-4f41e4f { display: block !important; position: relative !important; top: auto !important; left: auto !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; transform: none !important; } /* ====================================================== GALERIA ====================================================== */ .elementor-11818 .elementor-element-e8661d6, .elementor-11818 .elementor-element-e8661d6 .elementor-widget-container { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-11818 .woocommerce-product-gallery { position: relative !important; float: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 7px !important; overflow: hidden !important; border: 1px solid rgba(0,0,0,.06) !important; border-radius: 24px !important; background: #ffffff !important; box-shadow: 0 12px 32px rgba(0,0,0,.06) !important; } .elementor-11818 .woocommerce-product-gallery__wrapper, .elementor-11818 .woocommerce-product-gallery__image { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; overflow: hidden !important; border-radius: 18px !important; background: #ededeb !important; } .elementor-11818 .woocommerce-product-gallery__image img.wp-post-image { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; margin: 0 !important; object-fit: cover !important; border-radius: 18px !important; } /* ====================================================== BOTÃO ZOOM ====================================================== */ .elementor-11818 .woocommerce-product-gallery__trigger { position: absolute !important; z-index: 30 !important; top: 19px !important; right: 19px !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; border: none !important; border-radius: 50% !important; background: #0a0a0a !important; box-shadow: 0 9px 22px rgba(0,0,0,.19) !important; } .elementor-11818 .woocommerce-product-gallery__trigger span, .elementor-11818 .woocommerce-product-gallery__trigger img { display: none !important; } .elementor-11818 .woocommerce-product-gallery__trigger::before { content: "↗" !important; position: static !important; display: block !important; width: auto !important; height: auto !important; background: none !important; color: #fff !important; font-family: Arial, sans-serif !important; font-size: 18px !important; line-height: 1 !important; } .elementor-11818 .woocommerce-product-gallery__trigger::after { display: none !important; } /* ====================================================== CARD DE INFORMAÇÕES ISSO É O QUE MAIS ESTAVA QUEBRADO ====================================================== */ .elementor-11818 .elementor-element-4f41e4f { position: relative !important; display: flex !important; flex-direction: column !important; gap: 0 !important; width: 100% !important; margin: 0 !important; padding: 25px 20px 21px !important; overflow: hidden !important; border: 1px solid rgba(0,0,0,.065) !important; border-radius: 24px !important; background: #ffffff !important; box-shadow: 0 13px 35px rgba(0,0,0,.055) !important; animation: none !important; } /* detalhe rosa */ .elementor-11818 .elementor-element-4f41e4f::before { content: "" !important; position: absolute !important; top: 0 !important; left: 22px !important; width: 52px !important; height: 3px !important; border-radius: 0 0 20px 20px !important; background: #ff315f !important; } /* ====================================================== BREADCRUMB ====================================================== */ .elementor-11818 .elementor-element-61cc7ed { width: 100% !important; margin: 0 0 17px !important; padding: 0 !important; } .elementor-11818 .woocommerce-breadcrumb { display: block !important; width: 100% !important; margin: 0 !important; color: #929292 !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.55 !important; letter-spacing: .045em !important; text-transform: uppercase !important; } .elementor-11818 .woocommerce-breadcrumb a { color: #777 !important; font-size: inherit !important; text-decoration: none !important; } /* ====================================================== TÍTULO ====================================================== */ .elementor-11818 .elementor-element-512cba1 { width: 100% !important; margin: 0 0 13px !important; padding: 0 !important; } .elementor-11818 .elementor-element-512cba1 .elementor-heading-title { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; color: #090909 !important; font-size: clamp(32px, 10.5vw, 42px) !important; font-weight: 700 !important; line-height: .98 !important; letter-spacing: -.05em !important; overflow-wrap: anywhere !important; } /* ====================================================== DESCRIÇÃO ====================================================== */ .elementor-11818 .elementor-element-1690df3 { width: 100% !important; margin: 0 0 22px !important; padding: 0 !important; } .elementor-11818 .wpr-product-description { width: 100% !important; max-width: 100% !important; margin: 0 !important; color: #757575 !important; font-size: 14px !important; line-height: 1.6 !important; } /* ====================================================== ÁREA DO PREÇO ====================================================== */ .elementor-11818 .elementor-element-9b6b792 { width: 100% !important; margin: 0 !important; padding: 21px 0 0 !important; border-top: 1px solid #ececec !important; } /* badge oferta */ .elementor-11818.sale .elementor-element-9b6b792::before { content: "OFERTA" !important; display: inline-flex !important; align-items: center !important; margin: 0 0 12px !important; padding: 7px 10px !important; border-radius: 100px !important; background: rgba(255,49,95,.09) !important; color: #e8003d !important; font-size: 8px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .1em !important; } /* PREÇO */ .elementor-11818 .elementor-element-9b6b792 p.price { display: flex !important; flex-wrap: wrap !important; align-items: flex-end !important; gap: 8px !important; width: 100% !important; margin: 0 0 23px !important; padding: 0 !important; color: #090909 !important; } /* preço antigo */ .elementor-11818 .elementor-element-9b6b792 p.price del, .elementor-11818 .elementor-element-9b6b792 p.price del .amount, .elementor-11818 .elementor-element-9b6b792 p.price del bdi { color: #a2a2a2 !important; opacity: 1 !important; font-size: 14px !important; font-weight: 500 !important; } /* preço atual */ .elementor-11818 .elementor-element-9b6b792 p.price ins, .elementor-11818 .elementor-element-9b6b792 p.price ins .amount, .elementor-11818 .elementor-element-9b6b792 p.price ins bdi { color: #090909 !important; background: transparent !important; font-size: 31px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: -.045em !important; text-decoration: none !important; } .elementor-11818 .elementor-element-9b6b792 .woocommerce-Price-currencySymbol { color: inherit !important; } /* ====================================================== FORMULÁRIO DE COMPRA ====================================================== */ .elementor-11818 .elementor-element-885b63f, .elementor-11818 .elementor-element-885b63f .elementor-widget-container, .elementor-11818 .elementor-element-885b63f .elementor-add-to-cart { width: 100% !important; margin: 0 !important; padding: 0 !important; } .elementor-11818 .elementor-element-885b63f form.cart { display: grid !important; grid-template-columns: 64px minmax(0, 1fr) !important; align-items: stretch !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* quantidade */ .elementor-11818 .elementor-element-885b63f form.cart .quantity { display: block !important; float: none !important; width: 64px !important; min-width: 64px !important; max-width: 64px !important; height: 56px !important; margin: 0 !important; } .elementor-11818 .elementor-element-885b63f form.cart .quantity .qty { display: block !important; width: 64px !important; height: 56px !important; min-height: 56px !important; margin: 0 !important; padding: 0 5px !important; border: 1px solid #dddddd !important; border-radius: 100px !important; background: #f8f8f7 !important; color: #090909 !important; font-size: 15px !important; font-weight: 700 !important; line-height: 56px !important; text-align: center !important; box-shadow: none !important; } /* botão */ .elementor-11818 .elementor-element-885b63f form.cart .single_add_to_cart_button { position: relative !important; display: flex !important; float: none !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 56px !important; min-height: 56px !important; margin: 0 !important; padding: 0 18px !important; overflow: hidden !important; border: 0 !important; border-radius: 100px !important; background: #090909 !important; color: #ffffff !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; white-space: nowrap !important; box-shadow: 0 10px 25px rgba(0,0,0,.15) !important; } .elementor-11818 .elementor-element-885b63f form.cart .single_add_to_cart_button::after { content: "→" !important; position: static !important; display: block !important; width: auto !important; height: auto !important; margin-left: 12px !important; background: none !important; color: #fff !important; font-family: Arial, sans-serif !important; font-size: 20px !important; line-height: 1 !important; } /* tira aquela linha decorativa depois do botão */ .elementor-11818 .elementor-element-885b63f::after { display: none !important; } } /* ========================================================== IPHONES / CELULARES MUITO ESTREITOS ========================================================== */ @media (max-width: 390px) { .elementor-11818 .elementor-element-db4bc88 { padding-left: 11px !important; padding-right: 11px !important; } .elementor-11818 .elementor-element-4f41e4f { padding: 23px 17px 19px !important; } .elementor-11818 .elementor-element-512cba1 .elementor-heading-title { font-size: 34px !important; } .elementor-11818 .elementor-element-885b63f form.cart { grid-template-columns: 59px minmax(0,1fr) !important; gap: 7px !important; } .elementor-11818 .elementor-element-885b63f form.cart .quantity, .elementor-11818 .elementor-element-885b63f form.cart .quantity .qty { width: 59px !important; min-width: 59px !important; max-width: 59px !important; } .elementor-11818 .elementor-element-885b63f form.cart .single_add_to_cart_button { padding: 0 15px !important; font-size: 11px !important; } }/* End custom CSS */