/* site.css v20260930 - componentes comunes añadidos: menu movil, banner de cookies compacto, bloques de contenido y blog */

/* --- Cabecera: acciones + boton de menu --- */
.nav-actions{display:flex;align-items:center;gap:8px}
.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;
  border-radius:12px;border:1.5px solid var(--ink,#2A2018);background:transparent;color:var(--ink,#2A2018);cursor:pointer;padding:0}
.nav-toggle svg{width:22px;height:22px}
.nav-toggle .ic-close{display:none}
.nav-toggle[aria-expanded="true"] .ic-open{display:none}
.nav-toggle[aria-expanded="true"] .ic-close{display:block}
.mnav{display:none}
.mnav.open{display:block;position:fixed;top:68px;left:0;right:0;bottom:0;z-index:60;overflow-y:auto;
  background:var(--cream,#F6EFE1);border-top:1px solid var(--line,rgba(42,32,24,.14));padding:10px 20px 110px}
.mnav a{display:block;padding:12px 2px;font-weight:600;font-size:1.02rem;color:var(--ink,#2A2018);text-decoration:none;
  border-bottom:1px solid var(--line-soft,rgba(42,32,24,.08))}
.mnav .mnav-h{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--terra-deep,#9E3F22);font-weight:700;margin:16px 0 0}
.mnav a.btn{display:flex;justify-content:center;margin-top:18px;border-bottom:none;color:#fff}
body.menu-open{overflow:hidden}
@media(max-width:760px){.nav-toggle{display:inline-flex}}
@media(min-width:761px){.mnav,.mnav.open{display:none}}
@media(max-width:420px){header .nav-actions .btn-primary{display:none}}

/* --- Banner de cookies compacto en movil (<=140 px) --- */
@media(max-width:760px){
  .ck-banner{padding:10px 12px}
  .ck-banner h4{display:none}
  .ck-banner .inner{flex-direction:column;align-items:stretch;gap:8px}
  .ck-banner p{font-size:.8rem;line-height:1.4;max-width:none}
  .ck-actions{flex-wrap:nowrap;gap:6px;width:100%}
  .ck-btn{flex:1;padding:.5rem .3rem;font-size:.8rem;text-align:center;white-space:nowrap}
}

/* --- Bloques de contenido --- */
.otras{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.otras a{display:block;background:var(--paper,#FBF6EB);border:1px solid var(--line,rgba(42,32,24,.14));border-radius:14px;padding:18px;
  text-decoration:none;color:var(--ink,#2A2018);font-weight:600;transition:transform .2s,box-shadow .2s}
.otras a:hover{transform:translateY(-3px);border-color:var(--terra,#C2542F)}
.otras a span{display:block;font-weight:400;font-size:.85rem;color:var(--ink-soft,#5C5348);margin-top:.2rem}
@media(max-width:680px){.otras{grid-template-columns:1fr}}
.prose{max-width:68ch;color:var(--ink-soft,#5C5348)}
.prose p{margin:0 0 1rem}
.prose a,.inline-link{color:var(--terra-deep,#9E3F22);font-weight:600}
.prose h3{font-family:var(--display);font-weight:600;font-size:1.2rem;color:var(--ink,#2A2018);margin:1.6rem 0 .5rem}
.prose ul{padding-left:1.2rem;margin:0 0 1rem}
.prose li{margin:.3rem 0}
.svc.b .inline-link{color:var(--ochre,#E0A53A)}
.foot-nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:12px}
.foot-nav a{color:var(--ink-soft,#5C5348);font-weight:600;text-decoration:none}
.foot-nav a:hover{color:var(--terra-deep,#9E3F22)}

/* --- Blog: miga de pan, categorias, archivo y tarjetas --- */
.crumbs{font-size:.85rem;color:var(--ink-soft,#5C5348);margin-bottom:1rem}
.crumbs a{color:var(--ink-soft,#5C5348)}
.crumbs span[aria-hidden]{padding:0 .4rem}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:1.4rem}
.chip{display:inline-block;padding:.4rem .9rem;border-radius:999px;border:1px solid var(--line,rgba(42,32,24,.14));
  background:var(--paper,#FBF6EB);color:var(--ink,#2A2018);font-size:.88rem;font-weight:600;text-decoration:none}
.chip.on,.chip:hover{background:var(--terra,#C2542F);border-color:var(--terra,#C2542F);color:#fff}
.bl-list{display:grid;gap:20px;max-width:750px}
.bl-list .post-card{margin:0}
.post-card .m{display:block;font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--terra-deep,#9E3F22)}
.bl-side{max-width:750px;margin-top:34px;padding-top:20px;border-top:1px solid var(--line,rgba(42,32,24,.14))}
.bl-side h2{font-size:1.2rem;margin-bottom:.5rem}
.bl-side ul{list-style:none;display:grid;gap:.35rem}
.bl-side a{color:var(--terra-deep,#9E3F22);font-weight:600}
.cta-box{background:linear-gradient(160deg,#C2542F,#9E3F22);color:#fff;border-radius:20px;padding:28px;margin:2rem 0 0}
.cta-box h2{color:#fff;margin:0 0 .4rem}
.cta-box p{color:#ffe9dc;margin:0 0 1.2rem}
.cta-box .row-btn{display:flex;gap:12px;flex-wrap:wrap}
.cta-box .btn-light{background:#fff;color:var(--terra-deep,#9E3F22);font-weight:700}
.cta-box .btn-ghost{border-color:#fff;color:#fff}
.article .cta-box h2{color:#fff;margin:0 0 .4rem}
.article .cta-box p{color:#ffe9dc}
.article .cta-box a{color:inherit}
.article .cta-box .btn-light{color:var(--terra-deep,#9E3F22)}
.table-wrap{overflow-x:auto}
a.brand{text-decoration:none;color:inherit}
.foot-copy{margin-top:10px;font-size:.78rem}
.form .form-info{font-size:.78rem;line-height:1.5;color:#ffe9dc;margin:0}
.form .form-info a{color:#fff}