/* Impronta · ficha del patrón: acordeones y modal de muestra (Patron.dc.html). */
.imp-acordeones { border-top: 1px solid var(--imp-arena); font-family: 'Jost', Futura, 'Century Gothic', sans-serif; color: var(--imp-tinta); }
.imp-acordeon { border-bottom: 1px solid var(--imp-arena); }
.imp-acordeon summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 56px;
	list-style: none;
	cursor: pointer;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .18em;
	text-transform: uppercase;
}
.imp-acordeon summary::-webkit-details-marker { display: none; }
.imp-acordeon__signo { position: relative; width: 12px; height: 12px; flex-shrink: 0; }
.imp-acordeon__signo::before,
.imp-acordeon__signo::after { content: ''; position: absolute; background: currentColor; }
.imp-acordeon__signo::before { top: 5.5px; left: 0; width: 12px; height: 1px; }
.imp-acordeon__signo::after { top: 0; left: 5.5px; width: 1px; height: 12px; }
.imp-acordeon[open] .imp-acordeon__signo::after { display: none; }
.imp-acordeon__cuerpo { padding: 0 0 22px; font-size: 15px; line-height: 1.7; font-weight: 300; }
.imp-acordeon__cuerpo p { margin: 0 0 1em; }
.imp-lista { margin: 0; padding: 0 0 0 18px; }

.imp-muestra-boton {
	min-height: 48px;
	padding: 0 28px;
	border: 1px solid var(--imp-trigo);
	border-radius: 0;
	background: transparent;
	color: var(--imp-tinta);
	font-family: 'Jost', Futura, 'Century Gothic', sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .2em;
	text-transform: uppercase;
	cursor: pointer;
}
.imp-muestra-boton:hover { border-color: var(--imp-tinta); background: transparent; color: var(--imp-tinta); }

.imp-modal {
	width: min(560px, calc(100vw - 32px));
	max-height: calc(100vh - 32px);
	padding: 32px 28px 28px;
	border: 1px solid var(--imp-arena);
	border-radius: 0;
	background: var(--imp-superficie);
	color: var(--imp-tinta);
	font-family: 'Jost', Futura, 'Century Gothic', sans-serif;
	overflow: auto;
}
.imp-modal::backdrop { background: rgba(51, 48, 43, .55); }
.imp-modal__cerrar {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 44px;
	height: 44px;
	border: 0;
	background: transparent;
	color: var(--imp-tinta);
	font-size: 16px;
	cursor: pointer;
}
.imp-modal__eyebrow { margin: 0 0 6px; font-size: 10px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: var(--imp-arcilla-pro); }
.imp-modal__titulo { margin: 0 0 18px; font-size: 20px; font-weight: 300; letter-spacing: .12em; text-transform: uppercase; }
.imp-modal__img { display: block; width: 100%; height: auto; border: 1px solid var(--imp-arena); }
.imp-modal__pie { margin: 14px 0 0; font-size: 14px; line-height: 1.6; color: var(--imp-topo); }