/* Base común de todos los shortcodes: variables scopeadas al contenedor y estados. */
.sv-seminarios-wrap {
  --sv-seminarios-bg: #f4f5f7;
  --sv-seminarios-card: #fff;
  --sv-seminarios-borde: #d9dce1;
  --sv-seminarios-texto: #1f2933;
  --sv-seminarios-suave: #5f6b7a;
  --sv-seminarios-acento: #e8590c;
  --sv-seminarios-acento-osc: #c2410c;
  --sv-seminarios-seleccion: #ffe6d1;
  --sv-seminarios-error: #b42318;
  --sv-seminarios-alerta-bg: #fff4ce;
  --sv-seminarios-alerta-borde: #f0c94a;
  --sv-seminarios-ok: #1a7f37;

  box-sizing: border-box;
  max-width: 720px;
  margin: 1.5em auto;
  padding: 24px;
  background: var(--sv-seminarios-bg);
  border: 1px solid var(--sv-seminarios-borde);
  border-radius: 12px;
  color: var(--sv-seminarios-texto);
  line-height: 1.5;
}

.sv-seminarios-wrap *,
.sv-seminarios-wrap *::before,
.sv-seminarios-wrap *::after {
  box-sizing: inherit;
}

.sv-seminarios-wrap .sv-seminarios-aviso-estado {
  margin: 0;
  padding: 16px;
  text-align: center;
  font-weight: 600;
}

/*
 * Ancho del contenedor (ajuste sv_sem_ancho / atributo ancho). Solo actúa sobre el contenedor del plugin, sin tocar
 * variables globales del tema. En temas de bloques el core limita a los hijos de .is-layout-constrained con
 * ".is-layout-constrained > :where(...)" (especificidad 0,1,0 y márgenes auto): la clase doble de abajo (0,2,0) le
 * gana sin !important. --contenido no cambia nada y respeta el ancho del tema.
 */
.sv-seminarios-wrap.sv-seminarios-wrap--amplio {
  max-width: var(--wp--style--global--wide-size, 1200px);
  margin-left: auto;
  margin-right: auto;
}

.sv-seminarios-wrap.sv-seminarios-wrap--completo {
  width: 100%;
  max-width: none;
}

/* En móvil, 16px de aire a cada lado (con margin auto del core, se logra con max-width). */
@media (max-width: 600px) {
  .sv-seminarios-wrap.sv-seminarios-wrap--amplio,
  .sv-seminarios-wrap.sv-seminarios-wrap--completo {
    max-width: calc(100% - 32px);
  }
}