/* Formulario «¿Has visto una bandera?» */
.enviar { width: min(560px, 94vw); max-height: 92vh; border: 1px solid var(--borde); border-radius: 14px;
  background: var(--superficie); color: var(--texto); padding: 24px; position: relative; }
.enviar::backdrop { background: rgb(0 0 0 / .7); }
.enviar h2 { font: 500 24px/1.2 var(--serif); margin: 0 0 8px; }
.enviar .intro { color: var(--texto-2); margin: 0 0 18px; }
.enviar form { display: grid; gap: 14px; }
.enviar label { display: grid; gap: 6px; font-size: 14px; color: var(--texto-2); }
.enviar input:not([type=file]), .enviar textarea { width: 100%; background: var(--superficie-2); border: 1px solid var(--borde);
  border-radius: 8px; padding: 9px 11px; color: var(--texto); font: 15px var(--sans); resize: vertical; }
.enviar input[type=file] { color: var(--texto); font-size: 14px; }
.enviar .dos { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.enviar .previa { max-width: 100%; max-height: 220px; object-fit: contain; border-radius: 8px; background: var(--superficie-2); justify-self: start; }
.enviar .msg { margin: 0; min-height: 1.2em; color: var(--acento-2); }
.enviar .trampa { position: absolute; left: -9999px; width: 1px; height: 1px; }
.enviar button[type=submit] { justify-self: start; padding: 9px 22px; }
.enviar .cerrar { position: absolute; top: 10px; right: 12px; background: none; border: 0; color: var(--texto-2);
  font-size: 26px; cursor: pointer; line-height: 1; }
.enviar .hecho { text-align: center; padding: 16px 0 4px; }
.enviar .hecho h2 { font-size: 40px; color: var(--acento-2); }
@media (max-width: 560px) {
  .enviar { width: 100vw; max-width: 100vw; max-height: 100dvh; height: 100dvh; border-radius: 0; padding: 20px 16px; }
  .enviar .dos { grid-template-columns: 1fr; }
}