/* =====================================================================
   All Persianas — Redesign da HOME (apenas página inicial)
   Paleta unificada em tons de marrom + dourado, cards elegantes.
   Escopo: .page-id-3693  (a frontend só carrega este CSS na home)
   ===================================================================== */

.page-id-3693 {
	--ap-espresso: #3e2a1a;
	--ap-brown:    #6b4423;
	--ap-brown-soft: #7a5230;
	--ap-caramel:  #996633;
	--ap-gold:     #c8932f;
	--ap-cream:    #fdf8f2;
	--ap-beige:    #f4ece1;
	--ap-tan:      #c9a06a;
	--ap-ink:      #4a3b30;
	--ap-muted:    #8a7a6d;
	color: var(--ap-ink);
	-webkit-font-smoothing: antialiased;
}

/* Ritmo visual das seções (exceto o banner) */
.page-id-3693 section.elementor-section:not(:has(.elementor-widget-smartslider)) {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
}

/* =====================================================================
   1) DESTAQUES — carrossel de produtos
   ===================================================================== */
.page-id-3693 .carousel-produtos {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 1.25rem 1rem;
	text-align: center;
}

.page-id-3693 .carousel-produtos h2 {
	position: relative;
	display: inline-block;
	margin: 0 0 1.4rem;
	padding-bottom: .7rem;
	color: var(--ap-brown);
	font-size: clamp(1.8rem, 4vw, 2.6rem);
	font-weight: 600;
	letter-spacing: .4px;
}
.page-id-3693 .carousel-produtos h2::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 72px;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--ap-caramel), var(--ap-gold));
}

.page-id-3693 .carousel-produtos .carousel-desc {
	margin: 0 auto 2.4rem;
	max-width: 620px;
	color: var(--ap-muted);
	font-size: 1.05rem;
}

.page-id-3693 .carousel-produtos .carousel-container {
	overflow: hidden;
}
.page-id-3693 .carousel-produtos .carousel-track {
	display: flex;
	flex-wrap: nowrap;
	gap: 1.5rem;
	align-items: stretch;
	padding: .5rem 0 1rem;
}

.page-id-3693 .carousel-produtos .carousel-item {
	flex: 0 0 auto;
	width: 240px;
}

.page-id-3693 .carousel-produtos .carousel-item > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .9rem;
	height: 100%;
	padding: 2rem 1.25rem;
	text-decoration: none;
	background: #fff;
	border: 1px solid var(--ap-beige);
	border-radius: 16px;
	box-shadow: 0 8px 22px rgba(62, 42, 26, .08);
	transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.page-id-3693 .carousel-produtos .carousel-item > a:hover {
	transform: translateY(-8px);
	border-color: var(--ap-caramel);
	box-shadow: 0 18px 36px rgba(62, 42, 26, .16);
}

.page-id-3693 .carousel-produtos .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 76px;
	height: 76px;
	font-size: 2rem;
	line-height: 1;
	background: var(--ap-cream);
	border: 1px solid var(--ap-beige);
	border-radius: 50%;
	box-shadow: inset 0 0 0 4px #fff;
	transition: background .35s ease, transform .35s ease;
}
.page-id-3693 .carousel-produtos .carousel-item > a:hover .icon {
	background: var(--ap-beige);
	transform: scale(1.06);
}

.page-id-3693 .carousel-produtos .carousel-item h3 {
	margin: 0;
	color: var(--ap-brown);
	font-size: 1.08rem;
	font-weight: 600;
	line-height: 1.35;
}

/* =====================================================================
   2) DEPOIMENTOS — unificar para tons de marrom/dourado
   (os estilos originais são inline, por isso usamos !important)
   ===================================================================== */
.page-id-3693 .testimonials-section {
	background-color: var(--ap-cream) !important;
}
.page-id-3693 .testimonials-section h2 {
	color: var(--ap-brown) !important;
	letter-spacing: .4px;
}
.page-id-3693 .testimonials-section > div > div {
	gap: 1.75rem !important;
}
.page-id-3693 .testimonials-section [style*="background-color: #fdf8f2"] {
	background-color: #fff !important;
	border: 1px solid var(--ap-beige) !important;
	border-top: 3px solid var(--ap-caramel) !important;
	border-radius: 16px !important;
	box-shadow: 0 12px 28px rgba(62, 42, 26, .10) !important;
}
.page-id-3693 .testimonials-section div[style*="color: #ef9f28"] {
	color: var(--ap-gold) !important;
}
.page-id-3693 .testimonials-section strong[style*="color: #11657f"] {
	color: var(--ap-brown) !important;
}

/* =====================================================================
   3) MISSÃO / VISÃO / VALORES — remover o tom azul/teal
   ===================================================================== */
.page-id-3693 [style*="background-color: #e6f5f8"],
.page-id-3693 [style*="background-color: #fff5e6"] {
	background-color: #fff !important;
	border: 1px solid var(--ap-beige) !important;
	border-top: 3px solid var(--ap-caramel) !important;
	border-radius: 16px !important;
	box-shadow: 0 10px 24px rgba(62, 42, 26, .08) !important;
}
.page-id-3693 [style*="color: #11657f"] {
	color: var(--ap-brown) !important;
}

/* =====================================================================
   4) BOTÕES do Elementor na home → marrom arredondado
   ===================================================================== */
.page-id-3693 .elementor-button {
	background-color: var(--ap-brown) !important;
	color: #fff !important;
	border-radius: 999px !important;
	box-shadow: 0 8px 18px rgba(62, 42, 26, .20) !important;
	transition: background-color .3s ease, transform .3s ease !important;
}
.page-id-3693 .elementor-button:hover {
	background-color: var(--ap-espresso) !important;
	transform: translateY(-2px);
}

/* =====================================================================
   5) NEWSLETTER (formulário Hostinger) — moldura elegante
   ===================================================================== */
.page-id-3693 .home-newsletter {
	max-width: 760px;
	margin: 3.5rem auto 1rem;
	padding: 3rem 2rem;
	text-align: center;
	color: #fff;
	border-radius: 22px;
	background: linear-gradient(135deg, var(--ap-espresso), var(--ap-brown));
	box-shadow: 0 22px 44px rgba(62, 42, 26, .22);
}
.page-id-3693 .home-newsletter h2 {
	margin: 0 0 .6rem;
	color: #fff;
	font-size: clamp(1.6rem, 3.5vw, 2.2rem);
	font-weight: 600;
}
.page-id-3693 .home-newsletter__desc {
	margin: 0 0 1.6rem;
	color: rgba(255, 255, 255, .85);
}
.page-id-3693 .home-newsletter [data-reach-form] {
	border-radius: 16px;
	overflow: hidden;
}
.page-id-3693 .home-newsletter input,
.page-id-3693 .home-newsletter button {
	border-radius: 999px !important;
}

/* =====================================================================
   6) FEED DO INSTAGRAM — aparencia original do plugin (sem moldura),
      apenas um separador entrelacado marrom claro acima do bloco
   ===================================================================== */
.page-id-3693 section.elementor-section:has(.elementor-widget-sbi-widget)::before {
	content: "";
	display: block;
	width: 100%;
	max-width: 300px;
	height: 14px;
	margin: 0 auto 2.5rem;
	border-radius: 8px;
	background:
		repeating-linear-gradient(45deg, var(--ap-tan) 0 7px, transparent 7px 14px),
		repeating-linear-gradient(-45deg, var(--ap-tan) 0 7px, transparent 7px 14px);
	opacity: .6;
}

/* =====================================================================
   7) BLOCO "Transforme Seus Ambientes" (hero-section) abaixo do banner
   ===================================================================== */
.page-id-3693 .hero-section {
	min-height: 380px !important;
	padding: 2.5rem 1.5rem !important;
	color: #fff !important;
	text-align: center !important;
	background: linear-gradient(135deg, var(--ap-espresso), var(--ap-brown)) !important;
	background-size: cover !important;
	background-position: center !important;
}
.page-id-3693 .hero-section > div {
	max-width: 760px !important;
}
.page-id-3693 .hero-section h1 {
	position: relative;
	margin: 0 0 1.4rem !important;
	padding-bottom: .9rem;
	color: #fff !important;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: clamp(1.9rem, 4vw, 2.6rem) !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: .5px !important;
	text-shadow: 0 2px 14px rgba(0, 0, 0, .28) !important;
}
.page-id-3693 .hero-section h1::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 84px;
	height: 3px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--ap-gold), #fff);
}
.page-id-3693 .hero-section p {
	margin: 0 auto 1.6rem !important;
	max-width: 620px !important;
	font-size: 1.1rem !important;
	color: rgba(255, 255, 255, .9) !important;
}
.page-id-3693 .hero-section a[style*="background-color: #25D366"] {
	background-color: var(--ap-gold) !important;
	color: #fff !important;
	padding: .85rem 1.8rem !important;
	border-radius: 999px !important;
	font-weight: 600 !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .25) !important;
	transition: background-color .3s ease, transform .3s ease !important;
}
.page-id-3693 .hero-section a[style*="background-color: #25D366"]:hover {
	background-color: #b07d22 !important;
	transform: translateY(-2px);
}