/**
 * Estilos para el sistema de newsletters
 * Archivo: assets/newsletter.css
 */

/* Reset para newsletters */
.newsletter-container {
	line-height: 1.4;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

.newsletter-container * {
	box-sizing: border-box;
}

/* Estilos base para tablas de email */
.newsletter-container table {
	border-collapse: collapse;
	mso-table-lspace: 0pt;
	mso-table-rspace: 0pt;
	width: 100%;
}

.newsletter-container img {
	border: 0;
	height: auto;
	outline: none;
	text-decoration: none;
	max-width: 100%;
	display: block;
}

/* Contenedor principal */
.newsletter-container .templateContainer {
	max-width: 600px;
	margin: 0 auto;
}

/* Responsive */
@media only screen and (max-width: 480px) {
	.newsletter-container .templateContainer {
		width: 100% !important;
		min-width: 100% !important;
	}
	
	.newsletter-container .mcnTextContent,
	.newsletter-container .mcnBoxedTextContentColumn {
		padding-right: 18px !important;
		padding-left: 18px !important;
	}
	
	.newsletter-container h1 {
		font-size: 22px !important;
		line-height: 125% !important;
	}
	
	.newsletter-container h2 {
		font-size: 20px !important;
		line-height: 125% !important;
	}
	
	.newsletter-container h3 {
		font-size: 18px !important;
		line-height: 125% !important;
	}
	
	.newsletter-container h4 {
		font-size: 16px !important;
		line-height: 150% !important;
	}
}

/* Ocultar elementos del tema WordPress en newsletters */
body.single-newsletter .site-header,
body.single-newsletter .site-navigation,
body.single-newsletter .site-footer,
body.single-newsletter .sidebar,
body.single-newsletter .breadcrumbs,
body.single-newsletter .entry-header,
body.single-newsletter .entry-footer {
	display: none !important;
}

body.single-newsletter .site-content {
	padding: 0;
	margin: 0;
}

body.single-newsletter {
	margin: 0;
	padding: 0;
}