/*
 * «Avisadme cuando vuelva» (21/09/2026, T-117).
 *
 * Viene del bloque que vivía en `packs-de-padel-2026-09-20.css` y valía solo
 * para la landing. Desde hoy el mismo recuadro se pinta en tres sitios —la
 * ficha, la tarjeta del catálogo y la landing—, así que vive en un sitio: tener
 * tres copias era garantizar que se separaran.
 *
 * Los tres sitios se distinguen con un modificador (`--ficha`, `--tarjeta`,
 * `--packs`) y lo único que cambia es el ancho y el margen; el formulario es
 * idéntico, porque es el mismo formulario.
 *
 * **Hoy esta hoja no se carga:** `inc/assets.php` solo la encola si
 * `gladiator_aviso_reposicion_disponible()` dice que sí, y eso pide la política
 * publicada (T-123).
 */

.gp-aviso {
  margin-top: 0.75rem;
}

.gp-aviso__abrir {
  font-size: 0.85rem;
  justify-content: center;
  min-height: 44px;
  padding: 0.6rem 1rem;
  width: 100%;
}

.gp-aviso__caja[hidden] {
  display: none;
}

.gp-aviso__caja {
  display: grid;
  gap: 0.6rem;
  margin-top: 0.75rem;
}

.gp-aviso__titulo {
  font-size: 0.92rem;
  font-weight: 650;
  margin: 0;
}

.gp-aviso__explicacion,
.gp-aviso__consentimiento {
  color: #52525b;
  font-size: 0.78rem;
  line-height: 1.45;
  margin: 0;
}

.gp-aviso__campo {
  display: grid;
  gap: 0.3rem;
}

.gp-aviso__campo label {
  font-size: 0.78rem;
  font-weight: 600;
}

.gp-aviso__campo input[type="email"] {
  border: 1px solid #e4e4e7;
  border-radius: 6px;
  font: inherit;
  min-height: 44px;
  padding: 0.55rem 0.75rem;
  width: 100%;
}

/*
 * La casilla nace sin marcar y así se queda: el consentimiento es un acto, no
 * un descuido. Marcarla de fábrica invalidaría el alta entera.
 */
.gp-aviso__consentimiento {
  align-items: start;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: auto 1fr;
}

.gp-aviso__consentimiento input[type="checkbox"] {
  height: 1.1rem;
  margin-top: 0.1rem;
  width: 1.1rem;
}

.gp-aviso__mensaje {
  font-size: 0.8rem;
  line-height: 1.4;
  margin: 0;
}

.gp-aviso__mensaje[data-gp-estado="error"] { color: #b42318; }
.gp-aviso__mensaje[data-gp-estado="ok"] { color: #1a7f37; }

/*
 * En la ficha el recuadro va donde iría el botón de comprar, así que tiene el
 * ancho de la caja de compra y no necesita apretarse.
 */
.gp-aviso--ficha {
  margin-top: 1rem;
  max-width: 28rem;
}

/* En la tarjeta del catálogo el sitio es el que es: todo pegado y estrecho. */
.gp-aviso--tarjeta .gp-aviso__titulo { font-size: 0.86rem; }
.gp-aviso--tarjeta .gp-aviso__explicacion,
.gp-aviso--tarjeta .gp-aviso__consentimiento { font-size: 0.74rem; }

/* ------------------------------------------------- «Mis avisos», Mi cuenta */

.gp-avisos__titulo {
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0 0 0.35rem;
}

.gp-avisos__intro,
.gp-avisos__vacio {
  color: #52525b;
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0 0 1.1rem;
}

.gp-avisos__lista {
  border: 1px solid #e4e4e7;
  border-radius: 12px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.gp-avisos__fila {
  align-items: center;
  border-top: 1px solid #e4e4e7;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: space-between;
  padding: 0.9rem 1rem;
}

.gp-avisos__fila:first-child { border-top: 0; }

.gp-avisos__datos { min-width: 0; }

.gp-avisos__producto {
  font-size: 0.95rem;
  font-weight: 650;
  margin: 0;
}

.gp-avisos__producto a { color: inherit; }

.gp-avisos__fecha {
  color: #71717a;
  font-size: 0.78rem;
  margin: 0.15rem 0 0;
}

.gp-avisos__cancelar {
  font-size: 0.8rem;
  min-height: 40px;
  padding: 0.45rem 0.9rem;
}

.gp-avisos__mensaje {
  font-size: 0.85rem;
  margin: 0.8rem 0 0;
}

.gp-avisos__mensaje[data-gp-estado="error"] { color: #b42318; }
.gp-avisos__mensaje[data-gp-estado="ok"] { color: #1a7f37; }

/* En móvil el botón de cancelar baja y ocupa la fila: al lado no cabe. */
@media (max-width: 600px) {
  .gp-avisos__fila { align-items: flex-start; flex-direction: column; }
  .gp-avisos__cancelar { width: 100%; }
}