/**
 * NHC – Compartir propiedades y búsquedas · v1.0
 *
 * Contrastes verificados para el nivel AA que exige Kit Digital (UNE-EN 301549):
 *   - Texto #1a1a1a sobre #ffffff .......... 17,4:1  (mínimo exigido 4,5:1)
 *   - Borde #c9bda4 sobre #ffffff ..........  1,9:1  (decorativo, no informa)
 *   - Iconos de marca sobre #ffffff ........  ≥3:1   (WCAG 1.4.11)
 *       WhatsApp #128C7E 3,9:1 · Facebook #1877F2 3,1:1
 *       LinkedIn #0A66C2 4,6:1 · X #000000 21:1
 *   - Foco #6b5d3e sobre #fbfaf7 .......... 6,8:1  (contorno de 3 px)
 *
 * No se usa color como único medio para transmitir información: cada botón
 * lleva su texto visible además del icono.
 */

.nhc-share {
	margin: 0 0 1.25rem;
	padding: 1rem;
	border: 1px solid #e4ded1;
	border-radius: 6px;
	background: #fbfaf7;
}

.nhc-share__title {
	margin: 0 0 .75rem;
	font-size: .95rem;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: #1a1a1a;
}

.nhc-share__row {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}

.nhc-share__btn {
	display: inline-flex;
	align-items: center;
	gap: .45rem;
	margin: 0;
	padding: .5rem .75rem;
	border: 1px solid #c9bda4;
	border-radius: 4px;
	background: #ffffff;
	color: #1a1a1a;
	font: inherit;
	font-size: .875rem;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease;
}

.nhc-share__btn:hover {
	background: #f2ede1;
	border-color: #b8a98e;
	text-decoration: none;
}

/* Contorno de foco propio: el del navegador es invisible sobre fondo claro en
 * algunos temas. 3 px y separado del botón para que se vea con claridad. */
.nhc-share__btn:focus-visible {
	outline: 3px solid #6b5d3e;
	outline-offset: 2px;
}

/* Navegadores antiguos sin :focus-visible */
.nhc-share__btn:focus {
	outline: 3px solid #6b5d3e;
	outline-offset: 2px;
}

.nhc-share__btn svg { flex: 0 0 auto; }

.nhc-share__btn--nat  svg { fill: #6b5d3e; }
.nhc-share__btn--wa   svg { fill: #128C7E; }
.nhc-share__btn--fb   svg { fill: #1877F2; }
.nhc-share__btn--x    svg { fill: #000000; }
.nhc-share__btn--li   svg { fill: #0A66C2; }
.nhc-share__btn--mail svg { fill: #4a4a4a; }
.nhc-share__btn--copy svg { fill: #4a4a4a; }

/* El botón nativo del móvil es la vía preferente donde existe: se destaca. */
.nhc-share__btn--nat {
	background: #b8a98e;
	border-color: #a3946f;
	font-weight: 600;
}

.nhc-share__btn--nat:hover {
	background: #a3946f;
}

.nhc-share__msg {
	margin: .6rem 0 0;
	min-height: 1.2em;
	font-size: .85rem;
	color: #1a5c38;
}

/* En las páginas de listado el bloque ocupa todo el ancho y el título va
 * centrado por el propio tema: los botones se centran con él. En la ficha se
 * mantienen a la izquierda, porque allí el bloque vive en una columna estrecha
 * junto a la tabla de datos y centrarlos lo descuadra. */
.nhc-share--busqueda .nhc-share__title,
.nhc-share--busqueda .nhc-share__row,
.nhc-share--busqueda .nhc-share__msg {
	text-align: center;
}

.nhc-share--busqueda .nhc-share__row {
	justify-content: center;
}

/* En móvil, el menú nativo cubre lo que necesita el usuario: se reduce el resto
 * a los canales que de verdad se usan para enviar una vivienda. */
@media (max-width: 600px) {
	.nhc-share__btn--x,
	.nhc-share__btn--li {
		display: none;
	}
	.nhc-share__btn {
		flex: 1 1 auto;
		justify-content: center;
	}
}

/* Respeta la preferencia del sistema de reducir animaciones. */
@media (prefers-reduced-motion: reduce) {
	.nhc-share__btn { transition: none; }
}