/* ElectroPC · "Productos ASUS" con el diseño del lienzo "Recorrido simple".
 *
 * Tableros Asus (390px) y AsusEscritorio (1280px), aprobados por Martín el
 * 28/9. Carga solo con el diseño nuevo prendido (`EPH_Vista::recorrido`) en la
 * página de la marca, en lugar de home.css, catalogo.css y piezas.css. El
 * marcado lo arma `EPH_MarcaRecorrido` dentro de `.rmr`.
 *
 * En el celular los tipos van en una fila que se corre de costado y el orden
 * abajo a la derecha; en la computadora, los dos en la misma fila. Cada regla
 * lleva `body.eph-recorrido` tres veces, como las demás pantallas del lienzo. */

body.eph-recorrido.eph-recorrido.eph-recorrido.eph-marca-recorrido{background:#F8FAFC!important}

body.eph-recorrido.eph-recorrido.eph-recorrido .rmr{
  --rmr-blanco:#FFFFFF;
  --rmr-fondo:#F8FAFC;
  --rmr-gris:#F1F5F9;
  --rmr-borde:#E2E8F0;
  --rmr-campo:#CBD5E1;
  --rmr-tenue:#94A3B8;
  --rmr-tinta:#0F172A;
  --rmr-texto:#475569;
  --rmr-suave:#64748B;
  --rmr-azul:#0064FF;
  --rmr-azul-texto:#0052D4;
  --rmr-azul-hover:#003FA3;
  --rmr-azul-fondo:#EFF6FF;
  --rmr-azul-borde:#DBEAFE;
  --color-text:var(--rmr-tinta);--color-text-secondary:var(--rmr-texto);--color-text-tertiary:var(--rmr-suave);
  font-family:Inter,system-ui,sans-serif;color:var(--rmr-tinta);line-height:1.4;padding-bottom:72px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr *,
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr *::before,
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr *::after{box-sizing:border-box}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr :where(h1,p,ul,li,form,nav){margin:0;padding:0}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr :where(ul){list-style:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr :is(h1){color:var(--rmr-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr :is(a,button,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--rmr-azul) 45%,transparent);outline-offset:2px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-in{max-width:1132px;margin:0 auto;padding:0 16px}

/* ── Arriba: migas, logo, título y bajada ── */
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-cabeza{padding-top:28px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-cabeza .rmr-in{display:flex;flex-direction:column;gap:12px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-migas{font-size:.875rem;color:var(--rmr-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-migas a{color:var(--rmr-texto);text-decoration:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-migas a:hover{color:var(--rmr-azul-texto)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-migas span[aria-hidden]{color:var(--rmr-tenue)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-titulo{display:flex;align-items:center;gap:20px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-titulo > div{display:flex;flex-direction:column;gap:4px;min-width:0}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-logo{display:flex;align-items:center;justify-content:center;flex:none;width:84px;height:84px;border-radius:16px;background:#FFFFFF;border:1px solid var(--rmr-borde)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-logo img{width:78%;height:auto}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-cabeza h1{font-size:clamp(1.75rem,3.6vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.12}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-cuenta{font-size:.875rem;color:var(--rmr-texto)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-baja{font-size:clamp(1rem,1.6vw,1.125rem);color:var(--rmr-texto);line-height:1.55}

/* ── Tipos y orden ── */
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-lista{padding-top:24px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-lista > .rmr-in{display:flex;flex-direction:column;gap:18px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-barra{display:flex;align-items:center;justify-content:space-between;gap:20px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-tipos{display:flex;flex-wrap:wrap;gap:8px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-chip{display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;border:1px solid var(--rmr-campo);background:var(--rmr-blanco);color:var(--rmr-tinta);font-size:.875rem;font-weight:600;white-space:nowrap;text-decoration:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-chip:hover{border-color:var(--rmr-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-chip[aria-current="true"]{background:#0F172A;border-color:#0F172A;color:#FFFFFF}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-orden{position:relative;flex:none;margin-left:auto}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-orden summary{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--rmr-campo);border-radius:999px;background:var(--rmr-blanco);font-size:.875rem;white-space:nowrap;cursor:pointer;list-style:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-orden summary::-webkit-details-marker{display:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-orden summary span{color:var(--rmr-texto)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-orden summary span[aria-hidden]{color:var(--rmr-suave)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-orden summary b{font-weight:600}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-orden ul{position:absolute;right:0;top:calc(100% + 6px);z-index:5;min-width:180px;padding:6px;border:1px solid var(--rmr-borde);border-radius:12px;background:var(--rmr-blanco);box-shadow:0 12px 28px rgba(15,23,42,.12)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-orden a{display:block;padding:10px 12px;border-radius:8px;font-size:.875rem;color:var(--rmr-tinta);text-decoration:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-orden a:hover{background:var(--rmr-gris)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-orden a[aria-current="true"]{font-weight:600;color:var(--rmr-azul-texto)}

/* ── Las tarjetas ── */
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-grilla{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--rmr-borde);border-radius:16px;background:var(--rmr-blanco)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-foto{display:flex;align-items:center;justify-content:center;height:170px;border-bottom:1px solid var(--rmr-borde);background:#FFFFFF;text-decoration:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-foto img{width:84%;height:86%;object-fit:contain}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-cuerpo{display:flex;flex-direction:column;gap:6px;flex:1;padding:14px 16px 16px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-tipo{font-size:12px;font-weight:600;color:var(--rmr-suave)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-nombre{font-size:1rem;font-weight:600;line-height:1.3;color:var(--rmr-tinta);text-decoration:none;overflow-wrap:anywhere}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-nombre:hover{color:var(--rmr-azul-texto)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-empuje{flex:1}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-monto{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-cuota{font-size:12px;color:var(--rmr-texto);font-variant-numeric:tabular-nums}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-agregar{margin-top:4px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-agregar button,
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-ver{display:flex;align-items:center;justify-content:center;width:100%;height:42px;border:1.5px solid var(--rmr-azul);border-radius:999px;background:var(--rmr-blanco);color:var(--rmr-azul);font:inherit;font-size:.875rem;font-weight:600;text-decoration:none;cursor:pointer}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-ver{margin-top:4px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-agregar button:hover,
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-ver:hover{background:var(--rmr-azul-fondo)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-vacio{padding:24px;border:1px dashed var(--rmr-campo);border-radius:16px;color:var(--rmr-texto);font-size:1rem}

/* ── ¿Querés una PC con piezas ASUS? ── */
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-armar{display:flex;align-items:center;gap:24px;padding:24px;border:1px solid var(--rmr-azul-borde);border-radius:16px;background:var(--rmr-azul-fondo)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-armar > div{display:flex;flex-direction:column;gap:4px;flex:1}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-armar b{font-size:1.125rem;font-weight:700}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-armar span{font-size:.875rem;color:var(--rmr-texto)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;height:48px;padding:0 22px;border-radius:999px;background:var(--rmr-azul);color:#FFFFFF;font-size:1rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap;text-decoration:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-btn:hover{background:var(--rmr-azul-hover);color:#FFFFFF}

@media (max-width:900px){
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-grilla{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr{padding-bottom:48px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-cabeza{padding-top:20px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-cabeza .rmr-in{gap:14px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-titulo{gap:14px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-logo{width:64px;height:64px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-lista{padding-top:14px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-lista > .rmr-in{gap:16px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-barra{flex-direction:column;align-items:stretch;gap:14px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-tipos{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px;scrollbar-width:none}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-tipos::-webkit-scrollbar{display:none}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-grilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-foto{height:130px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-cuerpo{padding:10px 11px 12px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-nombre{font-size:.875rem}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-monto{font-size:1.125rem}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-agregar button,
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-ver{height:38px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-solo-grande{display:none}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-armar{flex-direction:column;align-items:stretch;gap:12px;padding:18px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-btn{height:46px}
}

/* ── Modo oscuro (generado por herramientas/gen_recorrido_oscuro.py: no editar a mano) ── */
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido.eph-marca-recorrido{background:#0B1222!important}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido .rmr{--rmr-blanco:#151D35;--rmr-fondo:#0B1222;--rmr-gris:#1B2440;--rmr-borde:#253149;--rmr-campo:#3A4A66;--rmr-tenue:#6B7A94;--rmr-tinta:#E9EEF6;--rmr-texto:#A2B0C6;--rmr-suave:#8B9AB3;--rmr-azul:#3B82F6;--rmr-azul-texto:#7FB0FF;--rmr-azul-hover:#9EC5FF;--rmr-azul-fondo:#13213F;--rmr-azul-borde:#17305C}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-migas span[aria-hidden]{color:#94A3B8}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-chip[aria-current="true"]{background:#E9EEF6;border-color:#E9EEF6;color:#0B1222}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido.eph-marca-recorrido{background:#0B1222!important}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido .rmr{--rmr-blanco:#151D35;--rmr-fondo:#0B1222;--rmr-gris:#1B2440;--rmr-borde:#253149;--rmr-campo:#3A4A66;--rmr-tenue:#6B7A94;--rmr-tinta:#E9EEF6;--rmr-texto:#A2B0C6;--rmr-suave:#8B9AB3;--rmr-azul:#3B82F6;--rmr-azul-texto:#7FB0FF;--rmr-azul-hover:#9EC5FF;--rmr-azul-fondo:#13213F;--rmr-azul-borde:#17305C}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido .rmr-migas span[aria-hidden]{color:#94A3B8}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido .rmr .rmr-chip[aria-current="true"]{background:#E9EEF6;border-color:#E9EEF6;color:#0B1222}}