/* ElectroPC · La categoría y el catálogo del lienzo "Recorrido simple" (26/9).
 *
 * Carga solo con el diseño nuevo prendido (`EPH_Vista::recorrido`), en las
 * páginas de categoría y en /catalogo-alt/, en lugar de home.css, catalogo.css
 * y piezas.css. El marcado lo arman `EPH_CategoriaRecorrido` (componentes) y
 * `EPH_CatalogoRecorrido` (PC, `.rp-de-pc`) dentro de `.rp`.
 *
 * En el celular la cabeza va arriba con los filtros; desde 1024px la cabeza
 * se deshace (`display: contents`) y sus piezas se acomodan en dos columnas:
 * los filtros al costado y la lista al lado.
 *
 * Solo claro, como el lienzo. Cada regla lleva `body.eph-recorrido` tres veces,
 * como las de la home, la línea y la ficha. */

body.eph-recorrido.eph-recorrido.eph-recorrido.eph-rp{background:#F8FAFC!important}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-rp .entry-content{padding-top:0;padding-bottom:0}

body.eph-recorrido.eph-recorrido.eph-recorrido .rp{
  --rp-fondo:#F8FAFC;
  --rp-gris:#F1F5F9;
  --rp-blanco:#FFFFFF;
  --rp-borde:#E2E8F0;
  --rp-campo:#CBD5E1;
  --rp-tinta:#0F172A;
  --rp-cuerpo:#334155;
  --rp-texto:#475569;
  --rp-suave:#64748B;
  --rp-apagado:#94A3B8;
  --rp-azul:#0064FF;
  --rp-azul-texto:#0052D4;
  --rp-azul-claro:#DBEAFE;
  --rp-azul-fondo:#EFF6FF;
  --rp-azul-tinta:#1E3A8A;
  --rp-verde:#0B7038;
  --rp-verde-tinta:#05602C;
  --rp-verde-fondo:#EAF8F0;
  --color-text:var(--rp-tinta);--color-text-secondary:var(--rp-texto);--color-text-tertiary:var(--rp-suave);
  --color-text-link:var(--rp-azul-texto);--color-text-link-hover:var(--rp-azul-texto);
  max-width:1148px;margin:0 auto;padding:0 0 56px;
  font-family:Inter,system-ui,sans-serif;color:var(--rp-tinta);line-height:1.4}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp *,
body.eph-recorrido.eph-recorrido.eph-recorrido .rp *::before,
body.eph-recorrido.eph-recorrido.eph-recorrido .rp *::after{box-sizing:border-box}
/* :where() no suma peso: el margen y el color de cada clase le ganan. */
body.eph-recorrido.eph-recorrido.eph-recorrido .rp :where(h1,p,fieldset,legend,form){margin:0}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp h1{color:var(--rp-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp a{color:var(--rp-azul-texto)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp :is(a,button,input,select):focus-visible{outline:3px solid color-mix(in srgb,var(--rp-azul) 45%,transparent);outline-offset:2px}
@media (max-width:759px){
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-solo-grande{display:none!important}
}

/* ── La cabeza: dónde estás, cuántos hay y los filtros ── */
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-cabeza{display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px;
  background:var(--rp-blanco);border-bottom:1px solid var(--rp-borde)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-migas{display:flex;flex-wrap:wrap;gap:6px;font-size:.875rem;color:var(--rp-suave)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-migas a{text-decoration:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-migas a:hover{text-decoration:underline}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-titulo{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-titulo h1{font-size:clamp(1.75rem,3.6vw,2.5rem);font-weight:700;line-height:1.12;letter-spacing:-.02em}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-cuenta{font-size:.875rem;color:var(--rp-texto);white-space:nowrap}

body.eph-recorrido.eph-recorrido.eph-recorrido .rp-lado{display:flex;flex-direction:column;gap:12px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-grupo{display:flex;flex-direction:column;gap:8px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-grupo-t{font-size:.875rem;font-weight:600;color:var(--rp-texto)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-chips{display:flex;flex-wrap:wrap;gap:8px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-chip{padding:8px 13px;border-radius:999px;border:1px solid var(--rp-campo);background:var(--rp-blanco);
  color:var(--rp-tinta);font-size:.875rem;font-weight:600;line-height:1.2;white-space:nowrap;text-decoration:none;transition:border-color .15s,background-color .15s}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-chip:hover{border-color:var(--rp-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-chip[aria-current]{background:var(--rp-tinta);border-color:var(--rp-tinta);color:#FFFFFF}

/* El botón que abre marca y precio, y el orden */
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-botones{display:flex;gap:8px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-abrir{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;margin:0;padding:0 14px;
  border:1px solid var(--rp-campo);border-radius:999px;background:var(--rp-blanco);color:var(--rp-tinta);font:inherit;font-size:.875rem;font-weight:600;white-space:nowrap;cursor:pointer}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-abrir:hover,
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-abrir[aria-expanded="true"]{border-color:var(--rp-tinta);background:var(--rp-blanco);color:var(--rp-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-puestos{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;
  border-radius:999px;background:var(--rp-azul);color:#FFFFFF;font-size:.75rem;font-weight:700}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-orden{display:flex;align-items:center;gap:6px;height:40px;margin:0;padding:0 14px;border:1px solid var(--rp-campo);
  border-radius:999px;background:var(--rp-blanco);font-size:.875rem;white-space:nowrap;cursor:pointer}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-orden > span{color:var(--rp-texto)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-orden select{appearance:none;-webkit-appearance:none;height:100%;min-height:0;width:auto;margin:0;padding:0 18px 0 0;border:0;border-radius:0;box-shadow:none;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right center;
  color:var(--rp-tinta);font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}

/* El panel de marca y precio. Sin JavaScript queda abierto. */
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-panel{display:flex;flex-direction:column;gap:16px;padding:14px;border:1px solid var(--rp-borde);border-radius:16px;background:var(--rp-blanco)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-panel[hidden]{display:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp :is(.rp-marcas,.rp-precio){min-width:0;padding:0;border:0}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp :is(.rp-marcas,.rp-precio) legend{float:left;width:100%;margin:0 0 8px;padding:0;font-size:.875rem;font-weight:700;color:var(--rp-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-marcas-lista{clear:both;display:flex;flex-direction:column;max-height:264px;overflow-y:auto}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-marcas-lista label{display:flex;align-items:center;gap:10px;margin:0;padding:5px 0;font-size:.875rem;font-weight:400;color:var(--rp-tinta);cursor:pointer}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-marcas-lista input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--rp-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-marcas-lista small{margin-left:auto;padding-right:4px;font-size:.75rem;color:var(--rp-suave)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-precio > div{clear:both;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-precio input{width:100%;height:40px;margin:0;padding:0 12px;border:1px solid var(--rp-campo);border-radius:12px;
  background:var(--rp-blanco);color:var(--rp-tinta);font:inherit;font-size:1rem;box-shadow:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-precio input::placeholder{color:var(--rp-suave);opacity:1}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-aplicar{height:44px;margin:0;border:0;border-radius:999px;background:var(--rp-azul);color:#FFFFFF;
  font:inherit;font-size:1rem;font-weight:600;cursor:pointer}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-aplicar:hover{background:var(--rp-azul-texto);color:#FFFFFF}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-limpiar{align-self:flex-start;font-size:.875rem;font-weight:600;text-decoration:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-limpiar:hover{text-decoration:underline}

/* ── La ayuda de cada tipo ("¿SATA o M.2?") ── */
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-ayuda{display:flex;flex-direction:column;gap:10px;margin:14px 16px 0;padding:14px;
  border:1px solid var(--rp-azul-claro);border-radius:16px;background:var(--rp-azul-fondo)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-ayuda-uno{display:flex;flex-direction:column;gap:3px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-ayuda-uno b{font-size:1rem;font-weight:700}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-ayuda :is(.rp-ayuda-uno span,.rp-ayuda-dos){font-size:.875rem;line-height:1.45;color:var(--rp-cuerpo)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-ayuda-wa{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;font-size:.875rem;font-weight:600;
  color:var(--rp-verde);text-decoration:none;white-space:nowrap}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-ayuda-wa:hover{color:var(--rp-verde-tinta);text-decoration:underline}

/* ── La lista ── */
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-lista{padding:14px 16px 0}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-grilla{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px}
/* Filtrar sin recargar (recorrido-categoria.js): mientras llega la lista nueva
   se aclara un poco, y solo si tarda. Las tarjetas que no van quedan un momento
   encima, donde estaban, mientras se desvanecen. */
body.eph-recorrido.eph-recorrido.eph-recorrido .rp[aria-busy="true"] .rp-grilla{opacity:.6;transition:opacity .2s ease .15s}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-grilla > *{position:relative;z-index:1}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-grilla > .rp-sale{position:absolute;z-index:0;margin:0;pointer-events:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-aviso{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (prefers-reduced-motion:reduce){
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp[aria-busy="true"] .rp-grilla{transition:none}
}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--rp-borde);border-radius:16px;background:var(--rp-blanco);
  transition:border-color .15s,box-shadow .15s}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-card:hover{border-color:var(--rp-campo);box-shadow:0 8px 24px rgba(15,23,42,.06)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-foto{display:flex;align-items:center;justify-content:center;height:130px;border-bottom:1px solid var(--rp-borde);background:#FFFFFF}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-foto img{width:84%;height:86%;margin:0;object-fit:contain}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-cuerpo{flex:1;display:flex;flex-direction:column;gap:6px;padding:10px 11px 12px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-nombre{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;
  font-size:.875rem;font-weight:600;line-height:1.3;color:var(--rp-tinta);text-decoration:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-nombre:hover{color:var(--rp-azul-texto)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-datos{display:flex;flex-wrap:wrap;gap:5px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-datos span{padding:3px 8px;border-radius:999px;background:var(--rp-gris);color:var(--rp-cuerpo);font-size:.75rem;font-weight:600}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-empuje{flex:1}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-monto{font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-cuota{font-size:.75rem;color:var(--rp-texto)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-agregar{margin:4px 0 0}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-agregar button,
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-ver-pieza{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:38px;margin:0;padding:0 10px;
  border:1.5px solid var(--rp-azul);border-radius:999px;background:var(--rp-blanco);color:var(--rp-azul-texto);font:inherit;font-size:.875rem;font-weight:600;
  text-decoration:none;cursor:pointer;transition:background-color .15s,color .15s}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-agregar button:hover,
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-ver-pieza:hover{background:var(--rp-azul);color:#FFFFFF}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-agregar button[aria-busy="true"]{opacity:.7;cursor:progress}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-agregar.rp-agregado button{border-color:var(--rp-verde);background:var(--rp-verde);color:#FFFFFF}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-error{font-size:.75rem;color:#B91C1C;line-height:1.35}

body.eph-recorrido.eph-recorrido.eph-recorrido .rp-vacio{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px;
  border:1px solid var(--rp-borde);border-radius:16px;background:var(--rp-blanco);text-align:center}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-vacio b{font-size:1rem;font-weight:700}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-vacio a{font-size:.875rem;font-weight:600;text-decoration:none}

body.eph-recorrido.eph-recorrido.eph-recorrido .rp-mas{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:22px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-mas > span{font-size:.875rem;color:var(--rp-suave)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-mas-boton{display:inline-flex;align-items:center;height:48px;padding:0 28px;border:1px solid var(--rp-campo);border-radius:999px;
  background:var(--rp-blanco);color:var(--rp-tinta);font-size:1rem;font-weight:600;text-decoration:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-mas-boton:hover{border-color:var(--rp-tinta);color:var(--rp-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-mas-boton[aria-busy="true"]{opacity:.6;pointer-events:none}

/* ── El catálogo de PC (`.rp-de-pc`): la cabeza va sobre el gris, sin migas ── */
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-de-pc .rp-cabeza{gap:14px;padding:20px 16px 0;border:0;background:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-de-pc .rp-titulo{flex-direction:column;align-items:flex-start;gap:4px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-de-pc .rp-cuenta{white-space:normal}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-elegir{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:var(--rp-azul-claro)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-elegir > b{font-size:1rem;font-weight:700;color:var(--rp-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-elegir > p{font-size:.875rem;line-height:1.45;color:var(--rp-azul-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-elegir-botones{display:flex;gap:8px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-elegir-botones a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 12px;
  border-radius:8px;font-size:.875rem;font-weight:700;text-decoration:none;white-space:nowrap}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-elegir-azul{background:var(--rp-azul);color:#FFFFFF}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-elegir-azul:hover{background:var(--rp-azul-texto);color:#FFFFFF}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-elegir-wa{background:var(--rp-blanco);color:var(--rp-verde-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-elegir-wa:hover{background:var(--rp-verde-fondo);color:var(--rp-verde-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-de-pc :is(.rp-abrir,.rp-orden){flex:1;height:44px;border-radius:8px;justify-content:center}
/* El lienzo dice solo "Menor precio": el botón de al lado ya dice que son filtros. */
@media (max-width:1023px){
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-de-pc .rp-orden > span{display:none}
}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-de-pc .rp-lista{padding-top:16px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-de-pc .rp-grilla{grid-template-columns:minmax(0,1fr);gap:14px}

body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-pc{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--rp-borde);border-radius:12px;background:var(--rp-blanco);
  color:var(--rp-tinta);text-decoration:none;transition:border-color .15s,box-shadow .15s}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-pc:hover{border-color:var(--rp-campo);box-shadow:0 8px 24px rgba(15,23,42,.06);color:var(--rp-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-foto{position:relative;display:flex;align-items:center;justify-content:center;height:200px;background:#FFFFFF}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-foto img{width:80%;height:88%;margin:0;object-fit:contain}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-sello{position:absolute;left:10px;top:10px;z-index:1;padding:4px 9px;border-radius:999px;background:var(--rp-azul-claro);
  color:var(--rp-azul-texto);font-size:.75rem;font-weight:700}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-cuerpo{flex:1;display:flex;flex-direction:column;gap:8px;padding:14px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-nombre{font-size:1rem;font-weight:700;line-height:1.25}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-specs{font-size:.875rem;color:var(--rp-texto);line-height:1.4}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-precio{margin-top:auto;font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-cuota{font-size:.875rem;color:var(--rp-texto)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-tres{font-size:.875rem;font-weight:700;line-height:1.3;color:#05602C}
body.eph-recorrido.eph-recorrido.eph-recorrido .rp-envio{align-self:flex-start;padding:4px 9px;border-radius:999px;background:var(--rp-verde-fondo);color:var(--rp-verde-tinta);
  font-size:.75rem;font-weight:700}

/* ── Celular: las PC de a 2, como los componentes (lienzo, tablero Catalogo; Martín, 2/10) ── */
@media (max-width:599px){
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-de-pc .rp-grilla{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-pc{border-radius:16px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-foto{height:118px;border-bottom:1px solid var(--rp-borde)}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-foto img{width:88%;height:88%}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-sello{left:6px;top:6px;padding:3px 7px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-cuerpo{gap:5px;padding:10px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-nombre{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem;font-weight:600;line-height:1.3}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-specs{font-size:.75rem;line-height:1.35}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-precio{font-size:1.125rem}
  /* "Hasta 18 cuotas fijas con tarjeta" no entra en una línea a 360px: baja a
     dos antes que cortarse con puntos. */
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-cuota{font-size:.75rem;line-height:1.3}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-tres{font-size:.75rem}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-envio{padding:3px 8px}
}

/* ── Tableta: más columnas ── */
@media (min-width:600px){
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-grilla{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-de-pc .rp-grilla{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ── Computadora: los filtros al costado ── */
@media (min-width:1024px){
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp{--rp-orden-arriba:62px;position:relative;display:grid;grid-template-columns:240px minmax(0,1fr);
    grid-template-rows:auto auto auto 1fr;column-gap:28px;align-items:start;padding:24px 16px 64px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-de-pc{--rp-orden-arriba:28px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-cabeza{display:contents}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-migas{grid-column:1 / -1;grid-row:1}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-titulo{grid-column:1 / -1;grid-row:2;flex-direction:row;align-items:baseline;justify-content:flex-start;gap:14px;
    margin-top:8px;padding-right:250px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-cuenta{font-size:1rem}

  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-lado{grid-column:1;grid-row:3 / span 2;align-self:start;gap:16px;margin-top:20px;padding:18px;
    border:1px solid var(--rp-borde);border-radius:16px;background:var(--rp-blanco)}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-botones{display:contents}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-abrir{display:none}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-orden{position:absolute;top:var(--rp-orden-arriba);right:16px;flex:none;height:40px;border-radius:999px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-panel,
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-panel[hidden]{display:flex;gap:16px;padding:0;border:0;border-radius:0;background:none}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-grupo-t,
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp :is(.rp-marcas,.rp-precio) legend{font-size:.875rem;font-weight:700;color:var(--rp-tinta)}
  /* Una línea entre grupo y grupo, como el lienzo */
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-lado > .rp-grupo ~ :is(.rp-grupo,.rp-panel),
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-panel > .rp-grupo ~ :is(.rp-grupo,fieldset),
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-panel > fieldset ~ fieldset{padding-top:16px;border-top:1px solid var(--rp-borde)}
  /* Al costado el botón no compite con la lista: queda en borde. */
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-aplicar{height:40px;border:1.5px solid var(--rp-azul);background:var(--rp-blanco);color:var(--rp-azul-texto);font-size:.875rem}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-aplicar:hover{background:var(--rp-azul);color:#FFFFFF}

  body.eph-recorrido.eph-recorrido.eph-recorrido .rp :is(.rp-ayuda,.rp-elegir){grid-column:2;grid-row:3;margin:20px 0 0}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-ayuda{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:24px;padding:18px 22px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-elegir{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"t botones" "p botones";
    align-items:center;column-gap:24px;row-gap:3px;padding:18px 22px;border-radius:16px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-elegir > b{grid-area:t}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-elegir > p{grid-area:p}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-elegir-botones{grid-area:botones}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-elegir-botones a{flex:none;padding:0 20px;border-radius:999px}

  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-lista{grid-column:2;grid-row:4;padding:18px 0 0}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-grilla,
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-de-pc .rp-grilla{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-foto{height:170px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-cuerpo{padding:14px 16px 16px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-nombre{min-height:0;font-size:1rem}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-monto{font-size:1.25rem}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-agregar button,
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-ver-pieza{height:42px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-foto{height:190px}
}
@media (min-width:1200px){
  body.eph-recorrido.eph-recorrido.eph-recorrido .rp-grilla{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ── 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-rp{background:#0B1222!important}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido .rp{--rp-fondo:#0B1222;--rp-gris:#1B2440;--rp-blanco:#151D35;--rp-borde:#253149;--rp-campo:#3A4A66;--rp-tinta:#E9EEF6;--rp-cuerpo:#C9D3E1;--rp-texto:#A2B0C6;--rp-suave:#8B9AB3;--rp-apagado:#6B7A94;--rp-azul:#3B82F6;--rp-azul-texto:#7FB0FF;--rp-azul-claro:#17305C;--rp-azul-fondo:#13213F;--rp-azul-tinta:#BFD7FF;--rp-verde:#15954A;--rp-verde-tinta:#5FD98D;--rp-verde-fondo:#0F2E1E}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-chip[aria-current]{background:#E9EEF6;color:#0B1222}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido .rp-error{color:#F87171}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-tres{color:#5FD98D}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido.eph-rp{background:#0B1222!important}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido .rp{--rp-fondo:#0B1222;--rp-gris:#1B2440;--rp-blanco:#151D35;--rp-borde:#253149;--rp-campo:#3A4A66;--rp-tinta:#E9EEF6;--rp-cuerpo:#C9D3E1;--rp-texto:#A2B0C6;--rp-suave:#8B9AB3;--rp-apagado:#6B7A94;--rp-azul:#3B82F6;--rp-azul-texto:#7FB0FF;--rp-azul-claro:#17305C;--rp-azul-fondo:#13213F;--rp-azul-tinta:#BFD7FF;--rp-verde:#15954A;--rp-verde-tinta:#5FD98D;--rp-verde-fondo:#0F2E1E}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido .rp .rp-chip[aria-current]{background:#E9EEF6;color:#0B1222}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido .rp-error{color:#F87171}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido .rp-pc-tres{color:#5FD98D}}