/* ElectroPC · Garantía y servicio técnico, del lienzo "Recorrido simple" (28/9).
 *
 * Carga solo con el diseño nuevo prendido (`EPH_Vista::recorrido`) en
 * /garantia/, después de recorrido-faq.css, que trae el título, el acordeón y
 * el local. Acá van las dos tarjetas de arriba, los cuatro pasos y "Qué
 * cubre". El marcado lo arma `EPH_GarantiaRecorrido` dentro de `.rq.rg`.
 *
 * En la computadora las tarjetas y "Qué cubre" van de a dos y los pasos en
 * fila de a cuatro; en el celular, todo en una columna. */

body.eph-recorrido.eph-recorrido.eph-recorrido .rg-h2{font-size:clamp(1.25rem,2.2vw,1.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.2}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-sec{padding-top:36px;display:flex;flex-direction:column;gap:16px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-sec.rq-angosto{gap:14px}

/* ── Cuánto dura ── */
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-sec-tarjetas{padding-top:24px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-tarjetas{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-tarjeta{display:flex;flex-direction:column;gap:10px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-ico{width:48px;height:48px;border-radius:12px;background:var(--rq-azul-fondo);color:var(--rq-azul-texto);display:flex;align-items:center;justify-content:center}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-de{font-size:.875rem;font-weight:600;color:var(--rq-texto)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-cuanto{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--rq-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-texto{font-size:1rem;color:var(--rq-oscuro);line-height:1.55}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-nota{font-size:.875rem;color:var(--rq-suave)}

/* ── Si algo falla ── */
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-pasos{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:0}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-pasos li{display:flex;gap:14px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-paso-n{flex:none;width:34px;height:34px;border-radius:999px;background:var(--rq-azul);color:#FFFFFF;font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-paso-texto{display:flex;flex-direction:column;gap:4px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-paso-texto b{font-size:1rem;font-weight:700}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-paso-texto span{font-size:.875rem;color:var(--rq-texto);line-height:1.5}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-accion{display:flex}

/* ── Qué cubre ── */
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-cubre{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-lista{display:flex;flex-direction:column;gap:10px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-lista h3{font-size:1.125rem;font-weight:700;letter-spacing:0;line-height:1.3}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-lista ul{display:flex;flex-direction:column;gap:10px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-lista li{display:flex;gap:10px;font-size:1rem;color:var(--rq-oscuro);line-height:1.5}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-marca{flex:none;display:flex;margin-top:2px;width:18px;justify-content:center}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-si .rg-marca{color:var(--rq-tinta);margin-top:4px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rg-no .rg-marca{color:var(--rq-tenue)}

/* El local va un poco más separado que las otras secciones, como el lienzo. */
body.eph-recorrido.eph-recorrido.eph-recorrido .rg .rq-sec-local{padding-top:40px}

@media (min-width:720px){
  body.eph-recorrido.eph-recorrido.eph-recorrido .rg-sec{padding-top:52px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rg-tarjetas,
  body.eph-recorrido.eph-recorrido.eph-recorrido .rg-cubre{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rg .rq-caja{padding:24px}
}
@media (min-width:960px){
  body.eph-recorrido.eph-recorrido.eph-recorrido .rg-pasos{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rg-pasos li{flex-direction:column}
}

/* ── Modo oscuro (generado por herramientas/gen_recorrido_oscuro.py: no editar a mano) ── */
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido .rg-no .rg-marca{color:#94A3B8}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido .rg-no .rg-marca{color:#94A3B8}}