/* chk-portafolio-tipos-20261009.css · /portafolio/ (página 2302: bloque de consulta «portfolios», categoría 109, 9 por página)
   Sistema tipográfico «S5» (aprobado 2026-10-08/09), igual que Inicio, Sobre mí y Blog.
   Necesita /wp-content/uploads/chk/fonts/chk-fuentes.css (Big Shoulders, Martian Mono).
   Big Shoulders = título en MAYÚSCULAS (lima sobre azul) · Martian Mono = paginación / etiquetas · DM Sans = texto de entrada.
   Menús sin cambios. Sin Beth Ellen. Solo colores de marca. Esquinas 2px. Sin subrayados.
   Se carga DESPUÉS de chk-portafolio.css y no lo reemplaza. No toca la rejilla ni el efecto al pasar el mouse
   (acercamiento 1.03 + brillo .92 del estilo en la página). Solo afecta body.page-id-2302. */
:root{--s5-blue:#193cff;--s5-navy:#0b1a7a;--s5-off:#f9f9f9;--s5-coral:#ff8566;--s5-lime:#d6ff3a;
  --s5-title:"Big Shoulders","Arial Narrow",sans-serif;--s5-mono:"Martian Mono",ui-monospace,monospace}

/* ---------- Título de la página «Portafolio» (Big Shoulders, lima) ---------- */
html body.page-id-2302 main h1.wp-block-post-title{
  font-family:var(--s5-title)!important;font-weight:900;font-optical-sizing:auto;text-transform:uppercase;
  font-size:clamp(3.4rem,7.4vw,6.6rem)!important;line-height:.86!important;letter-spacing:0!important;
  color:var(--s5-lime)!important;margin-top:0!important;margin-bottom:.3em!important;text-align:center}

/* ---------- Entrada (DM Sans) ---------- */
/* antes 92 % de opacidad; ahora al 100 % para que no pierda contraste sobre el azul */
html body.page-id-2302 .chk-folio-intro{opacity:1!important;color:var(--s5-off)!important;font-family:"DM Sans",system-ui,sans-serif}

/* ---------- Tarjetas: la imagen ya es enlace (isLink:true). Se conserva el hover existente. ---------- */
html body.page-id-2302 .chk-folio-card .wp-block-post-featured-image>a{display:block;text-decoration:none!important;border:0!important;border-radius:2px;outline:none}
/* solo teclado: marco lima visible (antes no había indicación de foco en la imagen) */
html body.page-id-2302 .chk-folio-card .wp-block-post-featured-image:has(>a:focus-visible){outline:3px solid var(--s5-lime);outline-offset:3px}

/* Títulos de tarjeta: hoy están OCULTOS en el bloque (blockVisibility:false). Si algún día se muestran, ya quedan en el sistema. */
html body.page-id-2302 .chk-folio-card .wp-block-post-title{
  font-family:var(--s5-title)!important;font-weight:800;text-transform:uppercase;letter-spacing:.01em!important;line-height:.95!important;
  font-size:clamp(1.5rem,2vw,1.9rem)!important;border-left-color:var(--s5-lime)!important}
html body.page-id-2302 .chk-folio-card .wp-block-post-title a,
html body.page-id-2302 .chk-folio-card .wp-block-post-title a:is(:hover,:focus-visible,:visited){color:var(--s5-lime)!important;text-decoration:none!important}
html body.page-id-2302 .chk-folio-card .wp-block-post-title a:is(:hover,:focus-visible){color:var(--s5-off)!important}

/* ---------- Paginación (Martian Mono, chips navy/lima) ---------- */
/* antes: coral sobre azul = 2.8:1 (no llegaba a 4.5:1) */
html body.page-id-2302 .wp-block-query-pagination{align-items:center;gap:.5rem;margin-top:clamp(.5rem,2vw,1.25rem)}
html body.page-id-2302 .wp-block-query-pagination :is(a,span.page-numbers){
  font-family:var(--s5-mono)!important;font-stretch:87.5%;font-weight:600;font-size:.78rem!important;letter-spacing:.08em;text-transform:uppercase;line-height:1;
  text-decoration:none!important;border-radius:2px}
html body.page-id-2302 .wp-block-query-pagination-numbers{display:flex;gap:.4rem;align-items:center}
html body.page-id-2302 .wp-block-query-pagination-numbers .page-numbers{
  display:inline-grid;place-items:center;min-width:40px;min-height:40px;padding:0 10px;
  color:var(--s5-off)!important;background:transparent;box-shadow:inset 0 0 0 2px var(--s5-navy);transition:background-color .15s,color .15s}
html body.page-id-2302 .wp-block-query-pagination-numbers .page-numbers.current{background:var(--s5-navy);color:var(--s5-lime)!important;box-shadow:none}
html body.page-id-2302 .wp-block-query-pagination-numbers .page-numbers.dots{box-shadow:none;min-width:auto;padding:0 2px}
html body.page-id-2302 .wp-block-query-pagination-numbers a.page-numbers:is(:hover,:focus-visible){background:var(--s5-navy);color:var(--s5-lime)!important}
html body.page-id-2302 :is(.wp-block-query-pagination-next,.wp-block-query-pagination-previous){
  display:inline-flex;align-items:center;min-height:40px;padding:0 14px;background:var(--s5-navy);color:var(--s5-lime)!important;transition:background-color .15s,color .15s}
html body.page-id-2302 :is(.wp-block-query-pagination-next,.wp-block-query-pagination-previous):is(:hover,:focus-visible){background:var(--s5-lime);color:var(--s5-navy)!important}
html body.page-id-2302 .wp-block-query-pagination a:focus-visible{outline:2px solid var(--s5-lime);outline-offset:3px}

@media (max-width:700px){
  html body.page-id-2302 main h1.wp-block-post-title{font-size:clamp(3rem,15vw,4rem)!important}
  html body.page-id-2302 .wp-block-query-pagination-numbers .page-numbers,
  html body.page-id-2302 :is(.wp-block-query-pagination-next,.wp-block-query-pagination-previous){min-height:44px}
  html body.page-id-2302 .wp-block-query-pagination-numbers .page-numbers{min-width:44px}
}