/*
 * MKTi Master — CSS global del sitio.
 * Ajustes de diseño que aplican en todo el front. Editar y subir con deploy.bat;
 * el módulo lo recarga por versión (filemtime), así que basta purgar la caché.
 */

/* Cuerpo del artículo a ancho completo en móvil.
 * El tema limita .tj-entry-content.blog-text a 33ch (~278px) en pantallas
 * pequeñas, dejando un hueco a la derecha. Lo llevamos al 100% con padding
 * simétrico para que respire sin pegarse a los bordes. */
@media screen and (max-width: 768px) {
	.tj-entry-content.blog-text {
		max-width: 100% !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
}

/* CTA del artículo alineado a la izquierda.
 * El bloque hereda text-align:justify del cuerpo, lo que estira el título y
 * aparenta un padding asimétrico (en realidad es 20px simétrico). Alinearlo a
 * la izquierda corrige ambas cosas. */
.ae-cta-container,
.ae-cta-container h3,
.ae-cta-container p {
	text-align: left !important;
}

/* Inputs del formulario del CTA al 100% del ancho.
 * Traen un width:300px fijo, más ancho que el card en móvil (~284px), así que
 * se desbordan a la derecha y aparentan más padding a la izquierda. El padding
 * del input ya es simétrico (15px); el problema es el ancho fijo. */
.ae-cta-container .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}
.ae-cta-container input[type="text"],
.ae-cta-container input[type="email"] {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}