.elementor-kit-13{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-13 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===== SECTION 1: Porquê imprimir connosco? ===== */
.elementor-element-4ab7341e {
	background-color: #F7F6F2;
}
.elementor-element-27f422e9,
.elementor-element-56682dd9,
.elementor-element-4363a382 {
	background-color: #FFFFFF;
	border-radius: 12px;
	box-shadow: 0px 4px 20px rgba(0,0,0,0.08);
	padding: 30px;
}
.elementor-element-27f422e9 .elementor-widget-image,
.elementor-element-56682dd9 .elementor-widget-image,
.elementor-element-4363a382 .elementor-widget-image {
	background-color: #61CE70;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 15px auto;
	padding: 15px;
}
.elementor-element-27f422e9 .elementor-widget-image img,
.elementor-element-56682dd9 .elementor-widget-image img,
.elementor-element-4363a382 .elementor-widget-image img {
	max-width: 60px;
	max-height: 60px;
	width: auto;
	height: auto;
}

/* ===== SECTION 2: Impressão 3D em 3 Passos Simples ===== */
.elementor-element-63fd4532 img,
.elementor-element-6fbceb74 img,
.elementor-element-9171bfe img {
	border-radius: 12px;
	box-shadow: 0px 4px 20px rgba(0,0,0,0.08);
}

/* ===== SECTION 3: Os materiais que utilizamos ===== */
.elementor-element-dc4a89b .elementor-widget-image img {
	border-radius: 12px;
	box-shadow: 0px 4px 20px rgba(0,0,0,0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.elementor-element-dc4a89b .elementor-widget-image img:hover {
	transform: scale(1.05);
	box-shadow: 0px 8px 28px rgba(0,0,0,0.14);
}

/* ===== SECTION 4: Hero buttons - Primary (Pedir Orcamento) vs Secondary (Ver Loja) ===== */
.elementor-7105 .elementor-element.elementor-element-2b594290 .elementor-button {
	background-image: none !important;
	background-color: #61CE70 !important;
	border: none !important;
	color: #FFFFFF !important;
	font-weight: 700 !important;
	border-radius: 8px !important;
	transition: background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
	box-shadow: 0px 4px 14px rgba(0,0,0,0.25);
}
.elementor-7105 .elementor-element.elementor-element-2b594290 .elementor-button:hover,
.elementor-7105 .elementor-element.elementor-element-2b594290 .elementor-button:focus {
	background-image: none !important;
	background-color: #4FB863 !important;
	color: #FFFFFF !important;
	transform: translateY(-2px);
	box-shadow: 0px 8px 20px rgba(0,0,0,0.35);
}
.elementor-7105 .elementor-element.elementor-element-3e74aa8 .elementor-button {
	background-image: none !important;
	background-color: rgba(255,255,255,0.08) !important;
	border: 2px solid #FFFFFF !important;
	color: #FFFFFF !important;
	font-weight: 600 !important;
	border-radius: 8px !important;
	transition: background-color 0.25s ease, color 0.25s ease;
}
.elementor-7105 .elementor-element.elementor-element-3e74aa8 .elementor-button:hover,
.elementor-7105 .elementor-element.elementor-element-3e74aa8 .elementor-button:focus {
	background-image: none !important;
	background-color: #FFFFFF !important;
	color: #222222 !important;
	border-color: #FFFFFF !important;
}

/* ===== SECTION 5: Hero background overlay (replaces heavy text-shadow) ===== */
.elementor-element-e0ee2b2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(90deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0.15) 100%);
	pointer-events: none;
	z-index: 1;
}
.elementor-element-e0ee2b2 {
	position: relative;
}
.elementor-element-e0ee2b2 > .elementor-container {
	position: relative;
	z-index: 2;
}
.elementor-7105 .elementor-element.elementor-element-50834686 .elementor-heading-title {
	text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}
.elementor-7105 .elementor-element.elementor-element-6bf9a88a .elementor-heading-title {
	text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

/* ===== SECTION 6: Oferta Especial vase image - remove gray frame, add soft shadow ===== */
.elementor-7105 .elementor-element.elementor-element-18bcd84c > .elementor-element-populated {
	border-style: none !important;
	border-width: 0px !important;
	border-color: transparent !important;
	padding: 0px !important;
}
.elementor-element-df21310 .elementor-widget-container img,
.elementor-element-df21310 img {
	border: none;
	border-radius: 10px;
	box-shadow: 0 20px 40px rgba(0,0,0,0.45);
}

/* =====================================================================
   BUGFIX / FEATURE PATCH - 2026-08-30 (Home page redesign follow-up)
   Reported: (1) horizontal overflow/scroll on the live page, (2) the 3
   "Porquê imprimir connosco?" cards touch each other with no gap,
   (3) add rounded corners to the "Foxcen Blog" / "Simulador" promo cards.
   ===================================================================== */

/* Fix 1: horizontal overflow. Root cause: card padding (30px) and the
   hero ":before" gradient overlay (position:absolute, top/left/right/
   bottom:0) did not have explicit box-sizing / overflow containment,
   relying only on Elementor's inherited global box-sizing reset, which
   is fragile. This makes it explicit and local. */
.elementor-element-27f422e9,
.elementor-element-56682dd9,
.elementor-element-4363a382 {
	box-sizing: border-box !important;
	max-width: 100%;
}
.elementor-element-27f422e9 .elementor-widget-image,
.elementor-element-56682dd9 .elementor-widget-image,
.elementor-element-4363a382 .elementor-widget-image {
	box-sizing: border-box !important;
	max-width: 100%;
}
.elementor-element-e0ee2b2 {
	overflow: hidden;
	max-width: 100%;
}
html, body {
	overflow-x: hidden;
	max-width: 100%;
}

/* Fix 2: missing gap between the 3 "Porquê imprimir connosco?" cards.
   Root cause: the 3 cards were 33%-width columns inside a 1140px row
   with NO gap declared anywhere, so they sat flush against each other.
   Give each card an even horizontal margin, cancel the outer-edge
   margins on first/last card so the row still starts/ends flush. */
.elementor-element-27f422e9,
.elementor-element-56682dd9,
.elementor-element-4363a382 {
	margin-left: 12px;
	margin-right: 12px;
}
.elementor-element-4ab7341e .elementor-container > .elementor-element-27f422e9:first-child {
	margin-left: 0;
}
.elementor-element-4ab7341e .elementor-container > .elementor-element-4363a382:last-child {
	margin-right: 0;
}
@media (max-width: 767px) {
	.elementor-element-27f422e9,
	.elementor-element-56682dd9,
	.elementor-element-4363a382 {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.elementor-element-4363a382 {
		margin-bottom: 0;
	}
}

/* Fix 3: rounded corners on the "Foxcen Blog" / "Simulador" promo cards.
   Each card is a column with an absolutely-positioned background image
   widget, so the corners must be rounded on the COLUMN with
   overflow:hidden so image + button clip together. */
.elementor-element-79f1519c,
.elementor-element-aac4677 {
	border-radius: 12px;
	overflow: hidden;
}

/* =====================================================================
   PATCH - 2026-08-30 (part 2): Wide-viewport overflow re-verification
   + icon sizing + card hover effects
   Verified: at 1600px, 1920px and 2560px, document.documentElement.
   scrollWidth === clientWidth (no horizontal overflow) thanks to the
   overflow-x:hidden on html/body and overflow:hidden;max-width:100% on
   the hero (.elementor-element-e0ee2b2) added in the previous patch —
   those rules use percentages, not fixed breakpoints, so they already
   hold at all wider widths. Re-declared below (idempotent, harmless)
   purely as an explicit safety net so this stays true if anything
   upstream changes later.
   ===================================================================== */
html, body {
	overflow-x: hidden !important;
	max-width: 100% !important;
}
.elementor-element-e0ee2b2 {
	overflow: hidden !important;
	max-width: 100% !important;
	position: relative;
}
.elementor-element-e0ee2b2:before {
	max-width: 100%;
}

/* Fix 4: "Porquê imprimir connosco?" icon size inside the green circle
   badge. Root cause: an earlier rule set img{max-width:60px} in Section 1,
   but a higher-priority theme/Elementor default (img{max-width:25%}) was
   still winning, rendering the icon at ~17px instead of the intended 60px.
   Force the icon up to 52px (fills the 100px badge with clear padding,
   not touching the edges) with !important so it wins regardless of
   .elementor-kit-13 order, and keep it consistent across all 3 cards. */
.elementor-element-27f422e9 .elementor-widget-image img,
.elementor-element-56682dd9 .elementor-widget-image img,
.elementor-element-4363a382 .elementor-widget-image img {
	width: 52px !important;
	height: 52px !important;
	max-width: 52px !important;
	max-height: 52px !important;
}

/* Fix 5: hover effect on the 3 "Porquê imprimir connosco?" white cards,
   consistent with the existing hover on the "materiais" image grid
   (.elementor-element-dc4a89b img:hover -> scale + deeper shadow).
   Here the whole white card lifts slightly and gets a stronger shadow. */
.elementor-element-27f422e9,
.elementor-element-56682dd9,
.elementor-element-4363a382 {
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.elementor-element-27f422e9:hover,
.elementor-element-56682dd9:hover,
.elementor-element-4363a382:hover {
	transform: translateY(-4px);
	box-shadow: 0px 12px 32px rgba(0,0,0,0.16);
}/* End custom CSS */