@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";:root{--brand: #f47b20;--brand-dark: #d96a10;--brand-light: #fff4ec;--brand-border: #fde4cc;--bg: #f8f8f6;--white: #ffffff;--text: #111111;--muted: #666666;--light: #999999;--border: #e8e8e4;--green: #16a34a;--red: #dc2626;--yellow: #d97706;--font-display: "Inter", "Helvetica Neue", Arial, sans-serif;--font-body: "DM Sans", "Helvetica Neue", Arial, sans-serif;--nav-h: 104px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 16px 40px rgba(0,0,0,.1);--shadow-xl: 0 24px 64px rgba(0,0,0,.12)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6;font-size:14px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);border:none;background:none}input,textarea,select{font-family:var(--font-body);outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:100px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#ebebeb 25%,#f5f5f5,#ebebeb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.container{max-width:1500px;margin:0 auto;padding:0 24px}@media(max-width:768px){.container{padding:0 16px}}.grid-productos{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}@media(max-width:640px){.grid-productos{grid-template-columns:repeat(2,1fr);gap:10px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;transition:all .2s;cursor:pointer;border:none;font-family:var(--font-body)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--text)}.input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:14px;color:var(--text);background:#fff;transition:border-color .2s;font-family:var(--font-body)}.input:focus{border-color:var(--brand)}.configurador-page{max-width:820px;margin:0 auto;padding:2rem 1rem 4rem}.cfg-header{text-align:center;margin-bottom:2rem}.cfg-header h1{font-size:1.75rem;font-weight:700;margin-bottom:.4rem}.cfg-header p{color:#666;font-size:.95rem}.cfg-stepper{display:flex;align-items:flex-start;gap:0;margin-bottom:2.5rem;overflow-x:auto}.cfg-step{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex:1;position:relative}.cfg-step__num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;background:#e5e7eb;color:#9ca3af;transition:background .2s,color .2s}.cfg-step--done .cfg-step__num{background:#22c55e;color:#fff}.cfg-step--active .cfg-step__num{background:var(--brand);color:#fff}.cfg-step__label{font-size:.75rem;text-align:center;color:#9ca3af;white-space:nowrap}.cfg-step--active .cfg-step__label{color:var(--brand);font-weight:600}.cfg-step--done .cfg-step__label{color:#22c55e}.cfg-step__line{position:absolute;top:16px;left:calc(50% + 16px);width:calc(100% - 32px);height:2px;background:#e5e7eb;z-index:0}.cfg-step--done .cfg-step__line{background:#22c55e}.cfg-body{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2rem}.cfg-paso h2{font-size:1.2rem;font-weight:700;margin-bottom:1.5rem}.cfg-grid--tipo{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.cfg-grid--marca{display:flex;flex-wrap:wrap;gap:.5rem}.cfg-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .75rem;border-radius:10px;border:2px solid #e5e7eb;background:#fafafa;font-size:.9rem;font-weight:500;transition:border-color .15s,background .15s}.cfg-card:hover{border-color:var(--brand-border);background:var(--brand-light)}.cfg-card--selected{border-color:var(--brand);background:var(--brand-light);color:var(--brand)}.cfg-card__icon{font-size:1.75rem}.cfg-card__label{text-align:center;line-height:1.3}.cfg-chip{padding:.4rem .9rem;border-radius:999px;border:1.5px solid #d1d5db;background:#fff;font-size:.85rem;font-weight:500;transition:all .15s}.cfg-chip:hover{border-color:var(--brand);color:var(--brand)}.cfg-chip--selected{border-color:var(--brand);background:var(--brand);color:#fff}.cfg-lineas{display:flex;flex-direction:column;gap:.6rem}.cfg-linea-card{text-align:left;padding:.85rem 1rem;border-radius:9px;border:2px solid #e5e7eb;background:#fafafa;transition:border-color .15s,background .15s}.cfg-linea-card:hover{border-color:var(--brand-border);background:var(--brand-light)}.cfg-linea-card--selected{border-color:var(--brand);background:var(--brand-light)}.cfg-linea-card__nombre{font-weight:600;font-size:.95rem;margin-bottom:.35rem}.cfg-linea-card__badges{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.35rem}.cfg-linea-card__nota{font-size:.78rem;color:#6b7280;line-height:1.4}.cfg-badge{font-size:.7rem;padding:.15rem .55rem;border-radius:999px;font-weight:600}.cfg-badge--empresarial{background:#dbeafe;color:#1d4ed8}.cfg-badge--gaming{background:#fce7f3;color:#be185d}.cfg-badge--workstation{background:#f3e8ff;color:#7c3aed}.cfg-badge--consumidor{background:#dcfce7;color:#15803d}.cfg-badge--datacenter{background:#fef9c3;color:#92400e}.cfg-badge--warning{background:#fef3c7;color:#b45309}.cfg-field{margin-bottom:1.25rem}.cfg-field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.5rem;color:#374151}.cfg-field select{width:100%;padding:.55rem .8rem;border:1.5px solid #d1d5db;border-radius:7px;font-size:.9rem;background:#fff}.cfg-field select:focus{border-color:var(--brand)}.cfg-field small{font-size:.75rem;color:#6b7280;margin-top:.35rem;display:block}.cfg-select-row{display:flex;flex-wrap:wrap;gap:.5rem}.cfg-info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:.85rem 1rem;font-size:.85rem;color:#0369a1;margin-top:1rem;line-height:1.6}.cfg-alerta{border-radius:9px;padding:.85rem 1rem;margin-bottom:.75rem}.cfg-alerta p{margin:.3rem 0 0;font-size:.85rem;opacity:.85}.cfg-alerta--error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.cfg-alerta--warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.cfg-alerta--success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.cfg-resultado__header{display:flex;align-items:center;gap:.75rem;padding:1.25rem;border-radius:10px;margin-bottom:1.5rem}.cfg-resultado__header--ok{background:#f0fdf4}.cfg-resultado__header--error{background:#fef2f2}.cfg-resultado__icon{font-size:1.75rem}.cfg-resultado__header h2{margin:0;font-size:1.2rem}.cfg-resultado__resumen{font-size:.9rem;color:#374151;margin-bottom:1.5rem}.cfg-resultado__section h3{font-size:1rem;font-weight:700;margin-bottom:.65rem}.cfg-nav{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.cfg-nav--resultado{justify-content:center}.cfg-btn{padding:.65rem 1.5rem;border-radius:8px;font-weight:600;font-size:.9rem;transition:all .15s}.cfg-btn--primary{background:var(--brand);color:#fff}.cfg-btn--primary:hover{background:var(--brand-dark)}.cfg-btn--primary:disabled{background:#d1d5db;cursor:not-allowed}.cfg-btn--secondary{border:1.5px solid #d1d5db;color:#374151}.cfg-btn--secondary:hover{border-color:var(--brand);color:var(--brand)}@media(max-width:600px){.cfg-body{padding:1.25rem 1rem}.cfg-grid--tipo{grid-template-columns:repeat(2,1fr)}.cfg-step__label{display:none}}.cfg-back-btn{background:none;border:none;color:var(--brand);font-size:.9rem;cursor:pointer;padding:0;margin-bottom:.5rem;display:inline-block}.cfg-back-btn:hover{text-decoration:underline}.cfg-modo-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.cfg-modo-card{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:2rem 1.75rem;border-radius:14px;border:2px solid #e5e7eb;background:#fafafa;text-align:left;transition:border-color .15s,box-shadow .15s;cursor:pointer}.cfg-modo-card:hover{border-color:var(--brand);box-shadow:0 4px 20px #f47b201f}.cfg-modo-card__icon{font-size:2.5rem}.cfg-modo-card h2{font-size:1.25rem;font-weight:700;margin:0}.cfg-modo-card p{font-size:.9rem;color:#6b7280;margin:0;line-height:1.5}.cfg-layout{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;align-items:start}.cfg-stepper{overflow-x:auto;padding-bottom:.25rem}.cfg-step{cursor:pointer}.cfg-step__num{font-size:1rem;transition:transform .15s}.cfg-step:hover .cfg-step__num{transform:scale(1.15)}.cfg-main{min-width:0}.cfg-paso__header{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.25rem}.cfg-paso__header h2{margin:0;font-size:1.2rem;font-weight:700}.cfg-opcional{font-size:.8rem;color:#9ca3af}.cfg-filtros{display:flex;gap:.65rem;margin-bottom:1rem;align-items:center;flex-wrap:wrap}.cfg-search{flex:1;min-width:160px;padding:.5rem .85rem;border:1.5px solid #d1d5db;border-radius:7px;font-size:.9rem}.cfg-search:focus{border-color:var(--brand);outline:none}.cfg-check{display:flex;align-items:center;gap:.4rem;font-size:.85rem;cursor:pointer;white-space:nowrap}.cfg-check input{accent-color:var(--brand)}.cfg-btn--ghost{padding:.45rem .9rem;border-radius:7px;border:1.5px solid #d1d5db;font-size:.85rem;color:#374151;transition:border-color .15s}.cfg-btn--ghost:hover{border-color:var(--brand);color:var(--brand)}.cfg-btn--full{width:100%;justify-content:center;display:flex;text-align:center}.cfg-total-hint{font-size:.8rem;color:#9ca3af;margin-bottom:.75rem}.cfg-loading,.cfg-vacio{padding:2rem;text-align:center;color:#9ca3af;font-size:.9rem}.cfg-omitir{margin-top:1rem;display:block}.cfg-productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.cfg-productos-grid--sm{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.cfg-prod-card{display:flex;flex-direction:column;border:2px solid #e5e7eb;border-radius:10px;background:#fff;text-align:left;overflow:hidden;position:relative;transition:border-color .15s,box-shadow .15s;cursor:pointer}.cfg-prod-card:hover{border-color:var(--brand-border);box-shadow:0 2px 12px #f47b201a}.cfg-prod-card--sel{border-color:var(--brand);background:var(--brand-light)}.cfg-prod-card__img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f9fafb;padding:.5rem}.cfg-prod-card__img--placeholder{display:flex;align-items:center;justify-content:center;font-size:2rem}.cfg-prod-card__body{padding:.65rem .75rem;flex:1;display:flex;flex-direction:column;gap:.3rem}.cfg-prod-card__marca{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--brand);letter-spacing:.03em}.cfg-prod-card__nombre{font-size:.82rem;font-weight:500;line-height:1.35;color:#111;flex:1}.cfg-prod-card__footer{display:flex;justify-content:space-between;align-items:center;gap:.3rem;margin-top:auto}.cfg-prod-card__precio{font-size:.9rem;font-weight:700;color:#111}.cfg-prod-card__check{position:absolute;top:.5rem;right:.5rem;width:22px;height:22px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;opacity:0;transition:opacity .15s}.cfg-prod-card:hover .cfg-prod-card__check,.cfg-prod-card--sel .cfg-prod-card__check{opacity:1}.cfg-stock-badge{font-size:.7rem;padding:.15rem .5rem;border-radius:999px;font-weight:600;white-space:nowrap}.cfg-stock-badge--ok{background:#dcfce7;color:#166534}.cfg-stock-badge--out{background:#fef9c3;color:#92400e}.cfg-acc-grupo{margin-bottom:2rem}.cfg-acc-grupo h3{font-size:1rem;font-weight:700;margin-bottom:.75rem;color:#374151}.cfg-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;position:sticky;top:80px}.cfg-sidebar h3{font-size:1rem;font-weight:700;margin-bottom:1rem}.cfg-sidebar__vacio{font-size:.85rem;color:#9ca3af}.cfg-sidebar__item{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem 0;border-bottom:1px solid #f3f4f6}.cfg-sidebar__item--acc .cfg-sidebar__icono{opacity:.6}.cfg-sidebar__icono{font-size:1.1rem;margin-top:.1rem;flex-shrink:0}.cfg-sidebar__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.cfg-sidebar__label{font-size:.7rem;text-transform:uppercase;color:#9ca3af;letter-spacing:.03em}.cfg-sidebar__nombre{font-size:.82rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfg-sidebar__precio{font-size:.85rem;font-weight:700;color:var(--brand)}.cfg-sidebar__edit{background:none;border:none;font-size:.9rem;color:#9ca3af;cursor:pointer;padding:.1rem .25rem;flex-shrink:0}.cfg-sidebar__edit:hover{color:var(--brand)}.cfg-sidebar__sep{font-size:.72rem;text-transform:uppercase;color:#9ca3af;letter-spacing:.04em;margin:.75rem 0 .4rem;font-weight:600}.cfg-sidebar__compat{margin:.75rem 0;padding:.55rem .75rem;border-radius:7px;font-size:.8rem;line-height:1.4}.cfg-sidebar__compat--error{background:#fef2f2;color:#991b1b}.cfg-sidebar__compat--warn{background:#fffbeb;color:#92400e}.cfg-sidebar__total{display:flex;justify-content:space-between;align-items:center;padding:.85rem 0 .65rem;font-size:.9rem}.cfg-sidebar__total strong{font-size:1.1rem;color:#111}.cfg-sidebar__acciones{display:flex;flex-direction:column;gap:.5rem}.cfg-info-box--warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.cfg-info-box--compact{padding:.5rem .85rem;font-size:.82rem}.cfg-info-box p{margin:.25rem 0 0;font-size:.85rem}@media(max-width:768px){.cfg-layout{grid-template-columns:1fr}.cfg-sidebar{position:static}.cfg-modo-grid{grid-template-columns:1fr}}