/* ------------------------------------------------------------------
 * Ficha de propiedad impresa
 *
 * La carga single-property.php con media="print", asi que no afecta en
 * nada a la pagina en pantalla. Vale igual para el boton Imprimir de la
 * galeria que para Ctrl+P.
 *
 * Lo que queda en el papel: la foto que se estaba viendo, el titulo, el
 * precio, los datos, la descripcion, las caracteristicas y el logo y el
 * nombre de la agencia. Lo que sobra en papel: el menu, el pie, la tira
 * de miniaturas, los botones, el formulario de contacto, el mapa, los
 * videos, el banner de captacion de agencias, el aviso de cookies y los
 * botones flotantes (WhatsApp, subir).
 *
 * El telefono de la agencia NO se muestra: en la pagina va oculto a
 * proposito (los contactos entran por el formulario) y el papel no
 * debe saltarse esa decision.
 * ------------------------------------------------------------------ */

@page {
	size: A4;
	margin: 12mm;
}

html,
body,
.gray-simple,
.urban-galeria-zona {
	background: #ffffff !important;
}

/* --- Fuera --- */

.header,
footer.dark-footer,
section.call-to-act-wrap,
[id^="termsfeed-com---"],
.modal,
.urban-visor,
#WABoton,
.floating-wpp,
#back2Top,
.go-up,
.urban-galeria-tira,
.urban-galeria-acciones,
.urban-galeria-compartir-menu,
.urban-galeria-cuenta,
#sides-widget-form form {
	display: none !important;
}

/* El mapa y los videos, en una regla aparte: un navegador que no
 * entienda :has() descarta la regla entera en la que aparece, y si
 * estuviera en la lista de arriba se imprimiria todo lo demas. */
.property_block_wrap:has(#map-contact),
.property_block_wrap:has(.property_video) {
	display: none !important;
}

/* --- La foto: solo la que se estaba viendo --- */

.urban-galeria-zona {
	padding: 0 !important;
}

.urban-galeria-zona .container {
	max-width: 100% !important;
	padding: 0 !important;
}

.urban-galeria-escenario {
	border-radius: 6px !important;
	break-inside: avoid;
}

.urban-galeria-principal {
	aspect-ratio: auto !important;
	height: 95mm !important;
	max-height: none !important;
}

.urban-galeria-principal .swiper-wrapper {
	transform: none !important;
}

.urban-galeria-principal .swiper-slide {
	display: none !important;
}

.urban-galeria-principal .swiper-slide-active,
.urban-galeria-principal:not(.swiper-initialized) .swiper-slide:first-child {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
}

/* --- Los datos, a todo el ancho --- */

section.gray-simple {
	padding-top: 0 !important;
}

section.gray-simple .container {
	max-width: 100% !important;
	padding: 0 !important;
}

section.gray-simple .row > [class*="col-"] {
	flex: 0 0 100% !important;
	max-width: 100% !important;
	width: 100% !important;
}

section.gray-simple .mt-5 {
	margin-top: 6mm !important;
}

.property_block_wrap,
.sides-widget {
	box-shadow: none !important;
	border: 1px solid #dfe6ee !important;
	margin-bottom: 4mm !important;
}

/* Los bloques de datos SI se pueden partir entre hojas: una descripcion
 * larga no cabe en una sola y, si se impide partirla, deja media hoja
 * en blanco. Solo el recuadro de la agencia, que es corto, va entero. */
.sides-widget {
	break-inside: avoid;
}

/* styles.css pone .block-body en inline-block, y Chrome no reparte un
 * inline-block entre hojas: la descripcion larga saltaba entera a la
 * hoja siguiente, dejaba la caja vacia y se montaba sobre el bloque de
 * despues. */
.property_block_wrap .block-body {
	display: block !important;
}

/* Los bloques plegados en pantalla salen desplegados en papel, y sin la
 * flechita de plegar, que en papel no hace nada. */
.collapse,
.collapse:not(.show) {
	display: block !important;
	height: auto !important;
	visibility: visible !important;
}

.property_block_wrap.style-2 .property_block_wrap_header h4:after {
	display: none !important;
}

/* Informacion (#clOne) y Caracteristicas (#clThree) son cortas: van
 * enteras, para que su titulo no se quede solo al pie de una hoja (Chrome
 * no hace caso de break-after en esta maqueta). La descripcion (#clTwo)
 * NO: es la que puede ocupar mas de una hoja. */
.property_block_wrap:has(#clOne),
.property_block_wrap:has(#clThree) {
	break-inside: avoid;
}

a {
	text-decoration: none !important;
	color: inherit !important;
}