/* Component selection dialog. Isolated from the storefront's component cards. */
.pc-picker{--picker-bg:#10151b;--picker-panel:#151c23;--picker-border:#29323c;--picker-muted:#95a3b2;box-sizing:border-box;width:min(1280px,calc(100vw - 64px));height:min(860px,calc(100dvh - 64px));max-width:none;max-height:none;padding:0;margin:auto;border:1px solid #39414b;border-radius:18px;background:var(--picker-bg);color:#eaf0f5;box-shadow:0 32px 100px #0009;font-family:Inter,Arial,sans-serif;overflow:hidden}
.pc-picker[open]{display:flex;flex-direction:column}.pc-picker::backdrop{background:#03070bbd;backdrop-filter:blur(8px)}
.pc-picker .pc-picker-head{padding:24px 28px;min-height:108px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--picker-border);background:#12181f;flex-shrink:0}
.pc-picker-heading{display:flex;align-items:center;gap:16px;min-width:0}.pc-picker-emblem{width:48px;height:48px;border:1px solid #70472b;background:#ff8b2d0c;display:grid;place-items:center;border-radius:13px;flex-shrink:0}.pc-picker-emblem svg{width:26px;height:26px;stroke:#ff9d58;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.pc-picker-head .eyebrow{font-size:9px;letter-spacing:.16em;color:#f2a066}.pc-picker .pc-picker-head h2{font-size:24px;font-weight:650;letter-spacing:-.045em;line-height:1.2;margin:7px 0 5px}.pc-picker-head p{font-size:11px;line-height:1.6;color:var(--picker-muted);margin:0}
.pc-picker .pc-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid #37414c;border-radius:50%;background:#1b232c;color:#c1cdd7;line-height:1;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.pc-picker .pc-close svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.pc-picker .pc-close:hover{color:white;background:#303b47;border-color:#687887}.pc-picker .pc-close:focus-visible{outline:2px solid #ff9b58;outline-offset:4px}
.pc-picker-shell{display:grid;grid-template-columns:208px minmax(0,1fr);min-height:0;flex:1;overflow:hidden}
.pc-picker .pc-picker-nav{display:flex;flex-direction:column;gap:5px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:23px 13px;border:0;border-right:1px solid var(--picker-border);background:#11171e;scrollbar-width:thin;scrollbar-color:#3a4551 transparent}
.pc-picker-nav::before{content:'COMPONENTES';font-size:9px;color:#77899a;letter-spacing:.14em;font-weight:650;padding:0 12px 14px}
.pc-picker .pc-category-button{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:40px;padding:8px 10px;background:transparent;color:#aebdcb;border:1px solid transparent;border-radius:7px;white-space:normal;font-size:11px;font-weight:500;line-height:1.45;text-align:left;flex-shrink:0;cursor:pointer}
.pc-picker .pc-category-button:hover{background:#1b252e;color:white}.pc-picker .pc-category-button.active{background:#ff8b2d0d;color:#ffb582;border-color:#6d472d;box-shadow:inset 2px 0 #ff8d3b}
.pc-category-number{display:grid;place-items:center;flex:0 0 23px;height:23px;border-radius:5px;background:#202a34;color:#8fa1b3;font-size:9px;font-weight:650;font-variant-numeric:tabular-nums}.active .pc-category-number{background:#ff8b2d1e;color:#ffb582}.pc-category-name{flex:1;min-width:0}.pc-category-done{color:#8dccaa;font-size:12px}
.pc-picker-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.pc-mobile-step{display:none}
.pc-picker .pc-picker-tools{display:grid;grid-template-columns:minmax(160px,1fr) 145px 145px;align-items:end;gap:12px;padding:23px 24px 17px;flex-shrink:0;background:var(--picker-bg)}
.pc-picker .pc-picker-tools.pc-has-category{grid-template-columns:minmax(140px,1fr) 132px 140px 132px}.pc-picker-tools>label{min-width:0}.pc-picker-tools>label>span:not(.sr-only){display:block;font-size:9px;color:#93a3b3;margin:0 0 7px 1px;letter-spacing:.02em}
.pc-picker .pc-picker-tools .input,.pc-picker .pc-mobile-step .input{background:#18212a;border:1px solid #35424f;border-radius:7px;color:#d7e0e9;font-size:11px;font-weight:400;width:100%;min-width:0;height:42px;padding:10px 12px;box-shadow:none;outline-offset:2px}
.pc-picker-tools select{color-scheme:dark;cursor:pointer}.pc-picker .pc-picker-tools .input:focus{border-color:#b8784b;outline:1px solid #b8784b}.pc-picker-tools .pc-search-field{position:relative;display:flex;align-items:center}.pc-search-field>svg{position:absolute;left:13px;width:17px;height:17px;stroke:#94a7b8;stroke-width:1.7;stroke-linecap:round;pointer-events:none}.pc-picker .pc-search-field .input{padding-left:39px}.pc-search-field input::placeholder{color:#8798a8;opacity:1}
.pc-result-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 26px 13px;font-size:10px;line-height:1.6;color:#8c9baa;flex-shrink:0}.pc-result-meta>span:first-child{font-weight:600;color:#b8c5d0}.pc-result-meta>span:last-child{font-size:9px;color:#788c9d}
.pc-picker .pc-picker-results{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 20px 18px 24px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#475664 transparent;scrollbar-gutter:stable}
.pc-picker-results::-webkit-scrollbar,.pc-picker-nav::-webkit-scrollbar{width:5px;height:0}.pc-picker-results::-webkit-scrollbar-thumb,.pc-picker-nav::-webkit-scrollbar-thumb{background:#475664;border-radius:10px}.pc-picker-results::-webkit-scrollbar-track,.pc-picker-nav::-webkit-scrollbar-track{background:transparent}
.pc-picker .pc-picker-product{display:grid;grid-template-columns:84px minmax(0,1fr) 132px 106px;gap:18px;align-items:center;min-height:140px;padding:20px 18px;background:#151e26;border:1px solid #2c3945;border-radius:10px;margin:0 0 10px;transition:border-color .15s,background .15s}
.pc-picker .pc-picker-product:hover{border-color:#5b5145;background:#19232c}.pc-picker .pc-picker-product>img{width:84px;height:84px;grid-column:auto;grid-row:auto;align-self:center;object-fit:contain;padding:7px;background:#fff;border-radius:9px}
.pc-picker .pc-product-info{grid-column:auto;grid-row:auto;min-width:0}.pc-picker .pc-product-info>small{font-size:8px;letter-spacing:.12em;color:#9cacba}.pc-picker .pc-product-info h3{font-size:13px;font-weight:550;line-height:1.6;letter-spacing:-.015em;margin:5px 0 7px;color:#edf2f6;overflow-wrap:anywhere}.pc-picker .pc-product-info p{font-size:10px;line-height:1.7;color:#8fA5b6;margin:0 0 10px}
.pc-picker .pc-specs{display:flex;flex-wrap:wrap;gap:5px}.pc-picker .pc-specs span{background:#1f2c36;color:#b6c7d4;border:1px solid #364551;border-radius:4px;padding:3px 6px;font-size:8px;line-height:1.35}
.pc-picker .pc-product-price{grid-column:auto;grid-row:auto;min-width:0}.pc-picker .pc-product-price>small{display:block;font-size:8px;color:#91a3b3;margin-bottom:4px;line-height:1.5}.pc-picker .pc-product-price>strong{display:block;font-size:16px;font-weight:600;color:#e8eef3;letter-spacing:-.025em;line-height:1.5;overflow-wrap:anywhere}.pc-picker .pc-product-price del{font-size:10px;color:#859aaa}
.pc-picker .pc-product-add{display:flex;align-items:center;justify-content:center;gap:6px;grid-column:auto;grid-row:auto;width:106px;min-width:0;min-height:40px;padding:9px 10px;border:1px solid #f38c47;border-radius:6px;background:#fa8d3d;color:#151a1f;font-size:10px;font-weight:650;line-height:1.4;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}
.pc-product-add .pc-product-action-icon{font-size:17px;font-weight:400;line-height:1}.pc-picker .pc-product-add:hover{background:#ffac6d;border-color:#ffb37c}.pc-picker .pc-product-add.is-selected{color:#b5ddc5;border-color:#426455;background:#20382d}.pc-picker .pc-product-add.is-selected:hover{background:#294636}
.pc-picker .pc-picker-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;padding:18px 26px;border-top:1px solid var(--picker-border);background:#141c24;min-height:92px}
.pc-modal-price{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:15px;min-width:0}.pc-picker-footer .pc-modal-price>small{grid-column:1/-1;display:block;font-size:9px;letter-spacing:.025em;color:#91a4b5;margin-bottom:4px}.pc-picker-footer .pc-modal-price>strong{font-size:23px;letter-spacing:-.04em;color:#f3f6f8;font-weight:650;line-height:1.3}.pc-modal-price>span{font-size:9px;color:#a3b2c0;line-height:1.5}
.pc-picker-footer>.btn{min-height:44px;padding:12px 21px;font-size:11px;border-radius:7px;flex-shrink:0}.pc-picker .pc-no-results{margin:25px 0;padding:50px 20px;border:1px dashed #344451;border-radius:10px;color:#9bafbf;font-size:12px;text-align:center}
@media(max-width:1100px){.pc-picker-shell{grid-template-columns:180px minmax(0,1fr)}.pc-picker .pc-category-button{font-size:10px;gap:8px;padding:8px}.pc-picker .pc-picker-product{grid-template-columns:64px minmax(0,1fr) 106px;gap:14px;min-height:140px;padding:17px 15px}.pc-picker .pc-picker-product>img{width:64px;height:76px;grid-column:1;grid-row:1/3;align-self:start}.pc-picker .pc-product-info{grid-column:2/4;grid-row:1}.pc-picker .pc-product-price{grid-column:2;grid-row:2}.pc-picker .pc-product-add{grid-column:3;grid-row:2}.pc-picker .pc-product-info p{font-size:9px}.pc-picker .pc-picker-tools{grid-template-columns:minmax(0,1fr) 125px 125px;gap:9px;padding-left:20px;padding-right:20px}.pc-picker .pc-picker-tools.pc-has-category{grid-template-columns:repeat(3,minmax(0,1fr))}.pc-picker-tools.pc-has-category .pc-search-field{grid-column:1/-1}.pc-picker-tools.pc-has-category>label:last-child{grid-column:auto}.pc-result-meta{padding-left:21px;padding-right:21px}.pc-result-meta>span:last-child{display:none}.pc-picker .pc-picker-results{padding-left:20px;padding-right:16px}}
@media(max-width:760px){.pc-picker{width:calc(100vw - 20px);height:calc(100dvh - 20px);border-radius:14px}.pc-picker .pc-picker-head{padding:17px 18px;min-height:90px;gap:12px}.pc-picker-heading{gap:11px}.pc-picker-emblem{width:36px;height:36px;border-radius:9px}.pc-picker-emblem svg{width:21px;height:21px}.pc-picker .pc-picker-head h2{font-size:20px;margin:5px 0 0;line-height:1.3}.pc-picker-head .eyebrow{font-size:8px}.pc-picker-head p{display:none}.pc-picker .pc-close{flex-basis:40px;width:40px;height:40px;min-width:40px;min-height:40px}.pc-picker-shell{display:flex;flex-direction:column}.pc-picker .pc-picker-nav{display:none}.pc-picker-main{flex:1}.pc-mobile-step{display:block;margin:15px 16px 0}.pc-mobile-step>span{display:block;margin-bottom:7px;font-size:9px;color:#93a3b3}.pc-picker .pc-mobile-step .input{height:40px;color-scheme:dark}.pc-picker .pc-picker-tools,.pc-picker .pc-picker-tools.pc-has-category{grid-template-columns:1fr 1fr;padding:13px 16px 12px;gap:10px}.pc-picker .pc-picker-tools>.pc-search-field,.pc-picker .pc-picker-tools.pc-has-category>.pc-search-field{grid-column:1/-1}.pc-picker-tools.pc-has-category>label:last-child{grid-column:1/-1}.pc-picker .pc-picker-tools .input{height:39px;font-size:10px;padding:9px 10px}.pc-picker .pc-search-field .input{padding-left:35px}.pc-search-field>svg{left:11px;width:15px;height:15px}.pc-result-meta{padding:0 17px 11px;font-size:9px}.pc-picker .pc-picker-results{padding:0 12px 12px 16px}.pc-picker .pc-picker-product{grid-template-columns:55px minmax(0,1fr) 92px;gap:12px;padding:15px 12px;min-height:145px;border-radius:9px}.pc-picker .pc-picker-product>img{width:55px;height:64px;padding:4px;border-radius:6px}.pc-picker .pc-product-info h3{font-size:11px;line-height:1.65;margin:4px 0 7px}.pc-picker .pc-product-info p{display:none}.pc-picker .pc-product-info>small{font-size:7px}.pc-picker .pc-product-price>strong{font-size:14px}.pc-picker .pc-product-add{width:92px;min-height:36px;font-size:9px;padding:8px 7px;gap:4px}.pc-product-add .pc-product-action-icon{font-size:15px}.pc-picker .pc-specs span{font-size:7px;padding:3px 5px}.pc-picker .pc-picker-footer{padding:15px 16px calc(15px + env(safe-area-inset-bottom));min-height:92px;gap:12px}.pc-modal-price{display:block;flex:1}.pc-picker-footer .pc-modal-price>small{font-size:8px;margin-bottom:5px;line-height:1.4}.pc-picker-footer .pc-modal-price>strong{font-size:20px}.pc-modal-price>span{display:block;font-size:8px;margin-top:4px;max-width:170px}.pc-picker-footer>.btn{padding:11px 13px;min-height:42px;font-size:10px;white-space:normal;max-width:155px}.pc-picker .pc-no-results{font-size:11px;padding:32px 16px}}
@media(prefers-reduced-motion:reduce){.pc-picker *{transition:none!important;scroll-behavior:auto!important}}
.pc-memory-guide{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-shrink:0;margin:0 24px 14px;padding:12px 14px;background:#15251e;border:1px solid #385744;border-radius:7px}.pc-memory-guide strong{display:block;color:#baddc7;font-size:11px;font-weight:500;line-height:1.7}.pc-memory-guide p{font-size:10px;color:#ffc094;margin:5px 0 0;line-height:1.7}.pc-memory-guide p:empty{display:none}.pc-memory-guide>button{flex-shrink:0;border:1px solid #4a6456;border-radius:5px;background:#263a2e;color:#d7e8df;padding:8px 10px;font-size:10px}.pc-picker .pc-memory-quantity{grid-column:auto;grid-row:auto;width:106px;height:40px}.pc-picker .pc-memory-quantity button{flex-basis:30px;height:38px}.pc-picker .pc-memory-quantity input{width:44px;height:38px}@media(max-width:1100px){.pc-picker .pc-memory-quantity{grid-column:3;grid-row:2}}@media(max-width:760px){.pc-memory-guide{margin:0 16px 12px;padding:10px;gap:8px;align-items:flex-start}.pc-memory-guide strong{font-size:10px}.pc-memory-guide>button{font-size:9px;padding:7px;max-width:100px;white-space:normal}.pc-picker .pc-memory-quantity{width:92px;height:36px}.pc-picker .pc-memory-quantity button{flex-basis:26px;height:34px}.pc-picker .pc-memory-quantity input{width:38px;height:34px}}

.pc-bundle-images{display:flex;align-items:center;width:84px;height:84px;background:#fff;border-radius:10px;padding:4px;gap:2px;box-sizing:border-box}.pc-picker-product .pc-bundle-images img{width:32%;height:64px;object-fit:contain}
@media(max-width:1100px){.pc-picker .pc-bundle-images{grid-column:1;grid-row:1/3;width:64px;height:76px;align-self:start;flex-wrap:wrap;gap:0}.pc-picker .pc-bundle-images img{width:50%;height:32px}}
@media(max-width:760px){.pc-picker .pc-bundle-images{width:55px;height:64px}.pc-picker .pc-bundle-images img{height:27px}}
