/* EF Selector Personalizado v2 */
.efsp-select{width:100%;padding:12px;border-radius:999px;border:1px solid #ccc;font-weight:700}
.efsp-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}
.efsp-pill{border-radius:999px;border:1px solid #ddd;background:#fff;padding:12px 10px;font-weight:800;cursor:pointer}
.efsp-pill.is-active,.efsp-pill:hover{background:#000;color:#fff}
.efsp-wrap{margin:18px 0 12px 0}
.efsp-block + .efsp-block{margin-top:28px}
.efsp-label{font-weight:900;letter-spacing:.02em;margin-bottom:10px;text-transform:uppercase}
.efsp-select{max-width:380px}
.efsp-file{width:100%;max-width:380px}
.efsp-hint{font-size:12px;opacity:.75;margin-top:8px}
.efsp-price-row{display:flex;align-items:center;gap:12px}
.efsp-price{font-weight:900}
.efsp-error{margin-top:14px;padding:12px 14px;border:1px solid #e0b4b4;background:#fff6f6;border-radius:14px;font-weight:700}
.efsp-range{width:100%;max-width:380px}

/* Preview */
.efsp-preview{width:100%;max-width:520px;margin:8px 0 22px 0}
.efsp-preview-inner{
  position:relative;
  width:100%;
  aspect-ratio: 1 / 1;
  border-radius:18px;
  background:#f5f5f5;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  overflow:hidden;
}
.efsp-overlay{
  position:absolute;
  left:50%;
  top:50%;
  width:40%;
  height:auto;
  transform:translate(-50%,-50%) scale(0.6);
  transform-origin:center center;
  cursor:grab;
  user-select:none;
  -webkit-user-drag:none;
  display:none;
}
.efsp-overlay.is-grabbing{cursor:grabbing}

@media(max-width:768px){
  .efsp-block + .efsp-block{margin-top:36px}
  .efsp-select,.efsp-file,.efsp-range{max-width:100%}
  .efsp-preview{max-width:100%}
}