/* Cannabicultor IA — carcasa común (menú lateral + chat contextual).
   Se usa en fichas generadas (prerender/build.mjs) y páginas estáticas.
   La home (index.html) lleva su propia copia inline. */
:root{--cc-verde:#0F3020;--cc-oro:#F0C040;--cc-fondo:#f6f7f4;--cc-tinta:#13201a;--cc-tinta2:#3d4a42;--cc-gris:#5b6b61;--cc-gris2:#6e7d73;--cc-linea:#e1e6df;--cc-linea2:#d9dfd6;--cc-suave:#eef2ec}
body.cc-shell{margin:0;padding-left:260px}
body.cc-shell h1 em,body.cc-shell h2 em,body.cc-shell .title em{font-family:inherit;font-style:normal}
/* La carcasa ya lleva marca y vuelta a inicio: se ocultan las cabeceras de marca antiguas */
body.cc-shell .cc-ocultar{display:none!important}
body.cc-shell h1,body.cc-shell h2,body.cc-shell h3{font-family:'Sora','Inter',sans-serif;letter-spacing:-.03em}
.cc-side{position:fixed;top:0;left:0;bottom:0;width:260px;box-sizing:border-box;background:#fff;border-right:1px solid var(--cc-linea);display:flex;flex-direction:column;padding:18px 12px;overflow-y:auto;z-index:60;font-family:'Inter',system-ui,sans-serif}
.cc-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 14px;text-decoration:none!important}
.cc-brand img{width:30px;height:30px;border-radius:50%}
.cc-brand span{font-family:'Sora',sans-serif;font-weight:600;font-size:15px;letter-spacing:-.02em;color:var(--cc-verde)}
.cc-brand em{font-style:normal;font-weight:500;color:var(--cc-gris2)}
.cc-nueva{display:flex;align-items:center;gap:10px;padding:11px 12px;background:var(--cc-verde);color:#fff!important;border-radius:10px;font-size:13.5px;font-weight:500;text-decoration:none!important}
.cc-nueva svg{stroke:var(--cc-oro)}
.cc-grp{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cc-gris2);padding:16px 12px 6px}
.cc-nav{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;font-size:13.5px;color:var(--cc-tinta2)!important;text-decoration:none!important;min-height:36px;box-sizing:border-box}
.cc-nav:hover{background:var(--cc-suave);color:var(--cc-verde)!important}
.cc-nav.on{background:var(--cc-suave);color:var(--cc-verde)!important;font-weight:500}
.cc-side svg{width:16px;height:16px;fill:none;stroke:var(--cc-gris);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.cc-side-foot{border-top:1px solid var(--cc-linea);padding-top:12px;margin-top:12px}
.cc-topbar{display:none}
.cc-velo{display:none}
/* Chat contextual pegado abajo */
.cc-dock{position:fixed;left:260px;right:0;bottom:0;z-index:50;padding:12px 20px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(246,247,244,0),var(--cc-fondo) 35%)}
.cc-dock form{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--cc-linea2);border-radius:18px;box-shadow:0 8px 30px rgba(15,48,32,.10);padding:8px 8px 8px 14px;display:flex;align-items:center;gap:10px;box-sizing:border-box}
.cc-dock img{width:28px;height:28px;border-radius:50%;flex-shrink:0}
.cc-dock input{flex:1;min-width:0;border:0;outline:0;font:15px 'Inter',system-ui,sans-serif;color:var(--cc-tinta);background:transparent;padding:8px 0}
.cc-dock .cc-diario{flex-shrink:0;padding:9px 14px;border-radius:999px;border:1px solid var(--cc-linea);color:var(--cc-verde)!important;font-size:13px;font-weight:500;text-decoration:none!important;white-space:nowrap}
.cc-dock .cc-diario:hover{border-color:var(--cc-verde)}
.cc-dock button{width:42px;height:42px;border-radius:50%;border:0;background:var(--cc-verde);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.cc-dock button svg{width:18px;height:18px;stroke:var(--cc-oro);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
body.cc-shell.cc-con-dock{padding-bottom:110px}
.cc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:860px){
  body.cc-shell{padding-left:0}
  .cc-side{transform:translateX(-100%);transition:transform .25s;box-shadow:0 0 40px rgba(0,0,0,.15)}
  body.cc-menu .cc-side{transform:none}
  body.cc-menu .cc-velo{display:block;position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:55}
  .cc-topbar{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:40;background:rgba(246,247,244,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 10px;border-bottom:1px solid var(--cc-linea)}
  .cc-topbar button{width:44px;height:44px;border:0;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer}
  .cc-topbar button svg{width:22px;height:22px;stroke:var(--cc-tinta);stroke-width:2;fill:none;stroke-linecap:round}
  .cc-topbar a{font-family:'Sora',sans-serif;font-weight:600;font-size:15px;color:var(--cc-verde)!important;text-decoration:none!important;letter-spacing:-.02em}
  .cc-dock{left:0;padding:8px 10px calc(10px + env(safe-area-inset-bottom))}
  .cc-dock .cc-diario{display:none}
  .cc-dock img{display:none}
}
/* Escritorio: directorios y buscador aprovechan el ancho (2 columnas). En móvil no cambia nada. */
@media(min-width:1024px){
  body.cc-ancho .app{max-width:1000px;padding-left:32px;padding-right:32px}
  body.cc-ancho .app > header{max-width:680px}
  body.cc-ancho .list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
  body.cc-ancho .list > *{margin:0}
  body.cc-ancho .cc-dock form{max-width:936px}
}
@media(min-width:1500px){
  body.cc-ancho .app{max-width:1280px}
  body.cc-ancho .list{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.cc-ancho .cc-dock form{max-width:1216px}
}
/* Caja de la IA arriba (escritorio, directorios y buscador) */
.cc-dock.cc-dock-arriba{position:static;left:auto;right:auto;bottom:auto;padding:0;margin:16px 0 14px;background:none}
.cc-dock.cc-dock-arriba form{max-width:none;border:1.5px solid var(--cc-verde);box-shadow:0 10px 30px rgba(15,48,32,.12);padding:10px 10px 10px 16px;border-radius:18px}
.cc-dock.cc-dock-arriba input{font-size:16px}
.cc-dock.cc-dock-arriba img{width:32px;height:32px}