/* Kuaderno — skin "forro", segunda capa. Los tokens de la skin viven en estilos.css ([data-theme="forro"]); acá va lo que no se resuelve cambiando un color: la letra manuscrita en títulos y anotaciones, el resaltador en las pestañas, la sombra dura de las tarjetas. Se carga al final para ganarle a juego.css y cuenta.css sin subir especificidad a la fuerza. Sin data-theme="forro" en , este archivo no hace nada. */ /* ---------- forro: lo que no se resuelve con tokens ---------- Caveat es una letra manuscrita: corre chica y sin tracking, así que los títulos suben de cuerpo y sueltan el -0.04em de Archivo. Los h3 son las anotaciones al margen ("tus pruebas", "para la próxima"): en rojo, a mano. Las pestañas activas van con resaltador amarillo, como en el cuaderno. */ [data-theme="forro"] h1,[data-theme="forro"] h2,[data-theme="forro"] h3{font-weight:700;letter-spacing:0;line-height:1} [data-theme="forro"] h1{font-size:52px;margin-bottom:8px} [data-theme="forro"] h2{font-size:40px;color:var(--titulo);margin:10px 0 8px} [data-theme="forro"] h3{font-size:28px;color:var(--rojo);margin:24px 0 8px} [data-theme="forro"] .saludo{font-size:44px;color:var(--titulo);margin-bottom:0} [data-theme="forro"] .bajada{font-size:16px} [data-theme="forro"] #titulo-barra{font-family:var(--fuente-titulo);font-weight:700;font-size:24px;color:var(--titulo);letter-spacing:0} [data-theme="forro"] #barra{border-bottom-color:var(--rojo)} [data-theme="forro"] .principal,[data-theme="forro"] .secundaria,[data-theme="forro"] .chip,[data-theme="forro"] .opcion .txt b{font-weight:700;letter-spacing:0} [data-theme="forro"] .secundaria{border-width:var(--trazo-suave)} [data-theme="forro"] .campo>span,[data-theme="forro"] .etiqueta{color:var(--tinta-3);letter-spacing:.1em} [data-theme="forro"] .tabs{border:0;border-bottom:2px solid var(--tinta);background:transparent;gap:0} [data-theme="forro"] .tab{background:transparent;color:var(--tinta-3);flex:0 1 auto;padding:8px 14px;font-weight:600} [data-theme="forro"] .tab + .tab{border-left:0} [data-theme="forro"] .tab.activa{background:var(--resaltador);color:var(--tinta);font-weight:700} [data-theme="forro"] .chip-barra{background:var(--resaltador);color:var(--tinta);transform:rotate(-1.5deg);text-transform:none;letter-spacing:0;font-size:13px} [data-theme="forro"] .chip-juego{font-family:var(--fuente-titulo);font-size:20px;font-weight:700;color:var(--rojo)} [data-theme="forro"] .chip-juego .ic{color:var(--rojo)} [data-theme="forro"] .tarjeta-juego{border-width:var(--trazo-suave);border-color:var(--borde-suave);border-left:6px solid var(--primario);box-shadow:var(--sombra-dura)} [data-theme="forro"] .tarjeta-juego .jnivel{font-weight:700} [data-theme="forro"] .tarjeta-juego .jracha b{font-family:var(--fuente-titulo);font-size:26px;font-weight:700;color:var(--rojo)} [data-theme="forro"] .fila-hist{border:var(--trazo-suave) solid var(--borde-suave)} [data-theme="forro"] .fila-hist b{font-weight:700;letter-spacing:0} [data-theme="forro"] .fila-hist span{font-size:13px} [data-theme="forro"] .fila-hist .ico{color:var(--primario)} [data-theme="forro"] .hero .logo .k{color:var(--primario)} [data-theme="forro"] .md,[data-theme="forro"] .tarjeta{box-shadow:var(--sombra-dura)} [data-theme="forro"] .md h2{font-size:30px;color:var(--titulo);border-bottom:0;padding-bottom:0;margin:22px 0 4px} [data-theme="forro"] .md h3{font-size:24px;margin:16px 0 2px} [data-theme="forro"] .md strong{background:linear-gradient(transparent 60%,var(--resaltador) 60%);font-weight:700} [data-theme="forro"] .etiqueta-tema{font-family:var(--fuente-titulo);font-size:22px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--tinta-3);border-bottom:0;padding:0;margin:6px 0 4px} [data-theme="forro"] .enunciado{font-weight:700;font-size:22px;letter-spacing:0} [data-theme="forro"] #caja-pregunta > .opcion{border:var(--trazo-suave) solid var(--borde-suave)} [data-theme="forro"] #caja-pregunta > .opcion.sel{border:2px solid var(--primario);background:var(--tarjeta);color:var(--primario);font-weight:600} [data-theme="forro"] .opcion .letra{border-radius:50%;border-color:var(--tinta-3);font-weight:700} [data-theme="forro"] .marcador{border:2px solid var(--tinta);background:var(--tarjeta);padding:18px;box-shadow:4px 4px 0 rgba(37,35,31,.12)} [data-theme="forro"] .marcador .nota{font-size:110px;font-weight:700;letter-spacing:0;line-height:.9} [data-theme="forro"] .marcador .nota-sub{font-family:var(--fuente-titulo);font-size:24px;color:var(--primario)} [data-theme="forro"] .marcador .juicio{font-family:var(--fuente-titulo);font-size:26px;font-weight:700;letter-spacing:0} [data-theme="forro"] .item-refuerzo{border-left:6px solid var(--rojo)} [data-theme="forro"] .item-refuerzo b{font-weight:700} [data-theme="forro"] .concepto{border-left:6px solid var(--primario)} [data-theme="forro"] .concepto b{font-weight:700} [data-theme="forro"] .cuando b{font-family:var(--fuente-titulo);font-size:24px;font-weight:700;text-transform:none} [data-theme="forro"] .tramo{font-family:var(--fuente-titulo);font-size:24px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--rojo)} [data-theme="forro"] .prueba-cal,[data-theme="forro"] .cabecera-curso{box-shadow:var(--sombra-dura)} [data-theme="forro"] .premio-total{font-family:var(--fuente-titulo);font-size:34px;letter-spacing:0} [data-theme="forro"] .hecho-con{font-family:var(--fuente-titulo);font-size:20px;color:var(--tinta-3)} [data-theme="forro"] .pie{text-transform:none;letter-spacing:0;font-family:var(--fuente-titulo);font-size:18px}