/* Fuentes: se usan si subes los .woff2 a /wp-content/uploads/oj-fonts/ (ver LEEME). Sin ellas, cae a Helvetica/Arial. */
@font-face{font-family:'Archivo';src:url('/wp-content/uploads/oj-fonts/Archivo-VF.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/wp-content/uploads/oj-fonts/IBMPlexMono-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/wp-content/uploads/oj-fonts/IBMPlexMono-Medium.woff2') format('woff2');font-weight:500;font-display:swap}

/* Ojkita_ · Bloques numerados. Todo bajo .ojb y con prefijo ojb-. */
.ojb{
  --ojb-crema:#F1ECE1; --ojb-negro:#13110F; --ojb-azul:#1D3BFF; --ojb-rojo:#D2371C; --ojb-borde:#4A463F; --ojb-min:380px;
  --ojb-display:'Archivo','Helvetica Neue',Arial,sans-serif;
  --ojb-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  width:100%;background:var(--ojb-negro);color:var(--ojb-crema);
  font-family:var(--ojb-mono);font-size:16px;line-height:1.4;text-align:left;
  padding:clamp(48px,6vw,96px) clamp(20px,4vw,64px);
}
.ojb,.ojb *,.ojb *::before,.ojb *::after{box-sizing:border-box}
.ojb h2,.ojb h3,.ojb p,.ojb ul,.ojb li{margin:0;padding:0;list-style:none}

.ojb .ojb-eye{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ojb-rojo);margin-bottom:12px}
.ojb .ojb-h{
  max-width:1000px;margin-bottom:clamp(28px,4vw,56px);
  font-family:var(--ojb-display);font-weight:900;font-stretch:62%;font-variation-settings:'wdth' 62;
  text-transform:uppercase;font-size:clamp(48px,7vw,104px);line-height:.9;color:var(--ojb-crema);
}
.ojb .ojb-u{color:var(--ojb-rojo)}

.ojb .ojb-grid{display:flex;flex-wrap:wrap}
.ojb .ojb-it{flex:1 1 var(--ojb-min);min-width:0;min-height:170px;border:1px solid var(--ojb-borde);color:var(--ojb-crema)}
.ojb .ojb-it:nth-child(1){background:var(--ojb-azul);border-color:var(--ojb-azul)}
.ojb .ojb-it:nth-child(2){background:var(--ojb-rojo);border-color:var(--ojb-rojo);color:#fff}

.ojb .ojb-box{display:block;height:100%;padding:28px 28px 32px;color:inherit;text-decoration:none}
.ojb a.ojb-box:hover .ojb-t{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}
.ojb a.ojb-box:focus-visible{outline:3px solid var(--ojb-crema);outline-offset:-6px}
.ojb .ojb-n{display:block;font-size:13px;letter-spacing:.08em;color:var(--ojb-rojo)}
.ojb .ojb-it:nth-child(1) .ojb-n,.ojb .ojb-it:nth-child(2) .ojb-n{color:inherit}
.ojb .ojb-t{
  margin:10px 0;font-family:var(--ojb-display);font-weight:900;font-stretch:62%;font-variation-settings:'wdth' 62;
  text-transform:uppercase;font-size:56px;line-height:.95;color:inherit;overflow-wrap:anywhere;
}
.ojb .ojb-d{font-size:15px;line-height:1.5;color:inherit}

/* Diseño LISTA: filas con línea, sin cajas, fondo crema */
.ojb.ojb--lista{--ojb-l-bg:#F1ECE1;--ojb-l-text:#13110F;--ojb-l-num:#1D3BFF;--ojb-l-line:#13110F;background:var(--ojb-l-bg);color:var(--ojb-l-text)}
.ojb--lista .ojb-h{color:var(--ojb-l-text)}
.ojb--lista .ojb-grid{display:block;border-top:2px solid var(--ojb-l-line)}
.ojb--lista .ojb-it,.ojb--lista .ojb-it:nth-child(1),.ojb--lista .ojb-it:nth-child(2){min-height:0;background:none;border:0;border-bottom:1px solid var(--ojb-l-line);color:var(--ojb-l-text)}
.ojb--lista .ojb-box{display:flex;flex-wrap:wrap;gap:8px 32px;align-items:baseline;height:auto;padding:22px 0}
.ojb--lista .ojb-n,.ojb--lista .ojb-it:nth-child(1) .ojb-n,.ojb--lista .ojb-it:nth-child(2) .ojb-n{flex:0 0 56px;color:var(--ojb-l-num)}
.ojb--lista .ojb-t{flex:1 1 300px;margin:0;font-size:clamp(34px,4.4vw,64px)}
.ojb--lista .ojb-d{flex:1 1 320px;max-width:520px}
.ojb--lista a.ojb-box:hover .ojb-t{color:var(--ojb-l-num);text-decoration:none}