:root{--fondo:#F3EFE6;--panel:#FFFDF8;--borde:#DCD6CA;--texto:#16181D;--suave:#4A4D54;--verde:#0B8A4A;--verde2:#097a41;--rojo:#B5402C}
body{font-family:"IBM Plex Sans",system-ui,sans-serif;background:var(--fondo);color:var(--texto)}
h1,h2,h3,.marca{font-family:"Bricolage Grotesque","Arial Black",sans-serif;font-weight:800;letter-spacing:-.02em}
header.barra{background:rgba(243,239,230,.94);border-bottom:1px solid var(--borde)}
.marca b{background:var(--texto);color:var(--fondo);padding:1px 7px 2px;border-radius:5px}
.btn{background:var(--verde);color:#fff;font-weight:600;border-radius:10px}
.btn:hover{background:var(--verde2)}
.btn.sec{background:transparent;color:var(--texto);border:1px solid var(--borde)}
.tarjeta,.post,details{background:var(--panel)}
.menu a:hover,.menu a.activo{background:#ebe5d8}
.leccion-lista a:hover{background:#f1ece2}
.aviso{background:#fbf3cf;border-color:#e8d58a}
.contenido pre{background:#16181D;color:#E8E4DA;border:0}
.contenido code{background:#ebe5d8}
.contenido pre code{background:transparent}
.contenido blockquote{background:var(--panel);border-left-color:var(--verde)}
.burbuja.bot{background:#fff;color:var(--texto)}
.burbuja.yo{background:#D9FDD3;color:var(--texto)}
.chat-msgs{background:#E9E3D8}
form.campos input,form.campos textarea,form.campos select,.chat-pie input{background:#fff;color:var(--texto)}
.si{color:var(--verde)}.no{color:var(--rojo)}
.marcador{font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--suave);min-width:22px;display:inline-block}