/* Páginas /promociones/ y /promociones-especiales/ (issues #45 y #46,
   diseño completo pendiente ahí). Por ahora, ajuste puntual pedido aparte:
   el botón "Descargar Catálogo" y el espacio antes del PDF.

   Contenido de ambas páginas: shortcodes de WPBakery (vc_row/vc_column)
   pegados directo en el editor, no un widget de Elementor -por eso no
   aplica el patrón elementor/widget/render_content de las demás páginas-,
   así que el ajuste va por CSS scoped a estas dos páginas. */

/* El botón viene del shortcode [button] de XStore, gris de fábrica
   (#f2f2f2). :has() lo encuentra por la fila que lo contiene, no por un ID
   -las dos páginas usan clases .vc_custom_XXXXXXXXXXXXX autogeneradas y
   distintas entre sí, :has(a.btn.big) funciona igual en las dos-. */
.vc_row:has(a.btn.big) a.btn.big,
.abrasivomx-catalogo-boton a.btn.big {
	background: #e63946 !important;
	border-color: #e63946 !important;
	color: #ffffff !important;
	/* Píldora, igual que el botón "Enviar mensaje" de Contacto
	   (contacto.css). */
	border-radius: 999px !important;
}

.vc_row:has(a.btn.big) a.btn.big:hover,
.abrasivomx-catalogo-boton a.btn.big:hover {
	background: #f01c23 !important;
	border-color: #f01c23 !important;
}

/* La fila del botón mide 162px de alto para un botón de 42px: el editor
   guardó un <br> antes y otro después del link -cada uno suma su propia
   línea completa-, encima del padding-top:40px/padding-bottom:20px ya
   fijado en el propio shortcode del row. Se ocultan los <br>, el padding
   del row se deja más angosto. */
/* Catálogo no trae la fila de WPBakery: su botón lo dibuja el tema
   (abrasivomx_catalogo_boton), así que su contenedor entra en las mismas
   reglas en vez de imitar el marcado del constructor. */
.vc_row:has(a.btn.big),
.abrasivomx-catalogo-boton {
	padding-top: 20px !important;
	padding-bottom: 10px !important;
}

.vc_row:has(a.btn.big) br {
	display: none;
}

/* Todavía sobraba espacio con lo de arriba: WPBakery le suma 35px de
   margin-bottom de fábrica a todo ".wpb_content_element" -así venga solo,
   sin nada debajo dentro de la misma columna-, y el editor dejó un <br>
   suelto entre esta fila y la del PDF (salto de línea entre los dos
   [vc_row] en el contenido guardado). Ninguno de los dos cumple ninguna
   función visual acá. */
.vc_row:has(a.btn.big) .wpb_content_element {
	margin-bottom: 0 !important;
}

.vc_row:has(a.btn.big) + br {
	display: none !important;
}

.abrasivomx-catalogo-boton {
	text-align: center;
}