/* /reparar.php — purga de caché sin sesión.
   Hereda la tarjeta del login (.auth / .auth__card) y solo añade lo propio.
   Nada de estilos inline: la CSP de Hostinger los bloquea. */

.rep { max-width: 520px; }

.rep__titulo {
  margin: 0 0 10px;
  font-size: 1.45rem;
  font-weight: 800;
  color: var(--text);
  text-align: center;
}

.rep__lead {
  margin: 0 0 18px;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--muted);
}

/* Caja tranquilizadora: lo importante es que NO se pierde nada */
.rep__caja {
  border: 1px solid var(--border);
  border-left: 4px solid var(--accent-g, #a9cf3a);
  border-radius: 12px;
  padding: 14px 16px;
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--text);
}
.rep__caja--ok {
  background: var(--accent-g-soft, #eef6e6);
}
.rep__caja strong { display: block; margin-bottom: 4px; }

.rep__nota {
  margin: 16px 0 18px;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--muted);
}

.rep__btn {
  display: block;
  width: 100%;
  font-size: 15px;
  padding: 14px 18px;
  text-align: center;
}
.rep__btn:disabled {
  background: #d1d5db;
  cursor: wait;
}

/* Lo pinta visible el propio cache-purge.js al quitarle el atributo hidden */
.rep__estado {
  margin: 14px 0 0;
  padding: 10px 14px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 10px;
  color: #92400e;
  font-size: 14px;
  font-weight: 600;
}
.rep__estado[hidden] { display: none; }

.rep__volver {
  margin: 16px 0 0;
  text-align: center;
  font-size: 14px;
  color: var(--muted);
}

.rep__detalle {
  margin-top: 20px;
  border-top: 1px solid var(--border);
  padding-top: 14px;
  font-size: 13.5px;
  color: var(--muted);
}
.rep__detalle summary {
  cursor: pointer;
  font-weight: 600;
  color: var(--text);
}
.rep__detalle p { margin: 10px 0 0; line-height: 1.6; }

@media (max-width: 520px) {
  .rep__titulo { font-size: 1.25rem; }
}