/**
 * Directorio de cooperativas — nodo 61:2536.
 *
 * Tarjetas de 466x146 en tres columnas, sin imagen. Padding interno de 24.
 */

.cvp-dircard {
	background: var(--cvp-white);
	border: 1px solid #e0e6ee;
	transition: border-color var(--cvp-dur) var(--cvp-ease),
		box-shadow var(--cvp-dur) var(--cvp-ease);
}

.cvp-dircard:hover {
	border-color: var(--cvp-navy);
	box-shadow: 0 2px 12px rgba(0, 70, 150, 0.1);
}

.cvp-dircard__link {
	display: flex;
	flex-direction: column;
	gap: 10px;
	min-height: 146px;
	padding: var(--cvp-sp-3);
	text-decoration: none;
	height: 100%;
}

.cvp-dircard__link:focus-visible {
	outline: 3px solid var(--cvp-yellow);
	outline-offset: -3px;
}

.cvp-dircard__title {
	margin: 0;
	font-family: var(--cvp-font-display);
	font-size: 1.0625rem;   /* 17 */
	font-weight: 700;
	line-height: 1.2;
	color: var(--cvp-navy);
}

.cvp-dircard__depto,
.cvp-dircard__tipo {
	margin: 0;
	font-family: var(--cvp-font-text);
	font-size: var(--cvp-fs-xs);
	line-height: 1.3;
}

.cvp-dircard__depto {
	color: #808080;
}

.cvp-dircard__tipo {
	color: #666;
}

/* El enlace queda pegado abajo, como en el diseño. */
.cvp-dircard__more {
	margin: auto 0 0;
	font-family: var(--cvp-font-text);
	font-size: var(--cvp-fs-xs);
	font-weight: 700;
	letter-spacing: var(--cvp-tracking-nav);
	text-transform: uppercase;
	color: var(--cvp-navy);
}

.cvp-dircard:hover .cvp-dircard__more {
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-color: var(--cvp-yellow);
	text-decoration-thickness: 2px;
}

/*
 * Tarjeta con el nombre solo (listado parcial del 5 de octubre de 2026): sin
 * enlace, así que no reacciona al hover, y baja de alto para que el centenar
 * de nombres no se vuelva una página interminable.
 */
.cvp-dircard--solo-nombre {
	display: flex;
	align-items: center;
	min-height: 4.5rem;
	padding: var(--cvp-sp-2) var(--cvp-sp-3);
}

.cvp-dircard--solo-nombre:hover {
	border-color: #e0e6ee;
	box-shadow: none;
}

/* En celular, dos columnas: de a una eran casi cien tarjetas en fila. */
@media (max-width: 620px) {
	.cvp-archive__grid:has(> .cvp-dircard--solo-nombre) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--cvp-sp-1);
	}

	.cvp-dircard--solo-nombre {
		min-height: 3.75rem;
		padding: var(--cvp-sp-1) var(--cvp-sp-2);
	}

	.cvp-dircard--solo-nombre .cvp-dircard__title { font-size: 0.9375rem; }  /* 15 */
}