/* Contacto — maqueta del export `Contacto.png` (1920x1080).

   Medidas tomadas del export con detección de bordes: el bloque arranca en
   x=136, la primera línea en y=851 y la última termina en y=992, o sea a 88px
   del borde inferior. Interlineado de 15px y 24px de aire entre los tres
   grupos. El cuerpo es Helvetica 13px: es el tamaño que reproduce el ancho
   medido de la línea más larga (311px contra 313 del export). */

.xfb-contacto {
	box-sizing: border-box;
	display: flex;
	/* La página es una sola pantalla y el bloque se apoya abajo. */
	align-items: flex-end;
	min-height: 100vh;
	padding: 0 max(var(--xfb-margin), 7.08vw) 8.15vh;
}

.xfb-contacto__block {
	font-size: 13px;
	line-height: 15px;
	letter-spacing: 0;
}

.xfb-contacto__block p {
	margin: 0;
}

/* Los tres grupos —dirección, teléfono y mail, Instagram— separados por el
   mismo aire. */
.xfb-contacto__block p + p {
	margin-top: 24px;
}

/* Mobile — frame CONTACTO de la página XFB MOBILE. El bloque deja de apoyarse
   abajo: va alineado a la izquierda contra el margen, con la primera línea en
   y=175.7 sobre 640. */
@media (max-width: 700px) {
	.xfb-contacto {
		align-items: flex-start;
		min-height: 0;
		padding: 48.8vw var(--xfb-margin) 13.4vw;
	}
}
