/* ============================================================
   FICHA TECNICA DE LA PROPIEDAD
   ============================================================

   El bloque de templates/partials/ficha-tecnica.php, en /model/<nombre> y en
   /house/<id>. Lo carga el propio parcial, como directorio-lugares.css: asi
   llega a las dos vistas sin tocar la cabecera ni css/lugares.css.

   Sigue el ritmo de "Caracteristicas de la propiedad", que va justo debajo
   (css/lugares.css): el mismo titulo, el mismo subtitulo de grupo con su raya
   y el mismo cuerpo de letra. Lo distinto es la fila: aqui cada dato tiene
   rotulo y valor, asi que va en dos columnas, rotulo a la izquierda y valor a
   la derecha, como se lee una ficha tecnica. */

.ficha-tecnica {
	margin-block: 2.5rem;
}

.ficha-tecnica__titulo {
	margin: 0 0 1.25rem;
	font-size: 1.25rem;
	font-weight: 600;
}

.ficha-tecnica__grupos {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 1.75rem 2.5rem;
	align-items: start;
}

.ficha-tecnica__grupo {
	min-width: 0;
}

.ficha-tecnica__grupo-titulo {
	margin: 0 0 .25rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid rgba(0, 0, 0, .12);
	font-size: .9375rem;
	font-weight: 600;
	letter-spacing: .01em;
}

.ficha-tecnica__lista {
	margin: 0;
	padding: 0;
}

/* El rotulo ocupa lo que mide, hasta poco mas de media fila: "Material de
   construcción" cabe en un renglon y no se parte en dos para dejarle a
   "Bloque" un hueco que no necesita. Pasado ese ancho se parte el rotulo, y el
   valor conserva siempre el resto. */
.ficha-tecnica__fila {
	display: grid;
	grid-template-columns: fit-content(58%) minmax(0, 1fr);
	column-gap: 1rem;
	align-items: baseline;
	padding: .5rem 0;
	border-bottom: 1px solid rgba(0, 0, 0, .06);
	font-size: .9375rem;
	line-height: 1.4;
}

.ficha-tecnica__fila:last-child {
	border-bottom: 0;
}

.ficha-tecnica__fila dt {
	margin: 0;
	opacity: .68;
}

.ficha-tecnica__fila dd {
	margin: 0;
	font-weight: 600;
	text-align: right;
	overflow-wrap: anywhere;
}

.ficha-tecnica__nota {
	margin: 1.25rem 0 0;
	font-size: .75rem;
	line-height: 1.5;
	opacity: .55;
}

@media (max-width: 47.99rem) {
	.ficha-tecnica { margin-block: 1.75rem; }
	.ficha-tecnica__grupos { gap: 1.25rem; }
}