/* ==========================================================================
   bimkernel · estilo «Retícula» (por defecto en toda la web)
   Recuadros de esquina viva con líneas de puntos y una cruz en cada esquina,
   fondo blanco, sin patrón. Se carga en todas las páginas después de
   precision.css; las reglas cuelgan de <html class="rt">.
   ========================================================================== */
html.rt {
  --line: rgba(0, 0, 0, .28);
  --cross: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3E%3Cpath d='M8.5 0v17M0 8.5h17' stroke='%23000' stroke-width='1.2'/%3E%3C/svg%3E");
  --cross-g: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cpath d='M120 111v18M111 120h18' stroke='%23000' stroke-opacity='.55' stroke-width='1.2'/%3E%3C/svg%3E");
  background: #FFFFFF;
}
/* Fondo blanco del todo (Álex): sin gris, sin halos ni patrón */
.rt-bg { display: none; }
html.rt .slide { background: transparent; border-bottom: 0; }
html.rt .slide::before { content: none; }                  /* fuera las marcas de esquina: mandan las cruces */
html.rt .pz-block .paper { display: none; }
html.rt .pz-block { display: none; }
html.rt footer.site { background: rgba(255,255,255,.6); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }

/* Un solo nivel de retícula: líneas de puntos y cruces solo en los paquetes de información (tarjetas) */
html.rt .bento, .rt-frame { position: relative; }

/* La rejilla de tarjetas es una retícula: sin huecos, líneas discontinuas y una cruz en cada cruce */
html.rt .b-cards { gap: 0; position: relative; }
html.rt .card {
  border: 0; border-radius: 0; padding: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.42));
  -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 0 0 .5px rgba(255,255,255,.6);
  outline: 1px dashed var(--line); outline-offset: -.5px;
}
html.rt .card::after { /* cruces en las cuatro esquinas de cada celda */
  content: ""; opacity: 1; transform: none; inset: -8.5px; z-index: 2;
  background: var(--cross) top left / 17px 17px no-repeat, var(--cross) top right / 17px 17px no-repeat,
              var(--cross) bottom left / 17px 17px no-repeat, var(--cross) bottom right / 17px 17px no-repeat;
}
html.rt .card:hover { outline-color: rgba(0,0,0,.6); background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.6)); }
html.rt .card.g { background: linear-gradient(180deg, rgba(239,239,234,.8), rgba(239,239,234,.45)); }
html.rt .card.k { background: linear-gradient(180deg, rgba(24,24,24,.96), rgba(0,0,0,.92)); box-shadow: inset 0 1px 0 rgba(255,255,255,.18); outline-color: rgba(0,0,0,.6); }
html.rt .card.y { background: linear-gradient(180deg, rgba(255,255,0,.9), rgba(255,255,0,.7)); box-shadow: inset 0 1px 0 rgba(255,255,255,.7); }
html.rt .card svg.draw rect[fill="#EFEFEA"] { fill: rgba(255,255,255,.7); }

/* Texto con píldoras, como en la referencia */
html.rt .pill { display: inline-block; padding: 0 .75em; border: 1px solid var(--black); border-radius: 9999px; line-height: 1.9; white-space: nowrap; background: rgba(255,255,255,.55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }

/* Lámina de presentación de la prueba */
html.rt .rt-intro .rt-frame { width: 100%; }
.rt-manifest { margin: 28px 0 0; font-family: var(--mono); text-transform: uppercase; font-size: clamp(14px, 1.5vw, 19px); line-height: 2.4; letter-spacing: .03em; max-width: 64ch; }
.rt-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 56px; }
@media (min-width: 900px) { .rt-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.rt-stats > div { position: relative; padding: 34px 26px; outline: 1px dashed var(--line); outline-offset: -.5px;
  background: linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.35)); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.rt-stats > div::after { content: ""; position: absolute; inset: -8.5px; pointer-events: none;
  background: var(--cross) top left / 17px 17px no-repeat, var(--cross) top right / 17px 17px no-repeat,
              var(--cross) bottom left / 17px 17px no-repeat, var(--cross) bottom right / 17px 17px no-repeat; }
.rt-stats b { font-size: clamp(2.2rem, 3.6vw, 3.2rem); font-weight: 300; letter-spacing: -.04em; }
.rt-stats span { display: block; margin-top: 10px; font-family: var(--mono); font-size: 10.5px; text-transform: uppercase; letter-spacing: .1em; }
.rt-hint { margin-top: 32px; font-size: 11px; color: var(--s500); text-transform: uppercase; letter-spacing: .1em; }
@media (max-width: 999px) { .rt .card { padding: 16px; } }

html.rt body { background: #FFFFFF; }

/* Términos del glosario en la frase de cada slide: píldoras, como en la referencia */

/* Menú lateral de slides y barra móvil: vidrio */
html.rt #deck-nav { background: rgba(255,255,255,.72); -webkit-backdrop-filter: blur(16px) saturate(140%); backdrop-filter: blur(16px) saturate(140%); border-right: 0; }
html.rt .nav-item a, html.rt .nav-cap { border-radius: 0; }
html.rt #deck-sheet { border-radius: 0; background: rgba(255,255,255,.85); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
html.rt #nav-capsule { background: rgba(255,255,255,.7); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }

/* Portada de la web: el fondo fijo sustituye al papel; la cruz del origen se mantiene */
html.rt .hero::before, html.rt .pz-origin .paper { display: none; }
html.rt .hero-side .pz-spec { background: rgba(255,255,255,.5); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 0 10px; }
html.rt .article-list { gap: 0; border-top: 0; padding-top: 18px; }
html.rt .article-item { position: relative; padding: 18px; outline: 1px dashed var(--line); outline-offset: -.5px;
  background: linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.4)); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
html.rt .article-item::before { content: ""; position: absolute; inset: -8.5px; pointer-events: none; z-index: 2;
  background: var(--cross) top left / 17px 17px no-repeat, var(--cross) top right / 17px 17px no-repeat,
              var(--cross) bottom left / 17px 17px no-repeat, var(--cross) bottom right / 17px 17px no-repeat; }
html.rt .article-item a::after { content: none; }
html.rt .cover { border-radius: 0; background-color: rgba(255,255,255,.5); }
html.rt .card.ficha .cover, html.rt .cover { border-style: dashed; }

/* Mapa de bloques de la portada de artículo */
html.rt .mapa a { border-radius: 0; background: rgba(255,255,255,.6); border-style: dashed; }

/* Capa 2: panel de vidrio sobre el fondo fijo */
html.rt .l2-panel { border-radius: 0; background-color: rgba(255,255,255,.82); -webkit-backdrop-filter: blur(20px) saturate(140%); backdrop-filter: blur(20px) saturate(140%); outline: 1px dashed var(--line); }
html.rt #l2-modal { background: rgba(0,0,0,.35); }
html.rt .l2-body .card::after { content: ""; }

/* Pie y barra de estado */
html.rt .pz-cajetin { background: rgba(255,255,255,.55); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
html.rt .pz-hud { border-radius: 0; border-style: dashed; }

/* Botones: se mantienen en píldora (marca); chips y etiquetas, esquina viva */
html.rt .chip, html.rt .badge.n { border-radius: 0; }