/*
 * v-index — home mínima: texto de presentación y buscador a la izquierda,
 * slider a la derecha; una columna cuando el contenedor es angosto.
 * Es el espacio libre de cada sitio: un theme derivado lo rehace entero.
 */
@layer views {
	.v-index { container: home / inline-size; }
	.c-home-intro {
		display: grid;
		grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
		grid-template-areas: "text slider";
		align-items: center;
		gap: var(--space-2xl);
		padding-block: var(--space-xl) var(--space-2xl);
	}
	@container home (width < 52rem) {
		.c-home-intro { grid-template-columns: 1fr; grid-template-areas: "slider" "text"; gap: var(--space-l); padding-block-start: 0; }
	}
	.c-home-intro__text { grid-area: text; display: grid; gap: var(--space-s); align-content: center; }
	.c-home-intro > .c-rail--slides { grid-area: slider; }

	.c-home-intro__eyebrow {
		color: var(--color-accent-text);
		font-size: var(--step--2);
		font-weight: 600;
		letter-spacing: 0.12em;
		text-transform: uppercase;
	}
	.c-home-intro__title { font-size: var(--step-5); line-height: 1.1; }
	.c-home-intro__title::after {   /* el punto de remate, más grande en la portada */
		content: "";
		display: inline-block;
		inline-size: 0.2em;
		aspect-ratio: 1;
		margin-inline-start: 0.12em;
		border-radius: 50%;
		background: var(--color-accent);
	}
	.c-home-intro__lead { color: var(--color-muted); font-size: var(--step-1); line-height: 1.55; max-inline-size: 42ch; }

	.c-home-search {
		display: grid;
		grid-template-columns: 1fr auto;
		margin-block-start: var(--space-s);
		max-inline-size: 34rem;
	}
	.c-home-search .c-autocomplete { min-inline-size: 0; }
	.c-home-search .c-form__control { inline-size: 100%; min-block-size: 3.25rem; border-color: var(--color-strong); font-size: var(--step-0); }
	.c-home-search__submit { min-block-size: 3.25rem; margin-inline-start: var(--space-2xs); }
	/* el buscador de la portada, recto (campo y botón): los campos de texto no se biselan */
	.c-home-search :is(.c-form__control, .c-home-search__submit) { border-radius: 0; }
	.c-home-search .c-form__control { padding-inline: 1.2em; }
	.c-home-intro__links { font-size: var(--step--1); color: var(--color-muted); }
	.c-home-intro__links a { color: var(--color-strong); }
}