/* style.css - Mulher Terapia */
:root {
	--bs-font-sans-serif: 'Quicksand', 'Open Sans', Arial, sans-serif !important;
	--bs-purple-bg: #9c27b0;
	--bs-orange-bg: #ff7a00;
	--bs-light-orange-bg: #ffba8d;
	--bs-body-font-size: 1.25rem !important; /* 20px */
}

body {
  font-family: var(--bs-font-sans-serif);
  color: #222;
  margin: 0;
  padding: 0;
	background-color: var(--bs-purple-bg) !important;
}

/* Utilitários de padding e margin com 6rem (dobro do padrão Bootstrap 5) */
.pt-10 { padding-top: 6rem !important; }
.pb-10 { padding-bottom: 6rem !important; }
.ps-10 { padding-left: 6rem !important; }
.pe-10 { padding-right: 6rem !important; }
.px-10 { padding-left: 6rem !important; padding-right: 6rem !important; }
.py-10 { padding-top: 6rem !important; padding-bottom: 6rem !important; }

.mt-10 { margin-top: 6rem !important; }
.mb-10 { margin-bottom: 6rem !important; }
.ms-10 { margin-left: 6rem !important; }
.me-10 { margin-right: 6rem !important; }
.mx-10 { margin-left: 6rem !important; margin-right: 6rem !important; }
.my-10 { margin-top: 6rem !important; margin-bottom: 6rem !important; }

/* Reescrita do botão Primary */
.btn-primary {
	background-color: var(--bs-orange-bg) !important;
	border-color: var(--bs-orange-bg) !important;
}
.btn-primary:hover {
	background-color: #e66c00 !important; /* Substitui darken para compatibilidade */
	border-color: #e66c00 !important;
}
.btn-primary:focus, .btn-primary.focus {
	box-shadow: 0 0 0 0.25rem rgba(255, 122, 0, 0.5) !important;
}

/* Botão voltar ao topo sempre circular */
#btn-topo {
	width: 56px;
	height: 56px;
	border-radius: 50% !important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	transition: opacity 0.3s;
}
#btn-topo:focus, #btn-topo:hover {
	border-radius: 50% !important;
}

.bg-purple {
	background-color: var(--bs-purple-bg) !important;
	color: #fff !important;
}
.bg-light-orange {
	background-color: var(--bs-light-orange-bg) !important;
	color: #222 !important;
}

.text-purple {
	color: var(--bs-purple-bg) !important;
}

/* Adicione mais estilos conforme necessário */
/* Parallax com efeito blur */

.parallax-section {
		background-image: url('../img/grupo_pessoas_interagindo.jpg'); /* Substitua pelo caminho real da imagem */
		background-size: cover;
		background-position: center 0px;
		background-attachment: fixed;
		min-height: 400px;
		position: relative;
		overflow: hidden;
}

@media (max-width: 1440px) {
	.parallax-section {
		background-size: auto 125vh;
		background-position: center top;
	}
}

.parallax-section::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 0;
	background: inherit;
	filter: blur(3px);
}

.parallax-section > * {
	position: relative;
	z-index: 2;
}

.parallax-overlay {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(255,209,181,0.7); /* Cinza claro translúcido */
	z-index: 1;
}

/* Razoes Slideshow */
#slideshowRazoes .flickity-viewport {
	min-height: 250px;
}
#slideshowRazoes .flickity-slider {
	display: flex;
	align-items: center;
}
.gallery-cell {
	margin-right: 4vw;
	opacity: 1;
	transition: all;
}
.gallery-cell.is-selected {
	box-shadow: var(--bs-box-shadow);
	transition: box-shadow 0.5s, opacity 0.5s ease-out;
}
.gallery-cell:not(.is-selected) {
	opacity: .35;
	transition: opacity 0.5s ease-out;
}
.gallery-cell .item-carousel-card {
	max-width: 460px;
	margin: 0 auto;
}
.gallery-cell.is-selected .item-carousel-card {
	transform: scale(1.1);
	/* transição sobre transform com duração 0.5s e delay 0.1s */
	transition: transform 0.5s ease-out 0.1s;
	transform-origin: center center;
	will-change: transform;
	backface-visibility: hidden;
}
.gallery-cell:not(.is-selected) .item-carousel-card {
	/* garante que o estado não selecionado volte à escala normal
	   com a mesma duração e delay para manter a suavidade */
	transform: scale(1);
	transition: transform 0.5s ease-out 0.1s;
	transform-origin: center center;
	will-change: transform;
	backface-visibility: hidden;
}
.gallery-cell .item-carousel-card .left-bar {
	padding: 16px 8px;
	color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1));
	background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity, 1));
}
.gallery-cell .item-carousel-card .review-name {
	font-size: 0.8rem;
	color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1));
}
.gallery-cell .item-carousel-card .review-text {
	color: #222;
	font-size: 1.2rem;
}


.section-home-01 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
.section-home-01 .h1 {
	line-height: 0.5em;
	letter-spacing: -0.05em;
}
.questions-boxes {
	min-height: 500px;
}
.questions-box-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

@media (max-width: 1440px) {
	.section-home-01 {
		background-position: right bottom;
	}
}

@media (max-width: 991px) {
	.section-home-01 .img-col {
		margin-top: 40px;
		height: 240px;
	}
	.section-home-01 .img-fluid {
		max-height: 400px;
	}
}

@media (max-width: 767px) {
	.questions-boxes {
		min-height: 300px;
	}
}

@media (max-width: 575px) {
    .section-home-01 .img-col {
        height: 60vw;
    }
}