.cb-hero,.cb-inicio,.cb-biblioteca{--cb-verde:var(--global-palette1,#35634e);--cb-texto:var(--global-palette3,#263a32);--cb-suave:var(--global-palette8,#f2f5ee);color:var(--cb-texto);max-width:1120px;margin-left:auto;margin-right:auto}
.cb-hero{padding:clamp(24px,5vw,64px) 0 28px}.cb-etiqueta{display:block;font-size:.76rem;font-weight:700;letter-spacing:.12em;margin-bottom:14px}.cb-hero h2{font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.12;max-width:800px;margin:0 0 22px}.cb-hero p{max-width:720px;font-size:1.12rem;line-height:1.8}.cb-navegacion{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 10px}.cb-navegacion a,.cb-boton{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:13px 20px;border:1px solid var(--cb-verde);border-radius:6px;text-decoration:none!important;font-weight:600;line-height:1.5}.cb-navegacion a{color:var(--cb-verde)}.cb-navegacion a:first-child,.cb-boton{background:var(--cb-verde);color:#fff!important}.cb-inicio{padding:clamp(22px,4vw,40px);border-radius:12px;background:var(--cb-suave);display:flex;align-items:center;gap:32px;margin-top:24px;margin-bottom:56px}.cb-inicio h2{font-size:clamp(1.5rem,2.5vw,2rem);margin:0 0 14px}.cb-inicio p{margin:0;line-height:1.75}.cb-inicio>div{flex:1}.cb-boton{flex:0 0 260px}.cb-seccion{padding:12px 0 52px;scroll-margin-top:100px}.cb-seccion+ .cb-seccion{border-top:1px solid #d9dfd9;padding-top:44px}.cb-seccion>h2{font-size:clamp(1.7rem,3vw,2.3rem);margin:0 0 12px}.cb-seccion>p{max-width:740px;line-height:1.75;margin-bottom:26px}.cb-filtros{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 30px}.cb-filtro{padding:10px 15px;border:1px solid #b9c6bd;border-radius:24px;color:var(--cb-texto);text-decoration:none!important;font-size:.9rem}.cb-filtro.cb-activo{background:var(--cb-verde);border-color:var(--cb-verde);color:white}.cb-cuadricula{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cb-tarjeta{border:1px solid #d9dfd9;border-radius:10px;overflow:hidden;background:var(--global-palette9,#fff)}.cb-tarjeta>a{display:block;height:100%;color:inherit;text-decoration:none!important}.cb-imagen,.cb-sin-imagen{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.cb-sin-imagen{background:var(--cb-suave);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--cb-verde)}.cb-tarjeta-texto{padding:20px}.cb-tarjeta h3{font-size:1.14rem;line-height:1.45;margin:0 0 20px;overflow-wrap:anywhere}.cb-enlace{font-size:.85rem;font-weight:600;color:var(--cb-verde)}.cb-tarjeta:hover{border-color:var(--cb-verde)}.cb-biblioteca a:focus-visible,.cb-hero a:focus-visible,.cb-inicio a:focus-visible{outline:3px solid var(--cb-verde);outline-offset:4px}.cb-navegacion a:hover,.cb-boton:hover{filter:brightness(.92)}
@media(max-width:850px){.cb-cuadricula{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-inicio{flex-direction:column;align-items:flex-start}.cb-boton{flex:auto}}
@media(max-width:540px){.cb-cuadricula{grid-template-columns:1fr}.cb-navegacion{flex-direction:column}.cb-boton{width:100%}.cb-filtros{gap:8px}.cb-filtro{font-size:.85rem}}

/* Categorías de lecciones: tarjetas sobrias, sin fotografías ni iconos. */
.cb-categorias{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cb-categoria{display:flex;flex-direction:column;align-items:flex-start;padding:26px 24px;border:1px solid #d9dfd9;border-radius:10px;background:var(--global-palette9,#fff)}
.cb-categoria h3{font-size:1.2rem;line-height:1.4;margin:0 0 12px}
.cb-categoria p{font-size:.95rem;line-height:1.7;margin:0 0 22px;flex:1}
.cb-categoria a{font-size:.9rem;font-weight:600;color:var(--cb-verde);text-decoration:none!important}
.cb-categoria a:hover{text-decoration:underline!important}
.cb-categoria:hover{border-color:var(--cb-verde)}
@media(max-width:850px){.cb-categorias{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.cb-categorias{grid-template-columns:1fr}}

/* Enlaces a los archivos completos de tutoriales y vídeos. */
.cb-ver-todos{margin:26px 0 0!important;text-align:center}
.cb-ver-todos a{display:inline-block;color:var(--cb-verde);font-size:.95rem;font-weight:600;text-decoration:none!important}
.cb-ver-todos a:hover{text-decoration:underline!important}

/* Navegación discreta entre técnicas */
.cb-nav-tecnicas { margin: 1.5rem auto 0; max-width: 1100px; text-align: center; }
.cb-nav-titulo { display: block; font-weight: 600; margin-bottom: .8rem; }
.cb-nav-enlaces { display: flex; flex-wrap: wrap; justify-content: center; gap: .55rem; }
.cb-nav-chip { display: inline-block; border: 1px solid #dedbd4; border-radius: 5px; padding: .4rem .8rem; background: #fff; color: inherit; font-size: .9rem; text-decoration: none; }
.cb-nav-chip:hover, .cb-nav-chip:focus-visible, .cb-nav-actual { border-color: #c69b23; background: #fffaf0; color: inherit; }
.cb-nav-volver { display: inline-block; margin-top: 1rem; font-size: .9rem; }
.cb-nav-leccion { margin-top: 2.5rem; padding-top: 1.2rem; border-top: 1px solid #e8e4db; display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; font-size: .95rem; }