/* Formulario de inscripcion.
   Hereda las variables del theme (--verde, --tinta, --papel, --claro...).
   Si el theme no las define, los fallback mantienen el formulario legible. */

.jdi-form{margin-top:8px}
.jdi-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px}
.jdi-ancho{grid-column:1/-1}
.jdi-campo label{display:block;font-family:var(--sans,system-ui,sans-serif);font-size:12px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--gris,#57564E);margin-bottom:7px}
.jdi-campo label span{color:var(--verde,#14432F)}
.jdi-campo input[type=text],.jdi-campo input[type=email],.jdi-campo input[type=tel],
.jdi-campo select,.jdi-campo textarea{
  width:100%;font-family:var(--texto,Georgia,serif);font-size:16px;color:var(--tinta,#14140F);
  background:var(--claro,#F2F0EC);border:1px solid rgba(20,20,15,.3);border-radius:0;padding:13px 14px;
  transition:border-color .15s}
.jdi-campo select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--verde,#14432F) 50%),linear-gradient(135deg,var(--verde,#14432F) 50%,transparent 50%);
  background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:44px}
.jdi-campo input:focus,.jdi-campo select:focus,.jdi-campo textarea:focus{
  border-color:var(--verde,#14432F);outline:2px solid rgba(20,67,47,.16)}
.jdi-campo input[type=file]{font-family:var(--texto,Georgia,serif);font-size:15px;width:100%;
  background:var(--claro,#F2F0EC);border:1px dashed rgba(20,20,15,.35);padding:14px}
.jdi-ayuda{font-family:var(--texto,Georgia,serif);font-size:14px;color:var(--gris,#57564E);margin:0 0 10px}

.jdi-campo .jdi-opciones label{margin-bottom:0}
.jdi-check label{display:flex;align-items:flex-start;gap:11px;text-transform:none;letter-spacing:0;
  font-family:var(--texto,Georgia,serif);font-size:15.5px;font-weight:400;color:var(--tinta,#14140F);line-height:1.45}
.jdi-check input[type=checkbox]{flex:none;width:19px;height:19px;margin-top:2px;accent-color:var(--verde,#14432F)}

.jdi-comprobante[hidden]{display:none}

.jdi-opciones{display:flex;gap:12px;flex-wrap:wrap}
.jdi-radio{display:flex!important;align-items:center;gap:9px;cursor:pointer;
  background:var(--claro,#F2F0EC);border:1px solid rgba(20,20,15,.3);padding:12px 20px;
  font-family:var(--texto,Georgia,serif);font-size:16px;font-weight:400;letter-spacing:0;
  text-transform:none;color:var(--tinta,#14140F);margin:0;transition:border-color .15s,background .15s}
.jdi-radio:hover{border-color:var(--verde,#14432F)}
.jdi-radio input[type=radio]{width:17px;height:17px;margin:0;accent-color:var(--verde,#14432F)}
.jdi-radio:has(input:checked){border-color:var(--verde,#14432F);background:#fff}

.jdi-legal{margin-top:18px;font-family:var(--texto,Georgia,serif);font-size:13.5px;line-height:1.5;
  color:var(--gris,#57564E);max-width:560px}

.jdi-error{display:block;margin-top:7px;font-family:var(--texto,Georgia,serif);font-size:14px;color:#B32D2E}
.jdi-aviso{padding:16px 18px;margin-bottom:24px;font-family:var(--texto,Georgia,serif);font-size:15.5px;line-height:1.5}
.jdi-aviso-error{background:#FBEAEA;border-left:3px solid #B32D2E}

.jdi-submit{margin-top:28px;background:var(--verde,#14432F);color:#fff;border:none;border-radius:0;
  font-family:var(--sans,system-ui,sans-serif);font-size:13px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;padding:17px 30px;cursor:pointer;transition:background .15s}
.jdi-submit:hover{background:var(--tinta,#14140F)}

/* honeypot: fuera de pantalla, no display:none, para que los bots lo completen */
.jdi-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* pantalla de exito */
.jdi-exito{background:var(--verde,#14432F);color:#fff;padding:64px 40px 60px;text-align:center;
  min-height:58vh;display:flex;flex-direction:column;justify-content:center;align-items:center}
.jdi-exito-label{display:inline-flex;align-items:center;gap:9px;
  font-family:var(--sans,system-ui,sans-serif);font-size:11px;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;color:var(--verde-claro,#9CC4B2)}
.jdi-tilde{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;
  border-radius:50%;background:var(--verde-claro,#9CC4B2);color:var(--verde,#14432F);
  font-size:13px;font-weight:700;letter-spacing:0}
.jdi-exito-cap{font-family:var(--texto,Georgia,serif);font-size:16px;color:rgba(255,255,255,.7);margin-top:26px}
.jdi-exito-num{font-family:var(--sans,system-ui,sans-serif);font-size:clamp(56px,11vw,104px);font-weight:800;
  letter-spacing:-.04em;line-height:1;margin:8px 0 24px}
.jdi-exito-txt{font-family:var(--texto,Georgia,serif);font-size:17px;line-height:1.55;max-width:520px;
  margin:0 auto;color:rgba(255,255,255,.88)}

@media (max-width:720px){
  .jdi-grid{grid-template-columns:1fr;gap:20px}
  .jdi-submit{width:100%}
  .jdi-exito{padding:44px 22px;min-height:66vh}
}


/* --- filas de autores --- */
.jdi-autor{display:grid;grid-template-columns:26px 1fr 1fr 34px;gap:10px;align-items:start;margin-bottom:12px}
.jdi-autor-n{font-family:var(--sans,system-ui,sans-serif);font-size:13px;font-weight:700;
  color:var(--gris,#57564E);padding-top:15px;text-align:center}
.jdi-autor input[type=text]{width:100%;font-family:var(--texto,Georgia,serif);font-size:16px;
  color:var(--tinta,#14140F);background:var(--claro,#F2F0EC);border:1px solid rgba(20,20,15,.3);
  border-radius:0;padding:13px 14px}
.jdi-autor input:focus{border-color:var(--verde,#14432F);outline:2px solid rgba(20,67,47,.16)}
.jdi-autor-orden{display:flex;flex-direction:column;gap:6px}
.jdi-quitar{background:none;border:none;color:var(--gris,#57564E);font-size:22px;line-height:1;
  cursor:pointer;padding:10px 4px 0}
.jdi-quitar:hover{color:#B32D2E}
.jdi-chequeo{font-family:var(--texto,Georgia,serif);font-size:13.5px;line-height:1.35;min-height:18px}
.jdi-chequeo.is-ok{color:var(--verde,#14432F);font-weight:600}
.jdi-chequeo.is-mal{color:#B32D2E}
.jdi-chequeo.is-buscando{color:var(--gris,#57564E)}
.jdi-agregar{margin-top:4px;background:none;border:1px solid rgba(20,20,15,.35);border-radius:0;
  font-family:var(--sans,system-ui,sans-serif);font-size:12px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--tinta,#14140F);padding:11px 18px;cursor:pointer}
.jdi-agregar:hover{border-color:var(--verde,#14432F);color:var(--verde,#14432F)}

.jdi-aviso-ojo{background:#FAEEDA;border-left:3px solid #BA7517}
.jdi-aviso-ojo[hidden]{display:none}
.jdi-aviso-cerrado{background:#EDEBE6;border-left:3px solid var(--gris,#57564E)}

/* --- recordatorios por tipo de trabajo ---
   Arrancan ocultos y el JS le pone .is-visible al del tipo elegido. Si
   arrancaran visibles se verian los tres por un instante al cargar.
   Sin JS los muestra el <noscript> de la maqueta. */
.jdi-recordatorio{display:none;margin-top:14px;margin-bottom:0}
.jdi-recordatorio.is-visible{display:block}
.jdi-recordatorio-tit{font-family:var(--sans,system-ui,sans-serif);font-size:12px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.jdi-recordatorio-ayuda{margin:0 0 10px;font-size:14.5px;color:var(--gris,#57564E)}
.jdi-recordatorio ul{margin:0;padding-left:18px}
.jdi-recordatorio li{margin-bottom:6px;line-height:1.45}
.jdi-recordatorio li:last-child{margin-bottom:0}

.jdi-tope-autores{font-weight:600;color:var(--tinta,#14140F)}
.jdi-cierre{margin-bottom:18px}
.jdi-agregar[disabled]{opacity:.45;cursor:not-allowed}

/* el aviso de tamano de archivo arranca oculto */
.jdi-error[hidden]{display:none}

@media (max-width:720px){
  .jdi-autor{grid-template-columns:22px 1fr 30px;gap:8px}
  .jdi-autor-orden{grid-column:2/3}
}


/* --- talleres: la fila arranca con el numero de inscripcion --- */
@media (max-width:720px){
  .jdi-integrantes .jdi-autor{grid-template-columns:22px 1fr 30px;gap:8px}
  .jdi-integrantes .jdi-autor-n{grid-column:1/2;grid-row:1}
  .jdi-integrantes .jdi-autor-orden{grid-column:2/3;grid-row:1}
  .jdi-integrantes .jdi-autor input[data-jdi-nombre]{grid-column:2/3;grid-row:2}
  .jdi-integrantes .jdi-quitar{grid-column:3/4;grid-row:1}
}