/* SCA Sellos — sello de la categoría encima de la imagen destacada.
   Es texto + CSS: no se guarda en la foto ni lo indexa Google como imagen. */

.sca-foto { position: relative; display: block; }
.sca-foto img { display: block; }

.sca-sello {
  --sca-tinta: #A3261B;
  position: absolute;
  top: 7%;
  right: 6%;
  z-index: 2;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: .15em;
  max-width: 70%;
  padding: .45em .9em .5em;
  border: .2em solid var(--sca-tinta);
  outline: .06em solid var(--sca-tinta);
  outline-offset: .2em;
  color: var(--sca-tinta);
  background: rgba(239, 228, 204, .35);
  font-family: 'Special Elite', 'Courier New', monospace;
  font-size: clamp(12px, 1.5vw, 20px);
  line-height: 1.1;
  letter-spacing: .07em;
  text-align: center;
  text-transform: uppercase;
  transform: rotate(-7deg);
  mix-blend-mode: multiply;
  pointer-events: none;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -5.5 0 0 0 4.1'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -5.5 0 0 0 4.1'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");
}
.sca-sello__art { font-size: .55em; letter-spacing: .2em; }
.sca-sello__texto { display: block; }

/* Un color por sección (opcional: cambia o borra las que no quieras). */
.sca-sello--narcomorena,
.sca-sello--los-chivos-expiatorios { --sca-tinta: #211A14; }
.sca-sello--suprema-corte-del-acordeon,
.sca-sello--obradorato-y-la-dinastia { --sca-tinta: #7A1E2C; }

/* Tarjetas pequeñas de listados (Loop Grid de Elementor). */
.e-loop-item .sca-sello { font-size: 11px; top: 8%; right: 6%; }

/* En Elementor: al contenedor que tiene la imagen ponle la clase "sca-foto"
   y mete un widget Shortcode con [sca_sello]. Esto lo coloca encima: */
.elementor-widget-shortcode .sca-sello { position: absolute; }
.sca-foto > .elementor-widget-shortcode { position: absolute; inset: 0; pointer-events: none; }

/* ===== Lo más leído [sca_mas_leido] ===== */
.sca-mas-leido {
  border: 2px solid #211A14;
  background: #F7F0DE;
  padding: 20px 22px 22px;
  color: #211A14;
}
.sca-mas-leido__titulo {
  margin: 0 0 14px;
  font-family: 'Grenze Gotisch', 'Old Standard TT', Georgia, serif;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.05;
}
.sca-mas-leido__lista { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 14px; }
.sca-mas-leido__item { display: flex; align-items: flex-start; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid rgba(33,26,20,.25); }
.sca-mas-leido__item:last-child { padding-bottom: 0; border-bottom: 0; }
.sca-mas-leido__num {
  flex: 0 0 38px;
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 900;
  font-size: 26px;
  line-height: 1;
  color: #7A1E2C;
}
.sca-mas-leido__img { flex: 0 0 64px; }
.sca-mas-leido__img img { display: block; width: 64px; height: 64px; object-fit: cover; border: 1px solid #211A14; }
.sca-mas-leido__link {
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 1.25;
  color: #211A14;
  text-decoration: none;
}
.sca-mas-leido__link:hover { color: #7A1E2C; text-decoration: underline; }

/* ===== Archive: destacadas solo en la página 1 ===== */
.sca-pagina-2-o-mas .sca-solo-pagina-1 { display: none !important; }