/* ============================================================
   shared.css — Componentes compartidos entre todas las páginas
   ============================================================ */

/* ── ZOOM ── */
.zoom-ctrl { display:flex; align-items:center; gap:4px; }
.zoom-btn {
  width:26px; height:26px; border-radius:50%;
  border:1px solid var(--border); background:var(--surface);
  color:var(--text-2); font-size:.85rem; font-weight:700;
  cursor:pointer; display:flex; align-items:center; justify-content:center;
  transition:all .12s; font-family:var(--font-body); line-height:1;
}
.zoom-btn:hover { border-color:var(--accent); color:var(--accent); background:var(--accent-soft); }
.zoom-lbl { font-size:.72rem; color:var(--text-3); min-width:32px; text-align:center; }

/* ── FOOTER UNIFICADO ── */
.site-footer {
  border-top:1px solid var(--border); padding:16px 24px;
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:10px;
}
.footer-copy { font-size:.76rem; color:var(--text-3); }
.footer-links { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.footer-links a { font-size:.76rem; color:var(--text-3); transition:color .12s; }
.footer-links a:hover { color:var(--accent); }
.footer-sep { color:var(--border); user-select:none; }

/* ── MODAL COOKIES ── */
.cookie-overlay {
  display:none; position:fixed; inset:0; background:rgba(0,0,0,.4);
  z-index:300; align-items:center; justify-content:center;
}
.cookie-overlay.open { display:flex; }
.cookie-modal {
  background:var(--surface); border-radius:var(--radius);
  padding:28px 32px; max-width:480px; width:90%;
  box-shadow:0 16px 48px rgba(0,0,0,.2);
}
.cookie-modal h3 { font-family:var(--font-heading); font-size:1.1rem; font-weight:700; margin-bottom:12px; }
.cookie-modal p { font-size:.86rem; color:var(--text-2); line-height:1.65; margin-bottom:16px; }
.cookie-modal-actions { display:flex; justify-content:flex-end; }

@media(max-width:640px){
  .site-footer { flex-direction:column; align-items:center; text-align:center; }
  .footer-links { justify-content:center; }
}