/* Divisor ornamental bajo titulos de seccion: linea - medallon - linea.
   Override sin rebuild de purgas. Reversible: quitar el componente de las vistas. */
/* si el header lleva el divisor, se anula su border-bottom plano con clase
   explicita (compatible con navegadores sin :has). Los headers sin divisor
   conservan su borde original. */
.wsus__section_header--flat {
  border-bottom: none !important;
}
.wsus__section_header--flat h3 {
  border-bottom: none !important;
}
/* blog: en desktop se mantiene su linea original (sin divisor) */
@media (min-width: 992px) {
  #wsus__blogs .wsus__section_header--flat {
    border-bottom: 1px solid #eee !important;
  }
  #wsus__blogs .wsus__sec_divider {
    display: none !important;
  }
}
/* titulo como parte del divisor: centrado encima del ornamento.
   Incluye el border-bottom azul que responsive.css le pone al h3 en movil. */
.wsus__section_header--titled {
  justify-content: center !important;
  text-align: center !important;
  border-bottom: none !important;
}
.wsus__section_header--titled h3 {
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.wsus__sec_divider {
  display: flex;
  align-items: center;
  gap: 12px;
  max-width: 520px;
  margin: 10px auto 22px;
  padding: 0 16px;
}
.wsus__sec_divider_line {
  flex: 1 1 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #cbd5e1);
}
.wsus__sec_divider_line:last-child {
  background: linear-gradient(90deg, #cbd5e1, transparent);
}
.wsus__sec_divider_medallion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #fff;
  border: 1.5px solid #0284c7;
  color: #0284c7;
  font-size: 15px;
  box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.08), 0 2px 8px rgba(2, 20, 40, 0.08);
}
@media (max-width: 575.98px) {
  .wsus__sec_divider {
    max-width: 300px;
    gap: 8px;
    margin: 8px auto 16px;
  }
  .wsus__sec_divider_medallion {
    width: 28px;
    height: 28px;
    font-size: 13px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .wsus__sec_divider_medallion {
    box-shadow: none;
  }
}
