/* Caja principal */
.wps-personaliza {
  border:1px solid #ddd;
  padding:1em;
  margin-bottom:1em;
  border-radius:10px;
  background:#fff;
}

/* Tabs */
.wps-tabs { margin-bottom:.5em; }
.wps-tabs .wps-tab {
  padding:.5em 1em;
  margin-right:.5em;
  cursor:pointer;
  border:1px solid #ddd;
  background:#f8f8f8;
  border-radius:999px;
}
.wps-tabs .wps-tab.active { background:#222; color:#fff; border-color:#222; }

.panel { margin-top:1em; }
.wps-mockup { max-width:160px; display:block; margin:.5em 0 1em; border-radius:8px; }

/* Zonas */
.wpp-zones .wpp-zone {
  display:inline-flex; gap:.25rem; align-items:center;
  padding:.25rem .5rem; border:1px solid #e0e0e0;
  border-radius:999px; margin:.25rem .5rem .25rem 0; background:#fafafa;
}
.wpp-zone-price { opacity:.8; font-size:.9em; }

/* Bordado (embed/normal) */
#wps-bordado-form { margin-top:.5rem; }
#wps-bordado-form input, #wps-bordado-form select {
  width:100%; max-width:420px; padding:.5rem .75rem;
  border:1px solid #ddd; border-radius:8px; margin:.25rem 0;
}
#wps-bordado-form .button { padding:.5rem 1rem; border-radius:8px; }
.wps-bordado-msg { margin-top:.5rem; font-weight:600; }

/* Subida de archivo Estampación */
.wpp-file-wrap { margin-top: .75rem; }
.wpp-file-label {
  display: block; border: 1px dashed #cfcfcf; border-radius: 12px;
  padding: 14px 16px; background: #fafafa;
  transition: border-color .2s, background .2s, box-shadow .2s;
  cursor: pointer; position: relative;
}
.wpp-file-label:hover { border-color: #a7a7a7; background: #f5f5f5; box-shadow: 0 1px 0 rgba(0,0,0,.03) inset; }
.wpp-file-input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.wpp-file-cta { display: inline-block; font-weight: 600; margin-right: .5rem; }
.wpp-file-help { display: inline-block; opacity: .75; font-size: .9em; }
.wpp-file-name {
  display: block; margin-top: .35rem; font-size: .95em; opacity: .8;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.wpp-file-name.has-file { opacity: 1; font-weight: 600; }