/* Formulario público de /publica/ */
.publicar { max-width: 640px; margin: 0 auto; padding: 26px 14px 60px; }

.publicar__head { margin-bottom: 22px; }
.publicar__titulo {
  margin: 0; font-size: clamp(28px, 6vw, 40px); font-weight: 800; color: #fff;
}
.publicar__bajada { margin: 10px 0 0; color: #A9A29A; font-size: 15px; line-height: 1.55; }

.publicar__error {
  margin: 0 0 18px; padding: 12px 14px; border-radius: 10px;
  background: rgba(120, 20, 20, .35); border: 1px solid rgba(255, 120, 120, .5);
  color: #FFD5D5; font-size: 14px;
}

.publicar__form {
  display: grid; gap: 8px;
  padding: 18px; border-radius: 14px;
  background: rgba(0, 0, 0, .55); border: 1px solid rgba(232, 179, 61, .22);
}
.publicar__form label { color: #E8D9B0; font-size: 14px; margin-top: 8px; }
.publicar__form label span { color: #E8B33D; }

.publicar__form input[type="text"],
.publicar__form input[type="number"],
.publicar__form input:not([type]),
.publicar__form textarea {
  width: 100%; min-height: 46px; padding: 11px 14px;
  background: rgba(0, 0, 0, .66);
  border: 1px solid rgba(232, 179, 61, .32); border-radius: 10px;
  color: #F5F0E6; font-size: 16px;   /* 16px o el iPhone hace zoom al enfocar */
  font-family: inherit;
}
.publicar__form textarea { min-height: 120px; resize: vertical; }

.publicar__ayuda { margin: 2px 0 0; color: #8A857E; font-size: 13px; }

.publicar__check {
  display: flex; gap: 10px; align-items: flex-start;
  margin-top: 16px; color: #E8D9B0; font-size: 14px; line-height: 1.45;
}
.publicar__check input { width: 20px; height: 20px; flex: 0 0 auto; margin-top: 1px; }

.publicar__form button[type="submit"] {
  margin-top: 18px; min-height: 50px; border: 0; border-radius: 999px;
  background: linear-gradient(135deg, #A87B1E, #E8B33D);
  color: #120D02; font-weight: 700; font-size: 16px; cursor: pointer;
}

/* El campo trampa no se ve ni se tabula, pero existe para los bots.
   🚨 No se usa display:none: hay bots que se saltean lo que está oculto así. */
.publicar__trampa {
  position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;
}

.publicar__volver { display: flex; gap: 18px; align-items: center; margin-top: 24px; }
.publicar__boton {
  padding: 12px 22px; border-radius: 999px;
  background: linear-gradient(135deg, #A87B1E, #E8B33D);
  color: #120D02; font-weight: 700; text-decoration: none;
}