/* Espacios de anuncio.
 * El marco tiene la proporción del formato en cada corte de pantalla: el
 * hueco existe antes de que llegue la imagen y la página no salta. */

.ivc-ad {
	margin:0 auto 36px;
	text-align:center;
}
.ivc-ad__etiqueta {
	display:block;
	margin:0 0 6px;
	font-size:10.5px;
	font-weight:600;
	letter-spacing:.09em;
	text-transform:uppercase;
	color:#8a8a8a;
	line-height:1.2;
}
.ivc-ad__marco {
	margin:0 auto;
	width:100%;
	background:#f4f4f4;
}
.ivc-ad.is-listo .ivc-ad__marco,
.ivc-ad--demo .ivc-ad__marco { background:transparent; }
.ivc-ad__enlace,
.ivc-ad picture { display:block; }
.ivc-ad img {
	display:block;
	width:100%;
	height:auto;
	margin:0;
	border:0;
	border-radius:0;
}

/* Banner horizontal: 320×100 celular, 728×90 tablet, y en escritorio
 * 970×90 donde cabe (ancho total) o 728×90 en columnas de contenido. */
.ivc-ad--horizontal .ivc-ad__marco { max-width:320px; aspect-ratio:320 / 100; }

@media (min-width:768px){
	.ivc-ad--horizontal .ivc-ad__marco { max-width:728px; aspect-ratio:728 / 90; }
}
@media (min-width:1100px){
	.ivc-ad--horizontal.ivc-ad--ancho .ivc-ad__marco { max-width:970px; aspect-ratio:970 / 90; }
}

/* Rectángulo lateral: 300×600 en escritorio, 300×250 en tablet y celular. */
.ivc-ad--lateral .ivc-ad__marco { max-width:300px; aspect-ratio:300 / 250; }

@media (min-width:1100px){
	.ivc-ad--lateral .ivc-ad__marco { aspect-ratio:300 / 600; }
}

/* ===== Ubicaciones ===== */

.ivc-ad-zona--cabecera {
	max-width:1240px;
	margin:0 auto;
	padding:18px 20px 0;
}
.ivc-ad--en-cabecera { margin-bottom:16px; }

.ivc-ad--en-lateral-portada,
.ivc-ad--en-lateral-articulo { margin-bottom:0; }

.entry-content .ivc-ad { margin:30px auto; }
.entry-content .ivc-ad--en-final { margin-bottom:10px; }

.ivc-ad--en-archivo { margin:0 auto 32px; }

/* Modo demostración: se ve qué ubicación es cada recuadro. */
.ivc-ad--demo .ivc-ad__etiqueta { color:#e62e1b; }