/* ElectroPC · Preguntas frecuentes, del lienzo "Recorrido simple" (28/9).
 *
 * Carga solo con el diseño nuevo prendido (`EPH_Vista::recorrido`) en
 * /preguntas-frecuentes/, en lugar de empresas-alt.css. El marcado lo arma
 * `EPH_FaqRecorrido` dentro de `.rq`. La página de garantía
 * (`EPH_GarantiaRecorrido`) usa esta hoja para lo común (el título, el
 * acordeón y el local) y suma recorrido-garantia.css.
 *
 * El título y las preguntas van en una columna de 730px, alineada a la
 * izquierda como el lienzo; el local, en dos cajas lado a lado desde 720px.
 * Cada regla lleva `body.eph-recorrido` tres veces, como las demás pantallas
 * del lienzo. */

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

body.eph-recorrido.eph-recorrido.eph-recorrido .rq{
  --rq-blanco:#FFFFFF;
  --rq-fondo:#F8FAFC;
  --rq-borde:#E2E8F0;
  --rq-campo:#CBD5E1;
  --rq-tinta:#0F172A;
  --rq-oscuro:#334155;
  --rq-texto:#475569;
  --rq-suave:#64748B;
  --rq-tenue:#94A3B8;
  --rq-azul:#0064FF;
  --rq-azul-texto:#0052D4;
  --rq-azul-hover:#003FA3;
  --rq-azul-fondo:#EFF6FF;
  --rq-verde:#0B7038;
  --color-text:var(--rq-tinta);--color-text-secondary:var(--rq-texto);--color-text-tertiary:var(--rq-suave);
  font-family:Inter,system-ui,sans-serif;color:var(--rq-tinta);line-height:1.4;padding-bottom:48px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq *,
body.eph-recorrido.eph-recorrido.eph-recorrido .rq *::before,
body.eph-recorrido.eph-recorrido.eph-recorrido .rq *::after{box-sizing:border-box}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq :where(h1,h2,h3,p,ul,ol,li,nav){margin:0;padding:0}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq :where(ul,ol){list-style:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq :is(h1,h2,h3){color:var(--rq-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq :is(a,button,input,summary):focus-visible{outline:3px solid color-mix(in srgb,var(--rq-azul) 45%,transparent);outline-offset:2px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq [hidden]{display:none!important}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-in{max-width:1132px;margin:0 auto;padding-left:16px;padding-right:16px}
/* La columna angosta del lienzo (820px con 90 de margen) queda a la izquierda. */
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-angosto > *{max-width:730px}

/* ── Las cajas y el botón ── */
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-caja{background:var(--rq-blanco);border:1px solid var(--rq-borde);border-radius:16px;padding:18px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq .rq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 24px;border-radius:999px;
  font-size:1rem;font-weight:600;text-decoration:none;white-space:nowrap;border:1px solid transparent}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq .rq-btn-verde{background:var(--rq-verde);border-color:var(--rq-verde);color:#FFFFFF}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq .rq-btn-verde:hover{background:#085A2D;border-color:#085A2D;color:#FFFFFF}

/* ── Arriba: migas, título, bajada, buscador y temas ── */
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-cabeza{padding-top:20px;display:flex;flex-direction:column;gap:14px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-migas{font-size:.875rem;color:var(--rq-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-migas a{color:var(--rq-texto);text-decoration:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-migas a:hover{color:var(--rq-azul-texto)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-migas span[aria-hidden]{color:var(--rq-tenue)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-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 .rq-baja{font-size:clamp(1rem,1.6vw,1.125rem);color:var(--rq-texto);line-height:1.55}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-herramientas{display:flex;flex-direction:column;gap:14px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-buscar{display:flex;align-items:center;gap:10px;height:50px;background:var(--rq-blanco);border:1px solid var(--rq-campo);border-radius:999px;padding:0 18px;color:var(--rq-suave);margin:0}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-buscar:focus-within{border-color:var(--rq-azul)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-buscar svg{flex:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-buscar input{font:inherit;font-size:1rem;border:0!important;outline:0;box-shadow:none!important;flex:1 1 auto;min-width:0;height:auto;padding:0;margin:0;background:transparent!important;color:var(--rq-tinta)!important;-webkit-appearance:none;appearance:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-buscar input::placeholder{color:var(--rq-tenue);opacity:1}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-buscar input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-temas{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:0 16px;scrollbar-width:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-temas::-webkit-scrollbar{display:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-tema{font:inherit;font-size:.875rem;font-weight:600;line-height:1.3;padding:8px 13px;border-radius:999px;white-space:nowrap;cursor:pointer;
  background:var(--rq-blanco);color:var(--rq-tinta);border:1px solid var(--rq-campo);margin:0;min-height:0;box-shadow:none;text-transform:none;letter-spacing:0}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-tema:hover{border-color:var(--rq-tinta);background:var(--rq-blanco);color:var(--rq-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-tema[aria-pressed="true"]{background:#0F172A;color:#FFFFFF;border-color:#0F172A}

/* ── El acordeón ── */
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-sec-lista{padding-top:18px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-lista{background:var(--rq-blanco);border:1px solid var(--rq-borde);border-radius:16px;padding:0 16px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-item{margin:0;border:0;padding:0}
/* La raya va entre las que se ven: la primera visible no la lleva. */
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-item:not([hidden]) ~ .rq-item:not([hidden]){border-top:1px solid var(--rq-borde)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;
  font-size:1rem;font-weight:600;line-height:1.4;color:var(--rq-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-item summary::-webkit-details-marker{display:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-item summary::marker{content:""}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-signo{flex:none;color:var(--rq-azul-texto);font-size:1.25rem;font-weight:400;line-height:1;width:14px;text-align:center}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-signo::before{content:"+"}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-item[open] .rq-signo::before{content:"−"}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-resp{font-size:1rem;color:var(--rq-texto);line-height:1.6;padding:0 0 16px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-resp a{color:var(--rq-azul-texto)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-resp a:hover{color:var(--rq-azul-hover)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-nada{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-nada b{font-size:1rem;font-weight:600}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-nada span{font-size:1rem;color:var(--rq-texto)}

/* ── El local y WhatsApp ── */
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-sec-local{padding-top:36px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-local{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:920px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-local h2{font-size:1.125rem;font-weight:700;letter-spacing:0;line-height:1.3}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-donde{display:flex;flex-direction:column;gap:10px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-dato{display:flex;gap:10px;align-items:flex-start;font-size:1rem;color:var(--rq-oscuro);line-height:1.5}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-dato-ico{flex:none;display:flex;color:var(--rq-azul-texto);margin-top:1px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-dato-ico:empty{display:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-mapa{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:.875rem;font-weight:600;color:var(--rq-azul-texto);text-decoration:none}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-mapa:hover{color:var(--rq-azul-hover)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-wa{display:flex;flex-direction:column;gap:14px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-wa-texto{flex:1 1 auto;display:flex;flex-direction:column;gap:4px}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-wa-texto p{font-size:1rem;color:var(--rq-texto)}
body.eph-recorrido.eph-recorrido.eph-recorrido .rq-wa .rq-btn{display:flex;width:100%}

@media (min-width:720px){
  body.eph-recorrido.eph-recorrido.eph-recorrido .rq{padding-bottom:72px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rq-cabeza{padding-top:28px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rq-temas{flex-wrap:wrap;overflow:visible;margin:0;padding:0}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rq-lista{padding:0 22px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rq-nada{padding:24px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rq-sec-local{padding-top:48px}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rq-local{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  body.eph-recorrido.eph-recorrido.eph-recorrido .rq-donde{padding:24px}
}

/* ── 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-faq-recorrido{background:#0B1222!important}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido.eph-garantia-recorrido{background:#0B1222!important}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido .rq{--rq-blanco:#151D35;--rq-fondo:#0B1222;--rq-borde:#253149;--rq-campo:#3A4A66;--rq-tinta:#E9EEF6;--rq-oscuro:#C9D3E1;--rq-texto:#A2B0C6;--rq-suave:#8B9AB3;--rq-tenue:#6B7A94;--rq-azul:#3B82F6;--rq-azul-texto:#7FB0FF;--rq-azul-hover:#9EC5FF;--rq-azul-fondo:#13213F;--rq-verde:#15954A}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido .rq .rq-btn-verde:hover{background:#0E7A3C;border-color:#0E7A3C}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido .rq-migas span[aria-hidden]{color:#94A3B8}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido .rq-buscar input::placeholder{color:#94A3B8}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido .rq-tema[aria-pressed="true"]{background:#E9EEF6;color:#0B1222;border-color:#E9EEF6}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido.eph-faq-recorrido{background:#0B1222!important}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido.eph-garantia-recorrido{background:#0B1222!important}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido .rq{--rq-blanco:#151D35;--rq-fondo:#0B1222;--rq-borde:#253149;--rq-campo:#3A4A66;--rq-tinta:#E9EEF6;--rq-oscuro:#C9D3E1;--rq-texto:#A2B0C6;--rq-suave:#8B9AB3;--rq-tenue:#6B7A94;--rq-azul:#3B82F6;--rq-azul-texto:#7FB0FF;--rq-azul-hover:#9EC5FF;--rq-azul-fondo:#13213F;--rq-verde:#15954A}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido .rq .rq-btn-verde:hover{background:#0E7A3C;border-color:#0E7A3C}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido .rq-migas span[aria-hidden]{color:#94A3B8}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido .rq-buscar input::placeholder{color:#94A3B8}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido .rq-tema[aria-pressed="true"]{background:#E9EEF6;color:#0B1222;border-color:#E9EEF6}}