/* Fullscreen map */
#map { width: 100vw; height: 100vh; }

/* Modal styles */
.modal { position: fixed; inset: 0; background: rgba(0,0,0,.55); display: grid; place-items: center; z-index: 1000; }
.modal-card { width: min(720px, 94vw); max-height: 86vh; overflow: auto; background: #fff; border-radius: 16px; box-shadow: 0 10px 40px rgba(0,0,0,.35); padding: 16px; }

/* Icon grid: 2 filas x 5 columnas */
.icon-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: 10px; }
.icon-item { border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px; cursor: pointer; background: #fff; transition: transform .1s ease; }
.icon-item:hover { transform: translateY(-1px); }
.icon-item.selected { outline: 2px solid #2563eb; outline-offset: 0; }

/* Emoji marker (Leaflet DivIcon) */
.emoji-marker .emoji-badge { font-size: 28px; line-height: 32px; filter: drop-shadow(0 2px 3px rgba(0,0,0,.25)); }

/* Thumbnails */
.thumbs { display: flex; gap: 8px; flex-wrap: wrap; }
.thumbs img { width: 72px; height: 72px; object-fit: cover; border-radius: 8px; border: 1px solid #e5e7eb; cursor: zoom-in; }

/* Fullscreen viewer */
.viewer { position: fixed; inset: 0; background: rgba(0,0,0,.8); z-index: 1100; display: grid; place-items: center; }
.viewer img { max-width: 92vw; max-height: 92vh; border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.5); }

/* Tooltip bonito para etiquetas */
.tooltip{position:absolute;z-index:9999;background:rgba(0,0,0,.85);color:#fff;padding:.35rem .5rem;border-radius:.5rem;font-size:.75rem;box-shadow:0 6px 20px rgba(0,0,0,.25);pointer-events:none}
.tooltip.hidden{display:none}

/* --- Cookie Banner --- */
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:1200;padding:.75rem}
.cookie-inner{max-width:980px;margin:0 auto;background:rgba(17,24,39,.95);backdrop-filter:blur(6px);color:#fff;border-radius:12px;padding:.85rem 1rem;box-shadow:0 10px 35px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.12);display:flex;gap:.75rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cookie-text{font-size:.875rem;line-height:1.35}
.cookie-link{color:#93c5fd;text-decoration:underline}
.cookie-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.cookie-btn{border-radius:.6rem;padding:.5rem .8rem;font-size:.85rem;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;cursor:pointer}
.cookie-btn.ghost{background:rgba(255,255,255,.06)}
.cookie-btn.primary{background:#10b981;border-color:#10b981;color:#0b2b20}
@media (max-width:640px){.cookie-inner{align-items:flex-start}.cookie-actions{width:100%;justify-content:flex-end}}