/* ElectroPC · La temporada (Halloween, Black Friday…) del diseño nuevo (30/9).
 *
 * Carga solo con la temporada activa (`EPH_Temporada::activa`): apagada, esta
 * hoja no está y la web queda como siempre. El color de la temporada llega en
 * `--ept-color` (lo pone `EPH_Temporada::encolar` desde el panel) y va solo en
 * la franja, la ceja y los sellos: precios, botones azules y WhatsApp verde no
 * cambian.
 *
 * Cada regla lleva `body.eph-recorrido` tres veces y `.eph-temporada`: la
 * portada con banner le tiene que ganar al fondo de `.rh-heroe` también en el
 * oscuro generado.
 *
 * La letra sobre el color de la temporada va en `rgb()`: el generador del modo
 * oscuro no la toca, y sobre el naranja tiene que seguir oscura. */

body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada{--ept-tinta:rgb(15 23 42)}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-calabaza{flex:none}

/* ── La franja de arriba ── */
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-franja{display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 16px;
  background:var(--ept-color);color:var(--ept-tinta);font-family:Inter,system-ui,sans-serif;font-size:.875rem;line-height:1.35;text-align:center}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-franja b{font-weight:700;color:var(--ept-tinta)}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-franja a{color:var(--ept-tinta);font-weight:700;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-franja a:hover{color:var(--ept-tinta);text-decoration-thickness:2px}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-franja a:focus-visible{outline:3px solid var(--ept-tinta);outline-offset:2px}

/* ── La portada: la ceja y el banner ── */
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh-heroe .ept-ceja{display:flex;align-items:center;gap:7px;max-width:none;margin:0;color:var(--ept-color);font-size:.875rem;font-weight:600;line-height:1.3}
/* Celular: el texto, abajo la imagen en el flujo y 54px de fondo liso, que es lo que tapa "¿Cómo te ayudamos?" al subir. */
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh-heroe[data-ept-banner]{background:#0C182C}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh-heroe[data-ept-banner~="chica"] .rh-heroe-texto{padding-bottom:0}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh-heroe .ept-banner-chico{display:block;width:100%;height:auto;margin:10px 0 0;border-radius:0}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh-heroe .ept-banner-pie{display:block;height:54px}

/* ── El bloque de la home ── */
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-bloque{padding-top:40px;scroll-margin-top:72px}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-bloque-caja{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:20px 14px 16px;
  border-radius:16px;background:#0F172A;color:#FFFFFF}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-telarana{position:absolute;right:0;top:0;width:120px;height:120px;color:rgba(255,255,255,.16);pointer-events:none}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-bloque-texto{position:relative;display:flex;flex-direction:column;gap:12px}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-kicker{display:flex;align-items:center;gap:6px;margin:0;color:var(--ept-color);font-size:.875rem;font-weight:600}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh .ept-bloque h2{margin:0;color:#FFFFFF;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1.15;letter-spacing:-.02em}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-bloque-baja{margin:0;color:#CBD5E1;font-size:.875rem;line-height:1.45}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh .ept-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 22px;border-radius:999px;
  background:#0064FF;color:#FFFFFF;font-size:1rem;font-weight:600;text-decoration:none;white-space:nowrap}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh .ept-btn:hover{background:#0052D4;color:#FFFFFF}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh .ept-btn:focus-visible{outline:3px solid #93C5FD;outline-offset:2px}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-fechas{margin:0;color:#94A3B8;font-size:.75rem;text-align:center}

/* Las PC elegidas: dos en el celular; "Ver las 3 elegidas" muestra el resto (`:target`). */
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pcs{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pcs:not(:target) .ept-pc:nth-child(n+3){display:none}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pcs:target ~ .ept-btn{display:none}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh .ept-pc{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:#FFFFFF;color:#0F172A;text-decoration:none}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh .ept-pc:hover .ept-pc-nombre{color:#0052D4}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-foto{position:relative;display:flex;align-items:center;justify-content:center;height:128px;border-bottom:1px solid #E2E8F0;background:#FFFFFF}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-foto img{width:86%;height:86%;object-fit:contain;margin:0}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-cuerpo{display:flex;flex-direction:column;gap:5px;flex-grow:1;padding:10px}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-nombre{min-height:51px;font-size:.875rem;font-weight:600;line-height:1.3;color:#0F172A;overflow-wrap:anywhere}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-specs{flex-grow:1;font-size:.75rem;line-height:1.35;color:#475569}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-precio{margin-top:4px;font-size:1.125rem;font-weight:700;color:#0F172A}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-cuota{font-size:.75rem;color:#475569}

/* ── Los sellos: "Elegida" en las tarjetas y "Elegida para Halloween" en la ficha ── */
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-sello{display:inline-flex;align-items:center;gap:4px;padding:3px 9px 3px 7px;border-radius:999px;
  background:color-mix(in srgb,var(--ept-color) 12%,rgb(255 255 255));color:color-mix(in srgb,var(--ept-color) 68%,rgb(0 0 0));
  font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:600;line-height:1.3;white-space:nowrap}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada :is(.ept-pc-foto,.rl-pc-foto,.rp-pc-foto) > .ept-sello{position:absolute;left:8px;top:8px;z-index:1}
/* Si la tarjeta ya tiene su sello ("Con monitor"), va debajo del de la temporada. */
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rp-pc-foto > .ept-sello{left:10px;top:10px}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-sello ~ .rl-sello{top:36px}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-sello ~ .rp-sello{top:40px}
body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-sello-ficha{align-self:flex-start;gap:5px;padding:4px 11px 4px 8px;font-size:.875rem}

@media (max-width:1023px){
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-solo-grande{display:none!important}
}
@media (min-width:1024px){
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-solo-chica{display:none!important}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-franja{gap:14px;padding:10px 40px}

  /* Computadora: la portada pasa a 510px con la imagen arriba a la derecha, a 440 de alto;
     "¿Cómo te ayudamos?" sube 70 y tapa solo el fondo liso. */
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh-heroe .ept-ceja{font-size:1rem}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh-heroe[data-ept-banner~="grande"]{min-height:510px;background:#0C182C var(--ept-banner) right top/auto 440px no-repeat}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh-heroe[data-ept-banner~="grande"] .rh-heroe-texto{padding-bottom:110px}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh-heroe .ept-banner-chico,
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh-heroe[data-ept-banner~="grande"] .ept-banner-pie{display:none}

  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-bloque{padding-top:64px;scroll-margin-top:132px}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-bloque-caja{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:center;padding:32px}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-telarana{width:220px;height:220px}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-bloque-texto{gap:14px}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-bloque-baja{font-size:1rem;line-height:1.5}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh .ept-bloque-texto .ept-btn{align-self:flex-start}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-fechas{font-size:.875rem;text-align:left}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pcs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pcs:not(:target) .ept-pc:nth-child(n+3){display:flex}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-foto{height:170px}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-cuerpo{padding:14px}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-nombre{min-height:38px}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-specs{font-size:.875rem}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-precio{font-size:1.25rem}
  body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-cuota{font-size:.75rem}
}

/* ── 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-temporada .ept-bloque-caja{background:#22304F}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-telarana{color:rgba(21,29,53,.16)}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh .ept-btn{background:#3B82F6}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh .ept-btn:hover{background:#7FB0FF}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh .ept-pc{background:#151D35;color:#E9EEF6}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh .ept-pc:hover .ept-pc-nombre{color:#7FB0FF}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-foto{border-bottom:1px solid #253149}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-nombre{color:#E9EEF6}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-specs{color:#A2B0C6}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-precio{color:#E9EEF6}
html[data-theme="dark"] body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-cuota{color:#A2B0C6}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-bloque-caja{background:#22304F}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-telarana{color:rgba(21,29,53,.16)}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh .ept-btn{background:#3B82F6}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh .ept-btn:hover{background:#7FB0FF}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh .ept-pc{background:#151D35;color:#E9EEF6}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .rh .ept-pc:hover .ept-pc-nombre{color:#7FB0FF}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-foto{border-bottom:1px solid #253149}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-nombre{color:#E9EEF6}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-specs{color:#A2B0C6}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-precio{color:#E9EEF6}}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body.eph-recorrido.eph-recorrido.eph-recorrido.eph-temporada .ept-pc-cuota{color:#A2B0C6}}