/* Identidad de navegación consistente entre Inicio, Kids, Cafetería, Avisos y Tu opinión. */
body[data-shalom-space] .shalom-area-nav {
  color:#4a4a4a; background:#f5ebe1; border:1px solid #cfc4b4; border-radius:16px;
  padding:12px 14px; margin:16px 0 22px; min-width:0;
}
body[data-shalom-space] .shalom-area-top {
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;min-width:0;
}
body[data-shalom-space] .shalom-area-caption {
  display:block; font:700 .875rem/1.4 Inter,Arial,sans-serif; color:#4a4a4a;
  letter-spacing:.01em; margin:0;
}
body[data-shalom-space] .shalom-area-actions { display:flex;align-items:center;flex:0 0 auto;gap:8px; }
body[data-shalom-space] .shalom-area-panel { min-width:0; }
body[data-shalom-space] .shalom-areas-toggle { display:none;align-items:center;justify-content:center;min-height:44px;border:1px solid #c8956c;border-radius:16px;background:#fff;color:#5e3d24;padding:8px 12px;font:600 .875rem/1.3 Inter,Arial,sans-serif;cursor:pointer; }
body[data-shalom-space] .shalom-areas-toggle:focus-visible {outline:2px solid #82552f;outline-offset:2px;}
body.theme-night[data-shalom-space] .shalom-areas-toggle,
body.night[data-shalom-space="comms"] .shalom-areas-toggle {background:#2a221c;color:#f0d5bd;border-color:#82552f;}
body[data-shalom-space] .shalom-area-links {
  display:flex; flex-wrap:wrap; gap:6px 10px;
}
body[data-shalom-space] .shalom-area-links a {
  display:inline-flex; align-items:center; justify-content:center; text-decoration:none;
  min-height:44px; padding:8px 12px; border:1px solid transparent; border-radius:16px;
  font:600 .9375rem/1.25 Inter,Arial,sans-serif; color:#5e3d24;
}
body[data-shalom-space] .shalom-area-links a:hover,
body[data-shalom-space] .shalom-area-links a:focus-visible { background:#ecd6c3; border-color:#cfc4b4; }
body[data-shalom-space] .shalom-area-links a[aria-current="page"] {
  background:#fff; border-color:#c8956c; color:#5e3d24;
}
body[data-shalom-space] .shalom-area-links a:focus-visible { outline:2px solid #82552f; outline-offset:2px; }
body.theme-night[data-shalom-space] .shalom-area-nav,
body.night[data-shalom-space="comms"] .shalom-area-nav {
  background:#222222; border-color:#4a4a4a; color:#f0f0f0;
}
body.theme-night[data-shalom-space] .shalom-area-caption,
body.night[data-shalom-space="comms"] .shalom-area-caption { color:#cfc4b4; }
body.theme-night[data-shalom-space] .shalom-area-links a,
body.night[data-shalom-space="comms"] .shalom-area-links a { color:#ecd6c3; }
body.theme-night[data-shalom-space] .shalom-area-links a:hover,
body.theme-night[data-shalom-space] .shalom-area-links a:focus-visible,
body.night[data-shalom-space="comms"] .shalom-area-links a:hover,
body.night[data-shalom-space="comms"] .shalom-area-links a:focus-visible {
  background:#4a3526; border-color:#82552f;
}
body.theme-night[data-shalom-space] .shalom-area-links a[aria-current="page"],
body.night[data-shalom-space="comms"] .shalom-area-links a[aria-current="page"] {
  background:#2a221c; color:#f0d5bd; border-color:#82552f;
}
@media(max-width:560px) {
  /* La navegación secundaria se expande cuando la persona lo solicita. */
  body[data-shalom-space] .shalom-area-nav { margin:10px 0 16px; padding:10px 12px; }
  body[data-shalom-space] .shalom-area-top { margin-bottom:0;gap:8px; }
  /* El botón «Más áreas» ya lo nombra y la barra conserva su aria-label: la etiqueta ocuparía tres líneas. */
  body[data-shalom-space] .shalom-area-caption { display:none; }
  body[data-shalom-space] .shalom-area-actions { flex:1;justify-content:flex-end; }
  body[data-shalom-space] .shalom-areas-toggle { display:inline-flex;white-space:nowrap; }
  body[data-shalom-space] .shalom-area-panel { display:none; }
  body[data-shalom-space] .shalom-area-nav[data-mobile-open="true"] .shalom-area-panel { display:block;margin-top:12px; }
  /* Al abrir, todas las opciones son visibles sin carrusel horizontal. */
  body[data-shalom-space] .shalom-area-links {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
    overflow:visible;padding:0;
  }
  body[data-shalom-space] .shalom-area-links a {
    min-width:0;min-height:48px;white-space:normal;text-align:center;overflow-wrap:break-word;
    padding:9px 8px;
  }
  body[data-shalom-space] .shalom-area-links a:last-child:nth-child(odd) { grid-column:1/-1; }
}
@media(max-width:320px) {
  body[data-shalom-space] .shalom-area-links {grid-template-columns:minmax(0,1fr);}
}

@media(max-width:360px) {
  body[data-shalom-space] .shalom-areas-toggle {width:44px;min-width:44px;padding:0;font-size:0!important;}
  body[data-shalom-space] .shalom-areas-toggle::before {content:'☰';font-size:21px;line-height:1;}
  body[data-shalom-space] .shalom-area-nav[data-mobile-open="true"] .shalom-areas-toggle::before {content:'×';font-size:27px;}
}

/* SPARK: controles siempre visibles y rutas externas separadas de las tareas. */
body[data-shalom-space] .shalom-area-actions .shalom-text-toggle {
  margin:0;min-height:44px;white-space:nowrap;padding:8px 12px;
  border:1px solid #c8956c;background:#fff;color:#5e3d24;font-size:.875rem;
}
body.theme-night[data-shalom-space] .shalom-area-actions .shalom-text-toggle,
body.night[data-shalom-space="comms"] .shalom-area-actions .shalom-text-toggle {
  background:#2a221c;color:#f0d5bd;border-color:#82552f;
}
@media(max-width:560px){
  body[data-shalom-space] .shalom-area-caption{font-size:.875rem}
  body[data-shalom-space] .shalom-area-actions{gap:6px}
  body[data-shalom-space] .shalom-area-actions .shalom-text-toggle{padding:8px;letter-spacing:-.02em}
}
@media(max-width:360px){
  body[data-shalom-space] .shalom-area-caption{display:none}
  body[data-shalom-space] .shalom-areas-toggle{
    font-size:.875rem!important;width:auto;min-width:80px;padding:8px!important;
  }
  body[data-shalom-space] .shalom-areas-toggle::before,
  body[data-shalom-space] .shalom-area-nav[data-mobile-open="true"] .shalom-areas-toggle::before {content:none}
}

/* Marco común: franja de demostración única y barra inferior compartida (celular). */
html[data-shalom-frame="true"] body .shalom-demo-strip{display:flex;align-items:center;gap:8px;padding:4px 16px;background:#222222;border-bottom:1px solid #2e2e2e;color:#9a9a9a;font:400 12px/1.4 Inter,Arial,sans-serif}
html[data-shalom-frame="true"] body .shalom-demo-strip .shalom-demo-dot{width:6px;height:6px;flex:none;border-radius:50%;background:#c8956c}
html[data-shalom-frame="true"] body .shalom-demo-strip .shalom-demo-text{flex:1;min-width:0}
html[data-shalom-frame="true"] body .shalom-demo-strip .shalom-frame-aa{margin:0;color:#f0f0f0;border-color:#4a4a4a;background:transparent}
html[data-shalom-theme="cream"][data-shalom-frame="true"] body .shalom-demo-strip .shalom-frame-aa{color:#2d2d2d;border-color:#cfc4b4}
html[data-shalom-theme="cream"][data-shalom-frame="true"] body .shalom-demo-strip{background:#f2ece3;border-color:#e6ddd0;color:#6b655d}
html[data-shalom-frame="true"] body .shalom-tabbar{display:none}
@media(max-width:860px){
  html[data-shalom-frame="true"] body .shalom-tabbar{position:fixed;z-index:40;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:6px 4px max(10px,env(safe-area-inset-bottom));background:#1a1a1a;border-top:1px solid #2e2e2e}
  html[data-shalom-theme="cream"][data-shalom-frame="true"] body .shalom-tabbar{background:#faf7f2;border-color:#e6ddd0}
  html[data-shalom-frame="true"] body .shalom-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;padding:4px 2px;border:0;background:transparent;color:#9a9a9a;font:500 12px/1.2 Inter,Arial,sans-serif;text-decoration:none;cursor:pointer}
  html[data-shalom-theme="cream"][data-shalom-frame="true"] body .shalom-tab{color:#6b655d}
  html[data-shalom-frame="true"] body .shalom-tab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  html[data-shalom-frame="true"] body .shalom-tabbar .shalom-tab[aria-current="page"]{color:#c8956c;font-weight:700;background:transparent}
  html[data-shalom-theme="cream"][data-shalom-frame="true"] body .shalom-tabbar .shalom-tab[aria-current="page"]{color:#82552f}
  html[data-shalom-frame="true"] body .shalom-tab:focus-visible{outline:2px solid #c8956c;outline-offset:-2px;border-radius:16px}
  html[data-shalom-large-text="true"][data-shalom-frame="true"] body .shalom-tab,html[data-shalom-large-text="true"][data-shalom-frame="true"] body .shalom-tab span{font-size:13px!important;line-height:1.2!important;white-space:normal}
  html[data-shalom-frame="true"] body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  /* La barra común ya lleva a las otras áreas. */
  .shalom-area-nav{display:none!important}
}
html[data-shalom-frame="true"] body .shalom-more-list{display:grid;border:1px solid var(--sh-line);border-radius:16px;overflow:hidden}
html[data-shalom-frame="true"] body .shalom-more-item{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:0 16px;border:0;border-top:1px solid var(--sh-line);background:transparent;color:var(--sh-ink);font:600 16px Inter,Arial,sans-serif;text-align:left;text-decoration:none;cursor:pointer}
html[data-shalom-frame="true"] body .shalom-more-item:first-child{border-top:0}
html[data-shalom-frame="true"] body .shalom-more-item span{color:var(--sh-muted)}
html[data-shalom-frame="true"] body .shalom-more-item[aria-current="page"]{color:var(--sh-accent-text)}
/* Inicio, Kids y Avisos tienen menú lateral fijo en escritorio: la franja empieza a su derecha. */
@media(min-width:861px){
  html[data-shalom-frame="true"] body[data-shalom-space="main"] .shalom-demo-strip{margin-left:var(--navw)}
  html[data-shalom-frame="true"] body[data-shalom-space="comms"] .shalom-demo-strip{margin-left:220px}
}
@media(min-width:921px){
  html[data-shalom-frame="true"] body[data-shalom-space="kids"] .shalom-demo-strip{margin-left:215px}
}
@media(min-width:1151px){
  html[data-shalom-frame="true"] body[data-shalom-space="comms"] .shalom-demo-strip{margin-left:242px}
}
@media(min-width:1201px){
  html[data-shalom-frame="true"] body[data-shalom-space="kids"] .shalom-demo-strip{margin-left:245px}
}

/* «Más»: tarjeta del perfil arriba y «Cerrar sesión» al final. */
html[data-shalom-frame="true"] body .shalom-more-profile{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 12px;width:100%;margin:0 0 16px;padding:16px;border:1px solid var(--sh-line);border-radius:16px;background:transparent;color:var(--sh-ink);font:inherit;text-align:left;text-decoration:none;cursor:pointer}
html[data-shalom-frame="true"] body .shalom-more-profile strong{display:block;font-size:16px}
html[data-shalom-frame="true"] body .shalom-more-profile small{display:block;color:var(--sh-muted);font-size:14px}
html[data-shalom-frame="true"] body .shalom-more-avatar{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--sh-accent);color:var(--sh-on);font-weight:700;font-size:18px}
html[data-shalom-frame="true"] body .shalom-more-cta{grid-column:2;color:var(--sh-accent-text);font-weight:600;font-size:14px}
html[data-shalom-frame="true"] body .shalom-more-signout{width:100%;min-height:48px;margin-top:16px;border:1px solid var(--sh-line);border-radius:999px;background:transparent;color:var(--sh-ink);font:600 16px Inter,Arial,sans-serif;cursor:pointer}
/* Kids claro: franja, barra inferior y «Más» con los neutros y acentos de Kids, no el crema general. */
html[data-shalom-theme-scope="kids"][data-shalom-theme="cream"][data-shalom-frame="true"] body .shalom-demo-strip{background:#fff0e7;border-color:#ffd8c2;color:#4b5563}
html[data-shalom-theme-scope="kids"][data-shalom-theme="cream"][data-shalom-frame="true"] body .shalom-demo-strip .shalom-demo-dot{background:#b84810}
html[data-shalom-theme-scope="kids"][data-shalom-theme="cream"][data-shalom-frame="true"] body .shalom-demo-strip .shalom-frame-aa{color:#1f2937;border-color:#ffd8c2}
html[data-shalom-theme-scope="kids"][data-shalom-theme="cream"][data-shalom-frame="true"] body[data-shalom-space] .shalom-sheet{--sh-bg:#fff;--sh-ink:#1f2937;--sh-muted:#4b5563;--sh-line:#e5e7eb;--sh-strong:#d1d5db;--sh-accent:#b84810;--sh-accent-text:#8f360c;--sh-on:#fff}
@media(max-width:860px){
  html[data-shalom-theme-scope="kids"][data-shalom-theme="cream"][data-shalom-frame="true"] body .shalom-tabbar{background:#fff;border-color:#e5e7eb}
  html[data-shalom-theme-scope="kids"][data-shalom-theme="cream"][data-shalom-frame="true"] body .shalom-tab{color:#4b5563}
  html[data-shalom-theme-scope="kids"][data-shalom-theme="cream"][data-shalom-frame="true"] body .shalom-tabbar .shalom-tab[aria-current="page"]{color:#8f360c}
  html[data-shalom-theme-scope="kids"][data-shalom-theme="cream"][data-shalom-frame="true"] body .shalom-tab:focus-visible{outline-color:#b84810}
}

.shalom-review-link{color:inherit;font-size:14px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;padding:4px 8px;flex-shrink:0}@media(max-width:380px){.shalom-review-link{font-size:12px;padding:4px}.shalom-demo-text{font-size:12px}}