/*
 * Tarjetas del blog de la portada. Ver el porque en blog-portada.php.
 *
 * El marcado y casi todo el aspecto los da el tema: estas tarjetas son las
 * clases de Pofo y style.css ya las pinta como produccion. Aqui va SOLO lo que
 * la cadena de Elementor no reproduce de la de WPBakery.
 *
 * Y es una cosa: el .row de Bootstrap.
 *
 * Las tarjetas son .col-md-3, y una columna de Bootstrap trae 15px de padding a
 * cada lado contando con que su fila los compense con margenes negativos. En
 * produccion esa fila existe -- .vc_row.vc_inner lleva margin: 0 -15px --, asi
 * que el CONTENIDO de la primera tarjeta queda alineado con el borde del
 * contenedor. En Elementor no hay tal fila: .elementor-container -> columna ->
 * .elementor-widget-wrap -> widget, y ninguno tiene margenes negativos, con lo
 * que las cuatro tarjetas se meten 15px hacia dentro por cada lado.
 *
 * Medido a 1440px, con el contenedor de Elementor en 1140:
 *
 *                        sin esta regla     con ella        produccion
 *   caja de la tarjeta   142 -> 1282        127 -> 1297     128 -> 1298
 *   imagen               157 -> 1267        142 -> 1282     143 -> 1283
 *
 * Va acotado a .dq-blog a proposito: .col-4-nth-item es una clase del tema y la
 * usan otras plantillas.
 */

.dq-blog > [class*="-nth-item"] {
	margin-left: -15px;
	margin-right: -15px;
}