/*
 * Estilos de las unidades de AdSense propias.
 *
 * Objetivo: que el banner nunca desborde el contenedor ni tape el contenido,
 * y que se pida con un tamano que AdSense tenga anunciantes.
 */

.rp-ad {
	display: block;
	margin: 24px 0;
	max-width: 100%;
	overflow: hidden;
	width: 100%;
	max-width: 728px;
	margin-left: auto;
	margin-right: auto;
}

/* Dentro del texto del post */
.rp-ad--in-article {
	clear: both;
	margin: 28px auto;
}

/* Sidebar: ocupa todo el ancho del sidebar */
.sidebar .rp-ad,
.rp-ad--default {
	width: 100%;
	max-width: 100%;
}

/* El <ins> no debe poder forzar un ancho mayor al contenedor */
.rp-ad ins.adsbygoogle {
	max-width: 100% !important;
	width: 100%;
	display: block;
	box-sizing: border-box;
}

/* Si el contenedor es angosto, el banner se reescala en vez de desbordar */
@media (max-width: 767px) {
	.rp-ad {
		margin: 18px auto;
		max-width: 100%;
	}
}

/*
 * Anuncios flotantes que Google inyecta por JavaScript (anchors, vinetas,
 * banners de 1905px) fuera de las unidades propias. Se ocultan por CSS:
 * la impression se sigue contando, pero dejan de tapar el contenido.
 *
 * Google los cuelga directo del <html>, asi que no hay un contenedor padre
 * que los identifique: se distinguen por no estar dentro de .rp-ad.
 */
.google-auto-placed {
	display: none !important;
}

/* Los anchors de AdSense se inyectan directos en el body/html. */
body > div[id^="google-auto-placed"],
body > iframe[id^="google_ads_iframe"],
body > div.adsbygoogle,
html > ins.adsbygoogle:not(.rp-ad ins),
html > div.adsbygoogle {
	display: none !important;
}

/* Los <ins> de AdSense que quedan sueltos fuera de nuestras unidades. */
ins.adsbygoogle:not(.rp-ad ins) {
	display: none !important;
}