/* ==============================
   SERVICIOS / MERCADOS
   Banner dinámico vía: --hero-bg (definido inline en el <section>)
   ============================== */

/* HERO MERCADO (usa la misma lógica que tu original) */
body .page-title.hero-mercado{
  --hero-h: clamp(360px, 45vh, 520px);
  min-height: var(--hero-h);
  display:flex;
  align-items:center;
  width:100%;
  overflow:hidden;

  /* apaga efectos del tema */
  background-image:none !important;
  background-color:#f5f9fc !important;
  position:relative;
  z-index:1;

  /* Desktop/normal: anclado a la derecha, alto = 100%, sin recorte */
  background: var(--hero-bg) right center / auto 100% no-repeat,
              #f5f9fc !important;
}

/* quita pseudos del tema sólo aquí */
body .page-title.hero-mercado::before,
body .page-title.hero-mercado::after{
  content:none !important;
  display:none !important;
}

/* antes era inline en el h1: lo dejamos en CSS */
body .page-title.hero-mercado .hero-mercado__title{
  text-shadow: 1px 1px 2px black;
}

/* Móvil/Tablet: centrada y que llene (aceptamos ligero recorte) */
@media (max-width: 991.98px){
  body .page-title.hero-mercado{
    background: var(--hero-bg) 70% center / cover no-repeat,
                #f5f9fc !important;
  }
}

/* ==============================
   FIX: símbolo ® como superíndice
   (solo visual, no altera BD)
   ============================== */
.reg-sup{
  font-size: .72em;
  vertical-align: super;
  line-height: 0;
}