/**
 * Static journey pages: Casa Ayni, Participar and Contacto.
 */

.casa-ayni-journey-page .site-content,
.casa-ayni-journey-page .ast-container {
  min-width: 0;
}

.casa-ayni-journey {
  min-width: 0;
  overflow: clip;
}

.casa-ayni-journey__hero {
  padding-block: var(--space-8) var(--space-7);
  background:
    radial-gradient(circle at 85% 20%, var(--ayni-turquoise-100), transparent 30%),
    linear-gradient(145deg, var(--color-surface-soft), var(--color-background));
}

.casa-ayni-journey__hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(15rem, 0.85fr);
  align-items: center;
  gap: var(--space-6);
}

.casa-ayni-journey__hero-copy {
  min-width: 0;
}

.casa-ayni-journey__visual {
  position: relative;
  min-height: 18rem;
}

.casa-ayni-journey__visual-item {
  position: absolute;
  display: block;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}

.casa-ayni-journey__visual-item--0 {
  right: 24%;
  bottom: 3%;
  max-height: 17rem;
}

.casa-ayni-journey__visual-item--1 {
  right: 2%;
  bottom: 7%;
  max-height: 11rem;
  mix-blend-mode: darken;
}

.casa-ayni-journey__eyebrow,
.casa-ayni-journey__hero h1,
.casa-ayni-journey__lead,
.casa-ayni-journey__options h2,
.casa-ayni-journey-card h3,
.casa-ayni-journey-card p,
.casa-ayni-journey__empty p {
  margin: 0;
}

.casa-ayni-journey__eyebrow {
  margin-block-end: var(--space-3);
  color: var(--color-info);
  font-size: var(--font-size-sm);
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.casa-ayni-journey__hero h1 {
  max-width: 14ch;
  overflow-wrap: anywhere;
}

.casa-ayni-journey__lead {
  max-width: 42rem;
  margin-block-start: var(--space-4);
  color: var(--color-text-muted);
  font-size: var(--font-size-lg);
}

.casa-ayni-journey__options {
  padding-block: var(--space-7) var(--space-8);
}

.casa-ayni-journey__options > h2 {
  max-width: var(--container-editorial);
  margin-inline: auto;
  text-align: center;
}

.casa-ayni-journey__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
  gap: var(--space-4);
  padding: 0;
  margin: var(--space-6) 0 0;
  list-style: none;
}

.casa-ayni-institutional-page .entry-header,
.casa-ayni-institutional {
  width: min(calc(100% - (2 * var(--content-gutter))), var(--container-editorial));
  margin-inline: auto;
}

.casa-ayni-institutional-page .entry-header {
  padding-block: var(--space-8) var(--space-4);
}

.casa-ayni-institutional-page .entry-title {
  margin: 0;
  overflow-wrap: anywhere;
}

.casa-ayni-institutional {
	padding-block-end: var(--space-8);
}

.casa-ayni-institutional__illustration {
	display: grid;
	grid-template-columns: minmax(0, 11rem) minmax(0, 12rem);
	align-items: end;
	justify-content: center;
	gap: var(--space-3);
	min-height: 16rem;
	padding: var(--space-5);
	margin-block-end: var(--space-6);
	background: var(--color-background);
	border-radius: var(--radius-lg);
	overflow: hidden;
}

.casa-ayni-institutional__illustration img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

.casa-ayni-institutional__illustration-mushroom {
	max-height: 15rem;
}

.casa-ayni-institutional__illustration-plant {
	max-height: 13rem;
	mix-blend-mode: darken;
}

.casa-ayni-institutional__opening {
  padding-block-end: var(--space-6);
  color: var(--color-text-muted);
  font-size: var(--font-size-lg);
}

.casa-ayni-institutional__section + .casa-ayni-institutional__section {
  padding-block-start: var(--space-6);
  margin-block-start: var(--space-6);
  border-block-start: 0.0625rem solid var(--color-border);
}

.casa-ayni-institutional__section h2,
.casa-ayni-institutional__principle h3,
.casa-ayni-institutional__section p,
.casa-ayni-institutional__section ul {
  margin-block-start: 0;
}

.casa-ayni-institutional__section p,
.casa-ayni-institutional__section li {
  color: var(--color-text-muted);
}

.casa-ayni-institutional__principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  margin-block-start: var(--space-5);
}

.casa-ayni-institutional__principle {
  min-width: 0;
  padding: var(--space-5);
  border: 0.0625rem solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface-soft);
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.casa-ayni-institutional__principle h3 {
  font-size: clamp(1.2rem, 1.7vw, 1.5rem);
}

.casa-ayni-institutional__principle p:last-child,
.casa-ayni-institutional__section > *:last-child {
  margin-block-end: 0;
}

.casa-ayni-institutional__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-block-start: var(--space-5);
}

.casa-ayni-journey-card {
  display: flex;
  height: 100%;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-5);
  border: 0.0625rem solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  box-shadow: var(--shadow-soft);
  overflow-wrap: anywhere;
}

.casa-ayni-journey-card h3 {
  color: var(--color-text);
  font-family: var(--font-editorial);
  line-height: var(--line-height-tight);
}

.casa-ayni-journey-card p {
  color: var(--color-text-muted);
}

.casa-ayni-journey-card .casa-ayni-button {
  margin-block-start: auto;
}

.casa-ayni-journey__empty {
  max-width: var(--container-editorial);
  padding: var(--space-5);
  margin: var(--space-6) auto 0;
  border: 0.0625rem solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-surface-soft);
  color: var(--color-text-muted);
  text-align: center;
}

@media (max-width: 64rem) {
	.casa-ayni-journey__hero-inner {
		grid-template-columns: minmax(0, 1fr) minmax(12rem, 0.55fr);
		gap: var(--space-4);
	}

  .casa-ayni-institutional__principles {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 48rem) {
  .casa-ayni-journey__hero {
    padding-block: var(--space-7) var(--space-6);
  }

	.casa-ayni-journey__hero-inner {
		grid-template-columns: minmax(0, 1fr);
	}

	.casa-ayni-journey__visual {
		width: min(100%, 22rem);
		min-height: 13rem;
		margin-inline: auto;
	}

	.casa-ayni-journey__visual-item--0 {
		max-height: 12rem;
	}

	.casa-ayni-journey__visual-item--1 {
		max-height: 8rem;
	}

  .casa-ayni-journey__options {
    padding-block: var(--space-6) var(--space-7);
  }

  .casa-ayni-journey__grid {
    grid-template-columns: minmax(0, 1fr);
    margin-block-start: var(--space-5);
  }

  .casa-ayni-journey-card {
    padding: var(--space-4);
  }

  .casa-ayni-journey-card .casa-ayni-button {
    width: 100%;
  }

  .casa-ayni-institutional-page .entry-header {
    padding-block: var(--space-7) var(--space-3);
  }

	.casa-ayni-institutional {
		padding-block-end: var(--space-7);
	}

	.casa-ayni-institutional__illustration {
		grid-template-columns: minmax(0, 5.5rem) minmax(0, 6.5rem);
		min-height: 8rem;
		padding: var(--space-3);
		margin-block-end: var(--space-5);
	}

  .casa-ayni-institutional__principle {
    padding: var(--space-4);
  }

  .casa-ayni-institutional__actions,
  .casa-ayni-institutional__actions .casa-ayni-button {
    width: 100%;
  }
}