/* ---------- Tablón de Vecinos (Pueblo, js/tablon-vecinos.js) ----------
   Solo se anima transform. */
#tablonPanel .tb-box { position: relative; width: 640px; max-width: 94vw; max-height: 86vh; overflow-y: auto; box-sizing: border-box;
  padding: 0 26px 22px; border-radius: 32px; border: 6px solid #7a4a22; text-align: center;
  background: radial-gradient(circle, rgba(120, 70, 30, .10) 2px, transparent 3px) 0 0 / 22px 22px, linear-gradient(#e8b98a, #cf9a62); }
#tablonPanel .x-btn { position: absolute; top: 12px; right: 12px; z-index: 2; }
#tablonPanel h2 { margin: 0; padding: 18px 40px 0; font: 700 36px var(--font); color: #fff7e8; text-shadow: 0 3px 0 #5a3010; }
#tablonPanel .tb-sub { margin: 4px 0 12px; font: 600 17px var(--font); color: #5a3010; }
#tablonPanel .tb-star { margin: 0 0 12px; padding: 10px 14px; border-radius: 18px; background: linear-gradient(#fff3b0, #ffd45a);
  border: 4px solid #d9a441; font: 700 19px var(--font); color: #5a3200; }
#tablonPanel .tb-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
#tablonPanel .tb-note { padding: 12px 14px; border-radius: 6px 6px 18px 6px; background: linear-gradient(#fffdf4, #fff3d0);
  border: 3px solid #e7d6a8; box-shadow: 0 6px 0 rgba(90, 50, 20, .25); text-align: left; transition: transform .16s ease; }
#tablonPanel .tb-note:hover { transform: translateY(-3px) rotate(-.4deg); }
/* la cabaña de la semana: marco dorado toda la semana */
#tablonPanel .tb-note.star { border: 6px solid #e0a820; box-shadow: 0 0 0 3px #fff3b0, 0 6px 0 rgba(90, 50, 20, .25); }
#tablonPanel .tb-head { font: 700 19px/1.2 var(--font); color: #5a3a1e; }
#tablonPanel .tb-meta { margin: 4px 0 8px; font: 600 16px var(--font); color: #7a5a3a; }
#tablonPanel .tb-note .btn { font-size: 18px; padding: 6px 14px; }
#tablonPanel .tb-note-l { margin: 16px 0; font: 600 19px/1.3 var(--font); color: #5a3010; }
@media (max-width: 560px) { #tablonPanel .tb-list { grid-template-columns: 1fr; } }