/* ==========================================================================
   Atlas Del Whisky — estilos de la página de Escocia (Fase 3)
   Complementa atlas.css + motion.css.
   ========================================================================== */

/* ---- Breadcrumb ---- */
.breadcrumb{display:flex;align-items:center;gap:.55rem;padding:.7rem 1.6rem;
  border-bottom:1px solid var(--line);background:rgba(12,10,7,.5);font-size:.78rem;color:var(--muted)}
.breadcrumb a{color:var(--gold);transition:color .2s}
.breadcrumb a:hover{color:var(--gold-bright)}
.breadcrumb .sep{color:var(--muted-2)}
.breadcrumb .cur{color:var(--cream)}
.breadcrumb svg{width:14px;height:14px;color:var(--gold)}

/* ---- Lista de regiones (sidebar) ---- */
.region-list{display:flex;flex-direction:column;gap:.25rem}
.region-item{display:grid;grid-template-columns:16px 1fr auto;gap:.7rem;align-items:center;
  padding:.6rem .55rem;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .18s}
.region-item:hover{background:rgba(201,162,74,.07);border-color:var(--line)}
.region-item.active{background:rgba(201,162,74,.12);border-color:var(--line-strong)}
.region-item .rdot{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 0 8px var(--rc,transparent)}
.region-item .rname{font-family:var(--serif-body);font-size:1.08rem;font-weight:600;color:var(--cream);line-height:1.1}
.region-item .rtag{font-size:.66rem;color:var(--muted-2)}
.region-item .rcount{font-size:.72rem;color:var(--gold);font-weight:600;white-space:nowrap}
.region-item.all .rdot{background:conic-gradient(#6f9b57,#c98f3c,#3f86ab,#9070b3,#3fa6a0,#b2a24e,#6f9b57)}

/* ---- Mapa: zonas de región + etiquetas ---- */
.scot-land-fill{fill:url(#landGrad);stroke:#d8c49a;stroke-width:.4;stroke-opacity:.5;vector-effect:non-scaling-stroke}
.scot-coast{fill:none;stroke:#0c0f13;stroke-width:.9;vector-effect:non-scaling-stroke}
.scot-graticule{fill:none;stroke:var(--gold);stroke-opacity:.10;stroke-width:.5;vector-effect:non-scaling-stroke}
/* Zonas de región: acuarela suave (feather con blur), MUY sutiles por defecto;
   se "encienden" al señalar (.hot) o seleccionar (.sel) una región. */
.zone{stroke-width:0;vector-effect:non-scaling-stroke;cursor:pointer;
  transition:fill-opacity .35s ease,filter .35s ease;
  fill-opacity:.06;filter:blur(7px)}
.zone.dim{fill-opacity:.02}
.zone.hot{fill-opacity:.20;filter:blur(9px)}
.zone.sel{fill-opacity:.30;filter:blur(10px)}
.rlabel{font-family:var(--serif-display);font-weight:600;letter-spacing:.14em;fill:var(--cream);
  paint-order:stroke;stroke:#0a0f14;stroke-width:3.5px;stroke-linejoin:round;text-transform:uppercase;
  pointer-events:none;font-size:12px;opacity:.9}
.rlabel.dim{opacity:.28}

/* ---- Marcadores de destilería ---- */
.dmark{cursor:pointer}
.dmark .dot{fill:var(--dc,#c9a24a);stroke:#0a0f14;stroke-width:1.3;transition:transform .18s}
.dmark .halo{fill:none;stroke:var(--dc,#c9a24a);stroke-width:1.2;opacity:0}
.dmark.star .dot{stroke:#fff;stroke-width:1.4}
.dmark.star .halo{opacity:.9;animation:beacon 3.2s ease-out infinite}
.dmark:hover .dot,.dmark.is-active .dot{transform:scale(1.5)}
.dmark.is-active .dot{stroke:#fff;stroke-width:2}
.dmark.hide{opacity:.14;pointer-events:none;filter:grayscale(.5)}
.dmark .dname{font-family:var(--sans);font-size:9px;font-weight:600;fill:var(--cream);
  paint-order:stroke;stroke:#0a0f14;stroke-width:2.6px;stroke-linejoin:round;opacity:0;transition:opacity .18s}
.dmark:hover .dname,.dmark.star .dname{opacity:1}

/* ---- Etiquetas de océano ---- */
.ocean-label{position:absolute;font-family:var(--serif-body);font-style:italic;color:var(--gold);
  opacity:.42;letter-spacing:.16em;text-transform:uppercase;font-size:.82rem;pointer-events:none;z-index:5;
  text-shadow:0 1px 8px rgba(0,0,0,.8)}

/* ---- Caja de info de región ---- */
.region-info{position:absolute;left:1.3rem;bottom:1.3rem;z-index:12;width:236px;
  background:rgba(20,17,12,.86);border:1px solid var(--line);border-left:3px solid var(--ri,var(--gold));
  border-radius:9px;padding:.85rem 1rem;backdrop-filter:blur(5px);box-shadow:var(--shadow);
  opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s,border-color .25s;pointer-events:none}
.region-info.show{opacity:1;transform:none}
.region-info .ri-h{display:flex;align-items:center;gap:.5rem;font-family:var(--serif-display);
  font-size:1.05rem;letter-spacing:.06em;color:var(--cream);text-transform:uppercase}
.region-info .ri-dot{width:11px;height:11px;border-radius:50%;background:var(--ri)}
.region-info .ri-count{font-size:.72rem;color:var(--gold);margin:.35rem 0 .4rem}
.region-info .ri-desc{font-size:.76rem;color:var(--muted);line-height:1.45}

/* ---- Panel: fila meta de destilería ---- */
.dmeta{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.2rem}
.dmeta .mi{border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem}
.dmeta .mi .k{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.dmeta .mi .v{font-family:var(--serif-body);font-size:1.02rem;color:var(--cream);margin-top:.1rem}

/* compass de Escocia reutiliza .compass-rose de atlas.css */
@media (max-width:900px){
  .ocean-label{display:none}
  .region-info{left:.8rem;right:.8rem;width:auto;bottom:.8rem}
}