/* ==========================================================================
   PreciosAdictos · Bloque de categorías relacionadas — ajustes propios
   Ticket IEN-838-36309 (Ticket 3 - D14)

   Va en hoja aparte a propósito: plp2.css lo mantiene la agencia y puede
   reenviarlo actualizado, así que lo nuestro no debe vivir dentro de él.
   Se carga en el paquete inmediatamente después de plp2.css.

   Resuelve dos cosas que el CSS de la agencia da por hechas porque asume que
   la cabecera del bloque siempre llega dentro del contenido de la categoría:

     1. La separación con el contenido anterior (el bloque de guías del blog,
        las FAQ...). Sin cabecera encima, el cuerpo quedaba pegado.
     2. El título. Mientras una categoría no tenga cargada su cabecera, el
        bloque salía sin ningún encabezado.

   Ambas se anulan solas en cuanto la cabecera de la categoría aparece justo
   encima, así que cuando se reimporten los contenidos no habrá ni doble
   título ni doble separación: el panel vuelve a fundirse como está diseñado.
   ========================================================================== */

/* 1 · Separación con el contenido anterior, salvo si va fundido con la cabecera */
.plp2{ margin-top:34px; }
.plp2-rel-head + .plp2{ margin-top:0; }

/* 2 · Cabecera de respaldo: oculta si la categoría ya trae la suya */
.plp2-rel-head + .plp2 .plp2-rel-auto-head{ display:none; }

/* Mismo lenguaje visual que la banda de la agencia, pero sin el numerador de
   sección: este título no forma parte de la secuencia numerada del contenido. */
.plp2 .plp2-auto-band{
  margin:0;
  padding:15px 22px;
  background:var(--pa-grad);
  font-family:Roboto,"Open Sans",Arial,sans-serif;
  font-weight:700;
  font-size:20px;
  line-height:1.3;
  letter-spacing:-.004em;
  color:#FFFFFF;
}

/* La cabecera de respaldo funde con el cuerpo igual que lo hace la de la
   categoría, para que el conjunto se lea como un único panel. */
.plp2-rel-auto-head + .plp2-rel-body{
  border-top:0;
  border-top-left-radius:0;
  border-top-right-radius:0;
}

/* 3 · La banda de la cabecera que llega en el contenido de la categoría
   El tema aplica `.seotx h2 { margin-top:50px; margin-bottom:30px }` a todos los
   h2 del contenido SEO, y esa regla gana por especificidad a la de plp2.css, que
   pide margen cero. El resultado es una franja blanca entre la banda azul y su
   panel que rompe la fusión con el cuerpo del bloque. Restituimos el margen que
   la hoja de la agencia define. */
.plp2 .plp2-band{ margin:0; }