/* Ajustes propios del sitio estatico de LM Contabilidad Financiera.
   Se cargan despues de los estilos del tema para poder corregirlos. */


/* ---------------------------------------------------------------
   Retícula de tarjetas (servicios, blog y portada)

   El tema coloca estas tarjetas con una maquetacion en mosaico
   calculada por JavaScript. En un sitio estatico ese calculo se
   ejecuta antes de que carguen las imagenes, de modo que mide las
   tarjetas vacias (unos 102px) y las apila cada 102px, cuando en
   realidad miden 482px. Resultado: se superponen y el contenedor
   queda unos 380px corto, cortando la ultima fila.

   Como todas las tarjetas tienen la misma altura, el mosaico no
   aporta nada. Se anula el posicionamiento absoluto y se deja que
   maqueten las clases de retícula que el propio tema ya incluye
   (row y col-*), que no dependen de ningun calculo por JavaScript
   y conservan los mismos puntos de corte responsivos.
   --------------------------------------------------------------- */

.ct-grid-inner.ct-grid-masonry {
	height: auto !important;
	display: flex !important;
	flex-wrap: wrap;
}

.ct-grid-inner.ct-grid-masonry > .grid-item {
	position: static !important;
	left: auto !important;
	top: auto !important;
	transform: none !important;
}


/* ---------------------------------------------------------------
   Vinetas de las listas en los articulos

   El contenido llega con dos formas mezcladas: <li>texto</li>, que
   se ve bien, y <li><p>texto</p></li>. En la segunda el parrafo es
   un elemento de bloque con margenes propios, asi que el texto cae
   a la linea siguiente y queda debajo de la vineta en vez de al
   lado, con un espaciado irregular entre puntos.

   Se corrige por CSS y no reescribiendo los articulos, para que
   valga tambien para los que genere el sistema automatico.
   --------------------------------------------------------------- */

.entry-content li > p,
.post-content li > p,
.ct-content li > p {
	margin-top: 0;
	margin-bottom: 0;
}

/* Cuando el parrafo es el unico contenido del punto, se muestra en
   linea para que el texto arranque junto a la vineta. */
.entry-content li > p:only-child,
.post-content li > p:only-child,
.ct-content li > p:only-child {
	display: inline;
}

/* Con varios parrafos se mantiene el bloque, pero sin el margen
   superior que separaba el primero de su vineta. */
.entry-content li > p:first-child,
.post-content li > p:first-child,
.ct-content li > p:first-child {
	margin-top: 0;
}

/* Separacion uniforme entre puntos de una misma lista. */
.entry-content li,
.post-content li,
.ct-content li {
	margin-bottom: 8px;
}