/* ==================================================================
   PUSTORINO IMMOBILIARE — CSS di LAVORA CON NOI
   Testo di presentazione e campo di caricamento del curriculum.
   Caricato dopo base.css e contatti.css (da cui eredita gli stili
   del modulo, del captcha e degli esiti).
   ================================================================== */

.testo-candidatura{max-width:720px;margin:0 auto;text-align:center}
.testo-candidatura p{
  font-size:clamp(1rem,1.5vw,1.15rem);
  line-height:1.8;color:var(--fumo);margin-bottom:20px;
}
.testo-candidatura .richiamo{
  font-family:var(--display);font-variation-settings:'wdth' 108;
  font-size:clamp(1.15rem,2vw,1.45rem);font-weight:600;
  color:var(--grafite);line-height:1.4;
  margin-top:30px;padding-top:26px;border-top:1px solid var(--linea);
}

/* --- campo di caricamento --- */
.etichetta-allegato{
  display:block;font-family:var(--dato);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--fumo);margin-bottom:6px;
}

.campo-allegato{
  display:flex;align-items:center;gap:15px;
  padding:16px 18px;cursor:pointer;
  background:var(--bianco);
  border:1px dashed var(--linea);border-radius:var(--bordo-r);
  transition:border-color .2s ease,background .2s ease;
}
.campo-allegato:hover{border-color:var(--rosso);background:var(--chiaro)}

/* l'input resta raggiungibile da tastiera ma non a vista:
   il riquadro intero fa da pulsante */
.campo-allegato input[type=file]{
  position:absolute;width:1px;height:1px;opacity:0;
}
.campo-allegato:focus-within{outline:2px solid var(--rosso);outline-offset:2px}

.allegato-icona{
  width:44px;height:44px;flex:none;border-radius:50%;
  background:var(--chiaro);color:var(--rosso);font-size:19px;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s ease,color .2s ease;
}
.campo-allegato:hover .allegato-icona{background:var(--rosso);color:var(--bianco)}
.campo-allegato.caricato .allegato-icona{background:var(--verde);color:var(--bianco)}

.allegato-testo{display:flex;flex-direction:column;gap:2px;min-width:0}
.allegato-testo strong{
  font-size:15px;font-weight:600;color:var(--grafite);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.allegato-testo small{font-size:12.5px;color:var(--fumo)}

@media (max-width:620px){
  .campo-allegato{padding:14px}
  .allegato-icona{width:38px;height:38px;font-size:17px}
  .allegato-testo strong{font-size:14px}
}