/* Huecos de anuncio, comunes a todas las paginas que los lleven (guias y aviso legal).

   Ahora son cuadros de prueba en naranja para ver donde caen antes de publicar.
   Cuando se pongan los anuncios de verdad, el borde y el texto desaparecen y
   queda solo el hueco con su altura.

   Cada hueco reserva su altura desde el principio. Si no, el texto pega un
   salto cuando carga el anuncio y Google lo cuenta en contra (CLS).
   Estilo minimalista: linea fina, sin relleno fuerte, etiqueta pequena. */
:root{
  --ad-line:#E3A35A;
  --ad-ink:#A0631F;
}
.anuncio{position:relative;display:block;margin:40px 0;border:1px dashed var(--ad-line);border-radius:10px;
  background:rgba(227,163,90,.06)}
.anuncio::before{content:"Anuncio";position:absolute;top:8px;left:12px;
  font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ad-ink);opacity:.8}
/* MIENTRAS NO HAYA ADSENSE: los huecos no se muestran, para que los visitantes
   no vean cajas vacias. Para volver a ver los cuadros naranjas, borra esta linea. */
.anuncio{display:none}

.anuncio-banda{min-height:100px}
.anuncio-articulo{min-height:280px}
.anuncio-lateral{min-height:600px;margin:0}
.anuncio-final{min-height:300px}
@media (max-width:560px){.anuncio-banda{min-height:280px}}