/*
 * M13: gestos no carrossel do Owl do tema pai, sem mudar sua inicialização.
 * pan-y: a rolagem vertical continua com o navegador e o gesto horizontal fica com o Owl,
 * que escuta touchmove em document, onde preventDefault não tem efeito no navegador.
 */
.suitesSlider .owl-carousel .owl-stage {
	touch-action: pan-y pinch-zoom;
	cursor: grab;
	-webkit-user-select: none;
	user-select: none;
}
.suitesSlider .owl-carousel .owl-stage.owl-grab { cursor: grabbing; }
.suitesSlider .owl-carousel .owl-item img { -webkit-user-drag: none; }
.suitesSlider .owl-carousel .owl-item a,
.suitesSlider .owl-carousel .owl-item summary { cursor: pointer; }
/* Anúncios: mesmo gesto das suítes, em tamanho um pouco menor. */
.sliderANunciosHome { max-width: 960px; margin-right: auto; margin-left: auto; }
.sliderANunciosHome .owl-carousel { position: relative; }
.sliderANunciosHome .owl-carousel .owl-stage {
	touch-action: pan-y pinch-zoom;
	cursor: grab;
	-webkit-user-select: none;
	user-select: none;
}
.sliderANunciosHome .owl-carousel .owl-stage.owl-grab { cursor: grabbing; }
.sliderANunciosHome .owl-carousel .owl-item img { -webkit-user-drag: none; }
.sliderANunciosHome .owl-carousel .owl-item a { cursor: pointer; }

/* Anúncio todo clicável: o link cobre a arte, e a foto reage ao mouse e ao dedo. A volta é lenta e suave. */
.sliderANunciosHome .item.clmr-anuncio { position: relative; overflow: hidden; border-radius: 20px; -webkit-tap-highlight-color: transparent; }
.anuncioHomeESobre .sliderANunciosHome .item.clmr-anuncio a.clmr-anuncio-link,
.anuncioHomeESobre .sliderANunciosHome .item.clmr-anuncio a.clmr-anuncio-link:hover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: block;
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: inherit;
	background: transparent;
	box-shadow: none;
	color: transparent;
	font-size: 0;
	transform: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	user-select: none;
}
.anuncioHomeESobre .sliderANunciosHome .item.clmr-anuncio a.clmr-anuncio-link:focus-visible { outline: 2px solid #e2bc62; outline-offset: -3px; }
.sliderANunciosHome .item.clmr-anuncio img { transition: transform .8s cubic-bezier(.25, .8, .25, 1), filter .8s ease; }
.sliderANunciosHome .item.clmr-anuncio-pressed img { filter: brightness(1.12); transform: scale(1.035); transition-duration: .25s; }
@media (hover: hover) {
	.sliderANunciosHome .item.clmr-anuncio:hover img { filter: brightness(1.12); transform: scale(1.035); transition-duration: .25s; }
}
@media (prefers-reduced-motion: reduce) {
	.sliderANunciosHome .item.clmr-anuncio img { transition: none; }
}

/* Cartões com a mesma altura, sem altura fixa: o mais alto define a linha. */
.suitesSlider .owl-carousel .owl-stage { display: flex; }
.suitesSlider .owl-carousel .owl-item { display: flex; float: none; flex: 0 0 auto; height: auto; }
.suitesSlider .owl-carousel .item { display: flex; width: 100%; }
.suitesSlider .owl-carousel .cardSuite { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; height: auto; }
/* O carrossel ocupa quase toda a largura: as margens laterais do pai não respondem ao arraste. */
@media (min-width: 701px) {
	.suitesSlider { padding-right: 20px; padding-left: 20px; }
}

/* Pontos: o traço continua fino, mas a área de clique e de toque é maior. */
.suitesSlider .owl-controls, .sliderANunciosHome .owl-controls { position: relative; z-index: 2; margin-top: 12px; }
.suitesSlider .owl-dots .owl-dot, .sliderANunciosHome .owl-dots .owl-dot { position: relative; cursor: pointer; }
.suitesSlider .owl-dots .owl-dot::before, .sliderANunciosHome .owl-dots .owl-dot::before {
	content: "";
	position: absolute;
	top: -14px;
	right: -9px;
	bottom: -14px;
	left: -9px;
}

/* Setas como navegação alternativa aos gestos e aos pontos. */
.suitesSlider .owl-carousel { position: relative; }
/* No meio da altura dos cartões, descontados os 20 px dos pontos abaixo deles. */
.clmr-carousel-nav {
	position: absolute;
	top: calc(50% - 10px);
	z-index: 3;
	transform: translateY(-50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 1px solid #c9a24b;
	border-radius: 50%;
	background: rgba(34, 7, 13, .86);
	color: #fff;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
}
/* Seta desenhada em CSS: o caractere ‹ não fica no centro do círculo em todas as fontes. */
.clmr-carousel-nav::before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border: solid currentColor;
	border-width: 2px 2px 0 0;
}
.clmr-carousel-prev::before { margin-left: 4px; transform: rotate(-135deg); }
.clmr-carousel-next::before { margin-right: 4px; transform: rotate(45deg); }
.clmr-carousel-nav:hover { background: #c9a24b; color: #22070d; }
/* No celular, gesto e pontos; as setas cobririam o conteúdo dos cartões. */
@media (max-width: 767px) { .clmr-carousel-nav { display: none; } }
/* Suítes: setas na margem, fora dos cartões, para não cobrir logo nem texto. */
.clmr-carousel-prev { left: -42px; }
.clmr-carousel-next { right: -42px; }
@media (min-width: 768px) {
	.suitesSlider { padding-right: 44px; padding-left: 44px; }
}
/* Anúncios: os pontos ocupam 38 px; com margem disponível, a seta sai de cima da arte. */
.sliderANunciosHome .clmr-carousel-nav { top: calc(50% - 19px); }
.sliderANunciosHome .clmr-carousel-prev { left: 4px; }
.sliderANunciosHome .clmr-carousel-next { right: 4px; }
@media (min-width: 820px) {
	.sliderANunciosHome .clmr-carousel-prev { left: -48px; }
	.sliderANunciosHome .clmr-carousel-next { right: -48px; }
}
.clmr-carousel-hint { margin: 6px 0 0; color: #fff; font-size: 13px; text-align: center; opacity: .75; transition: opacity .3s ease; }
.clmr-carousel-hint.clmr-hint-off { opacity: 0; }
/* "Ver todas as suítes": link discreto, só texto, centralizado abaixo dos pontos do carrossel. */
.clmr-carousel-all { display: flex; justify-content: center; margin: 14px 0 4px; }
.clmr-carousel-all .clmr-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 0;
	padding: 6px 4px;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	color: rgba(239, 233, 220, .7);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: .02em;
	text-decoration: underline;
	text-decoration-color: rgba(226, 188, 98, .45);
	text-underline-offset: 4px;
	transition: color .6s ease, text-decoration-color .6s ease;
}
.clmr-carousel-all .clmr-btn i { color: rgba(226, 188, 98, .8); font-size: 11px; }
.clmr-carousel-all .clmr-btn:active { color: #e2bc62; transition-duration: .15s; }
@media (hover: hover) {
	.clmr-carousel-all .clmr-btn:hover { background: none; color: #e2bc62; text-decoration-color: #e2bc62; transition-duration: .2s; }
}