/* Ishiku Lemu · botón flotante «Compra tu entrada» (inc/cta-visita.php), solo en tablet y
   móvil: en escritorio la compra está en el menú del header.
   Píldora bosque con texto blanco, como .cc-boton--solido. El brandbook no usa
   sombras: lo separa del fondo un anillo crema, que se lee igual sobre papel, sobre
   fotos y sobre las secciones noche. Abajo a la izquierda, a la altura del botón de
   Chías (derecha, 62 px desde 26 px): los dos quedan en la misma línea. */

@media (min-width: 981px) {
	.cc-cta-visita-nav {
		display: none;
	}
}

.cc-cta-visita {
	--cc-cta-alto: 52px;
	--cc-cta-borde: 26px;

	position: fixed;
	left: var(--cc-cta-borde);
	/* Centrado con el botón de Chías: 26 + 62/2 − 52/2. */
	bottom: calc(var(--cc-cta-borde) + 5px);
	z-index: 2900; /* Bajo el header fijo (3000) y su menú móvil, y bajo el chat. */
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	min-height: var(--cc-cta-alto);
	padding: 0 26px 0 20px;
	font-family: 'Raleway', Helvetica, Arial, sans-serif;
	font-size: 0.8125rem;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	color: var(--cc-blanco, #ffffff);
	background-color: var(--cc-bosque, #3f5123);
	border: 2px solid var(--cc-crema, #f0ecdf);
	border-radius: 50px;
	transition: background-color var(--cc-duracion, 200ms) var(--cc-curva, ease), transform var(--cc-duracion, 200ms) var(--cc-curva, ease);
}

.cc-cta-visita:hover,
.cc-cta-visita:focus-visible {
	color: var(--cc-blanco, #ffffff);
	background-color: var(--cc-acento-texto, #557320);
}

.cc-cta-visita:active {
	transform: translateY(1px);
}

/* Foco: el contorno global (mostaza de texto) se perdería sobre las fotos oscuras;
   aquí va el mismo anillo del botón, más separado. */
.cc-cta-visita:focus-visible {
	outline: 2px solid var(--cc-crema, #f0ecdf);
	outline-offset: 3px;
}

.cc-cta-visita__icono {
	flex: none;
}

/* Tablet y móvil grande: más compacto, mismo centro que Chías (62 px a 26 px). */
@media (max-width: 600px) {
	.cc-cta-visita {
		--cc-cta-borde: 16px;
		bottom: 31px;
		max-width: calc(100vw - 16px - 104px);
		padding: 0 18px 0 14px;
		letter-spacing: 1px;
	}
}

/* Desde 520 px Chías se achica (56 px a 16 px del borde): el botón sigue su centro y
   no entra en su columna. */
@media (max-width: 520px) {
	.cc-cta-visita {
		bottom: 18px;
		max-width: calc(100vw - 16px - 88px);
	}

	/* El globo de saludo de Chías salía hacia la izquierda, encima del botón: en móvil
	   sube sobre el propio Chías. */
	body .ishiku-faq .ishiku-peek {
		right: 16px;
		bottom: 108px;
	}
}

@media (max-width: 360px) {
	.cc-cta-visita {
		font-size: 0.75rem;
		letter-spacing: 0.5px;
	}

	.cc-cta-visita__icono {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cc-cta-visita {
		transition: none;
	}

	.cc-cta-visita:active {
		transform: none;
	}
}

@media print {
	.cc-cta-visita {
		display: none;
	}
}