/* ══════════════════════════════════════════════════════════════════════
   Espaciado entre secciones de "Reporte y Consultas" (post 951) — SOLO
   en esta página (body.page-id-2719). El maquetador trae las 2 filas
   (título+intro+imagen+formulario / política+banner) sin margin/padding
   propio, quedando pegadas entre sí y al header/footer. Referencia real:
   más aire entre bloques.
   ══════════════════════════════════════════════════════════════════════ */
body.page-id-2719 .oz-pb-r-0 {
	padding-top: 32px;
	padding-bottom: 40px;
}

body.page-id-2719 .oz-pb-r-1 {
	padding-top: 24px;
	padding-bottom: 48px;
}

/* "Formulario Servicio": línea corta fucsia debajo del texto, en vez de
   la línea completa que traía por defecto de .ozfp-form-header (ya
   oculto, ver reporte-consultas-form.css) — este es el título real de
   la página, un <p> plano al que se agregó esta clase en _oz_pb_layout. */
body.page-id-2719 .oz-form-servicio-title {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	padding-bottom: 8px;
	border-bottom: 2px solid #ff0047;
	margin: 0 0 20px !important;
}

/* ══════════════════════════════════════════════════════════════════════
   Fila 2 (.oz-pb-r-1): política de devoluciones + banner de marca
   ----------------------------------------------------------------------
   Dos columnas al 50% que el maquetador deja sin ningún ajuste: los dos
   bloques de texto van pegados entre sí (margin 0 en cada
   .oz-pb-spacing-scope), la alineación es incoherente y el banner se pinta
   al ancho completo de su columna, con lo que aplasta visualmente a la
   columna de texto.

   Las reglas de columna llevan .oz-pb-root en la cadena para sumar una
   clase más que la regla de padding del maquetador
   (html body .oz-pb-root .oz-pb-spacing-scope), que si no gana por tener
   más elementos.
   ══════════════════════════════════════════════════════════════════════ */

/* El párrafo va a la izquierda y la línea de garantía venía centrada por un
   style en línea del maquetador, así que la columna mezclaba dos
   alineaciones. Se unifica a la izquierda: centrar el párrafo de tres líneas
   habría quedado peor. El !important es inevitable — un style en línea gana
   a cualquier especificidad. */
body.page-id-2719 .oz-pb-r-1-c-0 .oz-pb-text p {
	text-align: left !important;
}

/* Aire entre el párrafo y la frase de garantía, que estaban pegados. */
body.page-id-2719 .oz-pb-r-1-c-0 .oz-pb-block--text + .oz-pb-block--text {
	margin-top: 18px;
}

/* Respiro contra el banner: las columnas solo se separaban por el margen
   lateral del maquetador y el texto llegaba casi a tocar la imagen. */
body.page-id-2719 .oz-pb-root .oz-pb-r-1-c-0 {
	padding-right: 24px;
}

/* El banner es decorativo y salía a ~700px de ancho, desequilibrando la
   sección frente a las cuatro líneas de texto de al lado. Se le pone tope de
   altura conservando la proporción (width:auto anula el 100% del maquetador)
   y se centra en su columna. El radio de 12px es el mismo que usan las
   tarjetas del sitio. */
body.page-id-2719 .oz-pb-r-1 .oz-pb-image img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 300px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 12px;
}

/* Apilado (<=768px): el maquetador pone las columnas una sobre otra, así que
   el respiro lateral ya no separa nada y el banner puede achicarse más. */
@media (max-width: 768px) {
	body.page-id-2719 .oz-pb-root .oz-pb-r-1-c-0 {
		padding-right: 0;
		padding-bottom: 24px;
	}
	body.page-id-2719 .oz-pb-r-1 .oz-pb-image img {
		max-height: 200px;
	}
}