/* =====================================================================
 * MCbytess Ads — estilos de frontend.
 *
 * Targeting por dispositivo hecho 100% en CSS para no romper el page cache:
 * el bloque siempre se imprime con las clases de los dispositivos permitidos
 * (mcb-ads-dev-desktop/-tablet/-mobile) y se OCULTA cuando el viewport no
 * corresponde a ninguna de ellas.
 *
 * Breakpoints:
 *   - Móvil:    ancho <= 767px
 *   - Tablet:   768px – 1024px
 *   - Desktop:  >= 1025px
 * --------------------------------------------------------------------- */

.mcb-ads-block {
	display: block;
	margin: 1.25em 0;
	text-align: center;
}

/* Centrado: inline (img/a) por text-align; block-level (ins de AdSense,
   iframes, divs) por margin auto. */
.mcb-ads-block img {
	max-width: 100%;
	height: auto;
}
.mcb-ads-block > * {
	margin-left: auto;
	margin-right: auto;
}

/* Móvil: oculta los bloques que no incluyen 'mobile'. */
@media (max-width: 767px) {
	.mcb-ads-block:not(.mcb-ads-dev-mobile) { display: none; }
}

/* Tablet: oculta los bloques que no incluyen 'tablet'. */
@media (min-width: 768px) and (max-width: 1024px) {
	.mcb-ads-block:not(.mcb-ads-dev-tablet) { display: none; }
}

/* Desktop: oculta los bloques que no incluyen 'desktop'. */
@media (min-width: 1025px) {
	.mcb-ads-block:not(.mcb-ads-dev-desktop) { display: none; }
}