/* Personalización — hereda los tokens del Design System Pigyfante 2.0 */
.pigyper{
  border:1px solid var(--pf-borde,#e8eaf3); border-radius:var(--pf-radio,12px);
  padding:var(--gut,16px); margin:1.2em 0; background:var(--pf-fondo-2,#fafbfe);
}
.pigyper__titulo{ margin:0 0 .8em; font-size:1.05em; color:var(--pf-azul,#1a2a6e); font-weight:800; }
.pigyper__campo{ margin-bottom:1em; }
.pigyper__campo label{ display:block; font-weight:700; margin-bottom:.3em; color:var(--pf-azul,#1a2a6e); }
.pigyper__ayuda{ display:block; font-size:.85em; color:var(--pf-texto-suave,#646e9a); margin-top:.35em; }
.pigyper input[type=file]{
  width:100%; padding:.8em; border:2px dashed var(--pf-borde,#e8eaf3);
  border-radius:var(--pf-radio-sm,8px); background:#fff;
}
/* En móvil el área táctil tiene que ser cómoda: se sube la foto con el pulgar */
@media (max-width:767px){
  .pigyper input[type=file]{ padding:1.2em .8em; font-size:16px; }
  .pigyper input[type=text], .pigyper textarea{ font-size:16px; }
}
.pigyper__preview{ display:flex; flex-wrap:wrap; gap:.5em; margin-top:.6em; }
.pigyper__preview img{
  width:64px; height:64px; object-fit:cover; border-radius:var(--pf-radio-sm,8px);
  border:1px solid var(--pf-borde,#e8eaf3);
}
.pigyper__preview .pigyper__chip{
  font-size:.78em; background:var(--pf-azul-claro,#e8eaf3); color:var(--pf-azul,#1a2a6e);
  padding:.3em .6em; border-radius:999px;
}
.pigyper__error{ color:var(--pf-error,#c42558); font-weight:700; font-size:.88em; }