/* 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} /* El fondo NO puede ser transparente: la barra de pestañas es sticky, y con fondo transparente el resumen se le pasaba por debajo y se leían las dos cosas encima de la misma línea. Va el papel, que en esta skin es el mismo color del fondo, más un poco de aire arriba para que el texto que pasa por detrás no le toque las letras. */ [data-theme="forro"] .tabs{border:0;border-bottom:2px solid var(--tinta);background:var(--papel);gap:0;padding-top:6px} [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} [data-theme="forro"] .pasos{border-color:var(--borde-suave);border-left:6px solid var(--primario);box-shadow:var(--sombra-dura)} [data-theme="forro"] .paso .num{border:0;font-family:var(--fuente-titulo);font-size:30px;font-weight:700;color:var(--rojo);width:26px} [data-theme="forro"] .paso .txt b{font-weight:700} [data-theme="forro"] .atajos .opcion{border:var(--trazo-suave) solid var(--borde-suave);box-shadow:var(--sombra-dura)} [data-theme="forro"] .atajos .opcion .txt b{font-weight:700;letter-spacing:0} [data-theme="forro"] .podcast{box-shadow:var(--sombra-dura);border-left:6px solid var(--primario)} [data-theme="forro"] .podcast .pc-cab b{font-weight:700} [data-theme="forro"] .podcast .pc-dur{font-family:var(--fuente-titulo);font-size:18px;text-transform:none;letter-spacing:0;color:var(--rojo)}