/*
 * Correções de layout sobre o espelho.
 *
 * Tudo aqui conserta defeito que **já existe no site no ar** — verificado nos
 * dois lados antes de mexer. São desvios deliberados do original, não do clone,
 * e por isso ficam num arquivo separado: dá para ver de relance o que foi
 * mudado de propósito, e apagar o arquivo devolve o comportamento original.
 */

/* ── Depoimentos estouravam a tela ─────────────────────────────────────────
 *
 * O carrossel de depoimentos NUNCA inicializa: o markup do ElementsKit usa
 * `.swiper-container`, nomenclatura do Swiper 5/6, e o CSS que o Elementor
 * carrega estiliza `.swiper` — o container fica sem `overflow: hidden` e o
 * script não assume o elemento. Confirmado: `swiper` ausente no elemento e o
 * transform do wrapper nunca muda.
 *
 * Consequência: três cartões de 463px lado a lado (1390px) dentro de uma caixa
 * de 927px que não corta nada. A 1920px sobra quase 180px fora da tela e a
 * página inteira ganha barra de rolagem horizontal.
 *
 * `overflow: hidden` no container seria o reflexo, mas está errado: sem Swiper
 * para deslizar, o terceiro depoimento ficaria escondido para sempre. Como não
 * é carrossel de verdade, vira o que já é na prática — três colunas que cabem.
 */
.ekit-main-swiper .swiper-wrapper {
	flex-wrap: wrap;
	gap: 20px;
}

/*
 * O seletor é longo para igualar o do ElementsKit, que é
 *
 *   .ekit-wid-con .elementskit-testimonial-slider
 *   .swiper-container:not(.swiper-container-initialized) .swiper-slide {
 *     max-width: calc(100% / var(--ekit_testimonial_slidetoshow, 1));
 *     margin: 0 15px;
 *   }
 *
 * — cinco classes, contra três de um seletor curto, então o curto perdia. Como
 * esta folha carrega por último, empatar em especificidade basta.
 *
 * Note o `:not(.swiper-container-initialized)`: essa regra é o estado "o Swiper
 * ainda não assumiu". Aqui ele nunca assume, então o que era provisório virou
 * definitivo — e com `--ekit_testimonial_slidetoshow: 2` o teto fica em 50%.
 * No desktop isso passava despercebido (três cartões de 296px já ficam abaixo
 * de 50% de 927), mas quando quebram para um por linha o teto os deixava com
 * metade da largura e um vazio do lado.
 */
.ekit-wid-con .elementskit-testimonial-slider .ekit-main-swiper .swiper-wrapper > .swiper-slide {
	/* base pequena de propósito: em tela estreita quebram sozinhos em 2 ou 1 por
	   linha, em vez de espremerem os três */
	flex: 1 1 240px;
	width: auto;
	max-width: 100%;
	/* o espaçamento agora é o `gap` do wrapper; a margem lateral deles somaria */
	margin-left: 0;
	margin-right: 0;
}

/*
 * Nota sobre as alturas desiguais: os cartões têm alturas diferentes, e ficaram
 * mais desiguais depois desta correção, porque a 296px o texto quebra mais que
 * a 463px. Já era assim no original, só menos visível.
 *
 * Igualar não é `align-items: stretch`: o slide até estica, mas o cartão branco
 * está mais fundo na árvore e não acompanha. Ficaria caro por pouco, e não é o
 * que foi pedido — deixado como está, de propósito.
 */

/* ── Faixa branca depois de "Nossa História" ───────────────────────────────
 *
 * A seção do texto tem `padding-bottom: 100px` e o conteúdo termina antes do
 * fim dela: sobram 98px de branco puro entre o texto e a foto seguinte
 * (medido por análise de pixel, y 1636→1734, idêntico no site no ar).
 *
 * A especificidade acompanha a do CSS que o Elementor gera para a página, que
 * é `.elementor-75 .elementor-element.elementor-element-<id>`.
 */
.elementor-75 .elementor-element.elementor-element-d6ecaeb {
	padding-bottom: 0;
}