.pc-builder{padding-block:42px 70px}.pc-builder-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px;padding:30px;border:1px solid #313940;border-radius:14px;background:radial-gradient(circle at 90% 0,#ef303018,transparent 35%),linear-gradient(145deg,#12181d,#080b0e)}.pc-builder-kicker{color:#ff4a51;font:700 12px Oxanium;letter-spacing:.13em}.pc-builder-hero h1{margin:6px 0 4px;font:700 clamp(38px,5vw,68px)/.95 Oxanium;text-transform:uppercase}.pc-builder-hero h1 em{color:#ef343c;font-style:normal}.pc-builder-hero p{max-width:690px;margin:12px 0 0;color:#aab2b7;font-size:17px}.pc-builder-status{display:flex;align-items:center;gap:10px;color:#d9dddf;font-size:13px}.pc-builder-status span{width:9px;height:9px;border-radius:50%;background:#3fd283;box-shadow:0 0 12px #3fd283}.pc-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.pc-builder-main,.pc-builder-summary{border:1px solid #30383e;border-radius:12px;background:#0d1216}.pc-builder-main{overflow:hidden}.pc-builder-steps{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #2b3339;background:#090d10}.pc-builder-steps button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;padding:14px 6px;border:0;border-right:1px solid #222a2f;background:transparent;color:#69747c;font:700 11px Oxanium}.pc-builder-steps button:last-child{border-right:0}.pc-builder-steps button i{display:grid;width:22px;height:22px;place-items:center;border:1px solid #46515a;border-radius:50%;font-style:normal}.pc-builder-steps button.active{color:#fff;background:#151c21}.pc-builder-steps button.active i{border-color:#ef343c;color:#ff5259}.pc-builder-steps button.done i{border-color:#3fd283;color:#3fd283}.pc-builder-toolbar{display:flex;align-items:end;justify-content:space-between;gap:22px;padding:24px 26px 18px}.pc-builder-toolbar h2{margin:3px 0 2px;font:700 27px Oxanium}.pc-builder-toolbar>div>span{color:#ef3b43;font:700 10px Oxanium;letter-spacing:.12em}.pc-builder-toolbar p{margin:0;color:#818c94}.pc-builder-filters{display:flex;align-items:end;gap:10px;width:min(440px,50%)}.pc-builder-search{flex:1;color:#717c84;font:700 9px Oxanium;letter-spacing:.08em;text-transform:uppercase}.pc-builder-sort{width:155px;color:#717c84;font:700 9px Oxanium;letter-spacing:.08em;text-transform:uppercase}.pc-builder-search span,.pc-builder-sort span{display:block;margin-bottom:5px}.pc-builder-search input,.pc-builder-sort select{width:100%;height:42px;padding:0 13px;border:1px solid #343d44;border-radius:6px;background:#11171b;color:#fff}.pc-builder-sort select{cursor:pointer}.pc-builder-notice{margin:0 26px 20px;padding:14px;border:1px solid #6c2d32;border-radius:6px;background:#251215;color:#ffc4c7}.pc-builder-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 18px 22px}.pc-builder-product{display:flex;min-width:0;flex-direction:column;padding:10px;border:1px solid #2d353b;border-radius:9px;background:#11171b;transition:.18s}.pc-builder-product:hover{border-color:#59646c;transform:translateY(-2px)}.pc-builder-product.selected{border-color:#ef3941;box-shadow:0 0 0 1px #ef394133,0 10px 24px #0007}.pc-builder-product>a{display:block}.pc-builder-product img{width:100%;height:140px;object-fit:contain;border-radius:6px;background:#fff}.pc-builder-product-body{display:flex;flex:1;flex-direction:column;padding:10px 3px 8px}.pc-builder-specs{display:flex;flex-wrap:wrap;gap:4px;min-height:20px}.pc-builder-specs span{padding:3px 5px;border-radius:3px;background:#202a30;color:#bfc6ca;font:700 8px Oxanium}.pc-builder-product h3{margin:7px 0 10px;font:600 14px/1.25 Rajdhani}.pc-builder-product del{color:#768088;font:600 12px Rajdhani}.pc-builder-product-body>strong{color:#fff;font:700 23px Rajdhani}.pc-builder-product>button{min-height:37px;border:1px solid #5c2b30;border-radius:5px;background:#211114;color:#fff;font:700 10px Oxanium;text-transform:uppercase}.pc-builder-product.selected>button{border-color:#ef3941;background:#d92d35}.pc-builder-navigation{display:flex;justify-content:space-between;padding:16px 20px;border-top:1px solid #293137}.pc-builder-navigation button{min-height:42px;padding:0 20px;border-radius:6px;font:700 11px Oxanium;text-transform:uppercase}.pc-builder-secondary{border:1px solid #39434a;background:#11171b;color:#c5cbcf}.pc-builder-primary,.pc-builder-cart{border:1px solid #f13d45;background:#d72e36;color:#fff}.pc-builder-summary{position:sticky;top:18px;padding:18px}.pc-builder-summary-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #2c343a;color:#fff;font:700 11px Oxanium}.pc-builder-summary-head b{padding:5px 7px;border-radius:4px;background:#242c31;color:#d4d9dc}.pc-builder-summary-list{display:grid;margin-top:8px}.pc-builder-summary-list button{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:9px;width:100%;min-width:0;padding:9px 0;border:0;border-bottom:1px solid #242c31;background:transparent;color:#fff;text-align:left}.pc-builder-summary-list button i{display:grid;width:23px;height:23px;place-items:center;border:1px solid #3e4850;border-radius:50%;color:#758089;font:700 10px Oxanium;font-style:normal}.pc-builder-summary-list button.selected i{border-color:#3fd283;color:#3fd283}.pc-builder-summary-list span{min-width:0}.pc-builder-summary-list small{display:block;color:#748089;font:700 8px Oxanium;text-transform:uppercase}.pc-builder-summary-list b{display:block;overflow:hidden;margin-top:2px;font:600 11px Rajdhani;text-overflow:ellipsis;white-space:nowrap}.pc-builder-summary-list strong{font:700 13px Rajdhani;white-space:nowrap}.pc-builder-summary-list em{color:#ef5960;font:600 10px Rajdhani;font-style:normal}.pc-builder-compatibility{display:flex;align-items:center;gap:9px;margin:14px 0;padding:11px;border:1px solid #4b3436;border-radius:6px;background:#1a1214;color:#d8c2c4;font-size:12px}.pc-builder-compatibility i{width:8px;height:8px;border-radius:50%;background:#ef4650}.pc-builder-compatibility.ready{border-color:#28503e;background:#101b16;color:#bfe2d0}.pc-builder-compatibility.ready i{background:#3fd283}.pc-builder-total{display:flex;align-items:end;justify-content:space-between;margin-top:8px}.pc-builder-total span{color:#8d979e;font:700 10px Oxanium;text-transform:uppercase}.pc-builder-total strong{font:700 31px Rajdhani}.pc-builder-cart{width:100%;min-height:48px;margin-top:14px;border-radius:7px;font:700 11px Oxanium;text-transform:uppercase}.pc-builder-cart:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.45}.pc-builder-summary>small{display:block;margin-top:10px;color:#707a82;text-align:center}.pc-builder-navigation button:disabled{opacity:.35}
@media(max-width:1050px){.pc-builder-layout{grid-template-columns:1fr}.pc-builder-summary{position:static}.pc-builder-products{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.pc-builder{padding-block:18px 35px}.pc-builder-hero{align-items:flex-start;flex-direction:column;padding:20px}.pc-builder-status{font-size:11px}.pc-builder-layout{gap:12px}.pc-builder-steps{display:flex;overflow-x:auto}.pc-builder-steps button{flex:0 0 84px;flex-direction:column;gap:4px}.pc-builder-toolbar{align-items:stretch;flex-direction:column;padding:18px}.pc-builder-filters{width:100%}.pc-builder-search{min-width:0}.pc-builder-sort{width:145px}.pc-builder-products{grid-template-columns:1fr;padding:0 12px 16px}.pc-builder-product{display:grid;grid-template-columns:105px 1fr;gap:10px}.pc-builder-product>a{grid-row:1 / span 2}.pc-builder-product img{height:110px}.pc-builder-product-body{padding:2px 0}.pc-builder-product h3{margin:6px 0;font-size:13px}.pc-builder-product>button{grid-column:2}.pc-builder-navigation{position:sticky;z-index:5;bottom:72px;background:#0d1216}.pc-builder-summary{padding:15px}}

/* Constructor de PC en tema claro. */
.pc-builder-hero{
  border-color:#dce1e5;
  background:radial-gradient(circle at 90% 0,#e52b3210,transparent 35%),#fff;
  box-shadow:0 8px 24px #26313b0c;
}
.pc-builder-hero p,.pc-builder-toolbar p{color:#697179}
.pc-builder-status{color:#4e575e}
.pc-builder-main,.pc-builder-summary{border-color:#dce1e5;background:#fff;box-shadow:0 8px 24px #26313b0c}
.pc-builder-steps{border-bottom-color:#dce1e5;background:#f5f6f8}
.pc-builder-steps button{border-right-color:#dfe3e7;color:#7a838a}
.pc-builder-steps button.active{background:#fff;color:#202428}
.pc-builder-steps button i{border-color:#aeb6bc}
.pc-builder-search,.pc-builder-sort{color:#687179}
.pc-builder-search input,.pc-builder-sort select{border-color:#cfd5db;background:#fff;color:#202428}
.pc-builder-notice{border-color:#efb2b5;background:#fff1f2;color:#9f252b}
.pc-builder-product{border-color:#dce1e5;background:#fff;box-shadow:0 5px 16px #26313b0a}
.pc-builder-product:hover{border-color:#ee969a}
.pc-builder-product.selected{border-color:var(--red);box-shadow:0 0 0 1px #e52b321f,0 10px 24px #26313b14}
.pc-builder-specs span{background:#eef1f3;color:#4f585f}
.pc-builder-product h3{color:#252a2f}
.pc-builder-product del{color:#7a838a}
.pc-builder-product-body>strong{color:#17191c}
.pc-builder-product>button{border-color:#efb2b5;background:#fff3f3;color:#b62229}
.pc-builder-product.selected>button{border-color:var(--red);background:var(--red);color:#fff}
.pc-builder-navigation{border-top-color:#dce1e5;background:#fff}
.pc-builder-secondary{border-color:#d5dbe0;background:#f7f8fa;color:#3c4349}
.pc-builder-summary-head{border-bottom-color:#dce1e5;color:#202428}
.pc-builder-summary-head b{background:#eef1f3;color:#444c53}
.pc-builder-summary-list button{border-bottom-color:#e2e6e9;color:#252a2f}
.pc-builder-summary-list button i{border-color:#aeb6bc;color:#697179}
.pc-builder-summary-list small{color:#737c84}
.pc-builder-compatibility{border-color:#efc4c6;background:#fff5f5;color:#815156}
.pc-builder-compatibility.ready{border-color:#b6dcc7;background:#f2fbf6;color:#32654a}
.pc-builder-total span{color:#697179}
.pc-builder-total strong{color:#17191c}
.pc-builder-summary>small{color:#737c84}

/* Contraste tipografico del constructor sobre el tema claro. */
.pc-builder-steps button{color:#59636b}
.pc-builder-steps button i{border-color:#919ba3;color:#59636b}
.pc-builder-steps button.active i{border-color:var(--red);color:var(--red)}
.pc-builder-toolbar>div>span{color:#b51f27}
.pc-builder-search,.pc-builder-sort{color:#59636b}
.pc-builder-product del{color:#626c74}
.pc-builder-summary-list small{color:#59636b}
.pc-builder-summary-list em{color:#a61f26}
.pc-builder-summary>small{color:#59636b}
@media(max-width:720px){.pc-builder-navigation{background:#fff}}