/* ============================================================
   interim.css — solo en la versión interina del sitio, la que se pone encima
   del WordPress mientras llega el sitio completo. Nunca en el sitio.
   La franja de «sitio en renovación», el aviso de los formularios y la fila de
   botones de envío (WhatsApp o correo).
   ============================================================ */
.interim-banner {
  background: var(--color-ink, #14231a);
  color: rgba(255, 255, 255, .86);
  font-family: var(--font-body, system-ui, sans-serif);
  font-size: .8rem;
  line-height: 1.45;
}
.interim-banner__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .2rem .9rem;
  padding-block: .55rem;
}
.interim-banner__label {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: #fff;
  font-family: var(--font-label, ui-monospace, monospace);
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.interim-banner__label::before {
  content: "";
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: var(--color-brand-green, #009848);
}

/* Aviso que deja interim.js: qué falta llenar o que ya se abrió WhatsApp. */
.interim-notice {
  margin-top: var(--space-md, 1rem);
  padding: .75rem 1rem;
  border-radius: var(--radius-sm, 6px);
  background: var(--color-surface-tint, #edf5ee);
  box-shadow: 0 0 0 1px var(--color-border-strong, rgba(20, 35, 26, .24));
  color: var(--color-ink, #14231a);
  font-size: var(--step--1, .875rem);
}
.interim-notice--error {
  box-shadow: 0 0 0 2px #b3261e;
}

/* En la barra del catálogo, el aviso ocupa una fila propia bajo los controles. */
.catalog-toolbar .interim-notice {
  flex: 1 1 100%;
  margin-top: 0;
}

/* Los dos botones de envío: WhatsApp (principal) y correo. */
.interim-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: var(--space-md, 1rem);
}
.interim-actions .btn {
  flex: 1 1 14rem;
  justify-content: center;
}

/* Libro de Reclamaciones: instrucciones en lugar del formulario. */
.interim-lr {
  margin-top: var(--space-lg, 1.5rem);
}
.interim-lr p + p {
  margin-top: var(--space-md, 1rem);
}