/**
 * NHC – Correcciones de maquetación · v1.0
 * Cada bloque explica qué corrige y por qué hace falta.
 */

/* ─── 1. Contenido que las animaciones dejaban invisible ──────────────────────
 * Breakdance oculta con visibility:hidden todo lo que lleva data-entrance a la
 * espera de que su JavaScript lo revele, y ese JavaScript falla en este sitio
 * ("BreakdanceEntrance is not defined"). Resultado: el contenido no se ve nunca.
 * Afecta, entre otras cosas, al formulario de valoración de /sell-your-property/.
 *
 * Verificado con navegador y con ratón, scroll y teclado simulados: sin esta
 * regla siguen ocultos.
 */
[data-entrance] {
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
	animation: none !important;
}

/* ─── 2. Banderas de idioma ───────────────────────────────────────────────────
 * La rejilla del selector está configurada a 7 columnas (una por idioma) pero
 * solo contiene 2 banderas, así que cada una quedaba en su séptimo de ancho, muy
 * separadas y descolgadas respecto al logotipo.
 *
 * Se ajusta a tantas columnas como banderas haya y se sube el bloque. No se toca
 * la propiedad `display`, para no interferir con los cortes responsive que
 * deciden cuál de las dos rejillas se muestra en cada tamaño de pantalla.
 */
.bde-grid-21-219 {
	grid-template-columns: repeat(2, max-content) !important;
	--bde-grid-gap: 10px !important;
	gap: 10px !important;
	padding-top: 0 !important; /* 20/10/2026: banderas movidas a la franja superior, encima del logo */
	width: auto !important;
}

/* ─── 3. Guía de venta con el mismo formato que la del comprador ──────────────
 * El cliente pide que "Sell Your Property" quede alineada a la izquierda y con
 * el espaciado tan cuidado como el de la guía del comprador, que es la
 * referencia. Solo se toca el bloque de texto de la guía: la cabecera con el
 * formulario de valoración se deja centrada, porque ahí sí funciona.
 */
.bde-rich-text-285-127,
.bde-rich-text-285-127 h1,
.bde-rich-text-285-127 h2,
.bde-rich-text-285-127 h3,
.bde-rich-text-285-127 h4,
.bde-rich-text-285-127 p,
.bde-rich-text-285-127 li {
	text-align: left !important;
}

.bde-rich-text-285-127 h2,
.bde-rich-text-285-127 h3 {
	margin-top: 34px;
	margin-bottom: 12px;
}

.bde-rich-text-285-127 p {
	margin-bottom: 18px;
	line-height: 1.8;
}

.bde-rich-text-285-127 ul,
.bde-rich-text-285-127 ol {
	margin-bottom: 18px;
	padding-left: 22px;
}

.bde-rich-text-285-127 li {
	margin-bottom: 8px;
	line-height: 1.7;
}

/* El primer encabezado no necesita el margen superior: ya lo separa el bloque
 * anterior. */
.bde-rich-text-285-127 > h2:first-child,
.bde-rich-text-285-127 > h3:first-child {
	margin-top: 0;
}


/* ─── 4. Buscador de la portada en móviles pequeños (20/10/2026) ──────────────
 * El shortcode del buscador trae una fila con `min-width: 377px` y
 * `margin-right: -57px`: en pantallas de 360 px o menos se salía por la
 * derecha, ocultaba las flechas de los desplegables y descentraba SEARCH.
 */
@media (max-width: 479px) {
	.bde-shortcode-29-104 .w3-row-padding {
		min-width: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		box-sizing: border-box;
	}
}

/* ─── 5. Cuadrícula de los listados de propiedades (20/10/2026) ───────────────
 * Las tarjetas del plugin de Resales son flotantes; las que tienen el título en
 * dos líneas miden 17 px más y enganchan la fila siguiente, que se descoloca y
 * deja huecos (Alquileres, Apartamentos, Lujo). Con la misma altura mínima
 * todas las filas quedan de 3 en 3.
 */
@media (min-width: 993px) {
	.wii-props-view {
		min-height: 405px;
	}
}

/* ─── 6. Botón de teléfono de las Guías en el dorado de la marca (20/10/2026) ─
 * La tarjeta "Contact Us" del final de las dos guías traía el verde por
 * defecto del elemento, fuera de la paleta del resto de botones.
 */
.bde-image-box-1473-110 .button-atom,
.bde-image-box-1480-110 .button-atom {
	background-color: var(--bde-brand-primary-color, #8A6A24) !important;
	border-color: var(--bde-brand-primary-color, #8A6A24) !important;
	color: #fff !important;
}


/* ─── 7. Botones "Read more" de las noticias (20/10/2026) ────────────────────
 * Texto negro sobre el dorado: contraste 4,16:1, por debajo del 4,5:1 de WCAG
 * AA. En blanco, como el resto de botones dorados de la web.
 */
.bde-loop-item__button.button-atom--primary .button-atom__text {
	color: #fff !important;
}