.personalize-widget{max-width:900px;margin:0 auto;padding:20px 16px;font-family:Inter,sans-serif}.personalize-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start}.personalize-layout.no-image{grid-template-columns:1fr;max-width:640px;margin:0 auto}.personalize-image{border-radius:16px;overflow:hidden;background:#fbf4eb;aspect-ratio:4/5}.personalize-image img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:700px){.personalize-layout{grid-template-columns:1fr}.personalize-image{aspect-ratio:4/5}}.personalize-card{background:#fbf4eb;border:1.5px solid #E2743C;border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;justify-content:center}.personalize-head{font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:1.2rem;margin-bottom:4px;color:#333}.personalize-card p{font-size:.84rem;color:#6b6b6b;margin:0 0 16px}.collar-color-row,.charm-color-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.collar-color-label,.charm-color-label{font-size:.78rem;font-weight:700;color:#6b6b6b}.collar-color-btn,.charm-color-btn{padding:7px 14px;border-radius:999px;font-weight:700;font-size:.78rem;font-family:Inter,sans-serif;border:1.5px solid #E6E6E6;background:#fff;color:#333;cursor:pointer}.collar-color-btn.active{background:#333;color:#fff;border-color:#333}.charm-color-btn.azul.active{background:#9fcbec;border-color:#215a82;color:#215a82}.charm-color-btn.rosa.active{background:#f6c9d2;border-color:#a44e63;color:#a44e63}.preview-label{font-size:.72rem;font-weight:700;color:#6b6b6b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.4px}.collar-preview-wrap{background:#fff;border:1px solid #E6E6E6;border-radius:12px;padding:14px;margin-bottom:16px}.collar-preview-bar{position:relative;min-height:64px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;padding:10px 14px}.collar-preview-bar.rosa{background:repeating-linear-gradient(90deg,#cbb9de 0 16.66%,#f5c9d2 16.66% 33.33%)}.collar-preview-bar.azul{background:repeating-linear-gradient(90deg,#89c4ec 0 16.66%,#dee99b 16.66% 33.33%)}.empty-hint{color:#0006;font-size:.8rem;font-weight:700}.charm-chip{position:relative;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:1.15rem;box-shadow:0 3px 6px #00000026;cursor:pointer}.charm-chip.rosa{background:#f6c9d2;color:#a44e63}.charm-chip.azul{background:#9fcbec;color:#215a82}.charm-chip .remove-x{position:absolute;top:-9px;right:-6px;width:17px;height:17px;border-radius:50%;background:#fff;border:1px solid #E6E6E6;font-size:.6rem;display:flex;align-items:center;justify-content:center;color:#333}.preview-meta{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.preview-count{font-size:.76rem;color:#6b6b6b;font-weight:700}.preview-clear{background:none;border:none;font-size:.72rem;font-weight:700;color:#6b6b6b;text-decoration:underline;cursor:pointer}.letter-grid-label{font-size:.78rem;font-weight:700;color:#6b6b6b;margin-bottom:8px}.letter-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;margin-bottom:16px}@media(max-width:500px){.letter-grid{grid-template-columns:repeat(7,1fr)}}.letter-btn{aspect-ratio:1/1;border-radius:8px;border:1px solid #E6E6E6;background:#fff;font-family:Barlow Condensed,sans-serif;font-weight:800;font-size:.95rem;color:#333;cursor:pointer}.letter-btn:hover{background:#f5f5f5}.letter-btn:disabled{opacity:.35;cursor:not-allowed}.personalize-btn{width:100%;padding:14px;border-radius:11px;font-weight:700;font-size:.9rem;font-family:Inter,sans-serif;background:#e2743c;color:#fbf4eb;border:1.5px solid #E2743C;cursor:pointer;transition:all .15s ease}.personalize-btn:hover:not(:disabled){background:#fbf4eb;color:#e2743c;border-color:#333}.personalize-btn:disabled{opacity:.45;cursor:not-allowed}.personalize-status{text-align:center;font-size:.8rem;font-weight:700;color:#4c8a53;min-height:1.2em;margin-top:8px}.personalize-price{font-size:.72rem;color:#6b6b6b;margin-top:8px;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-personalizar-collar.css.map */