/**
 * ======================================================
 * ARCHIVO: public-back-bar.css
 * UBICACIÓN: frontend/public/styles/
 * VERSIÓN: 1.1 — INICIAL
 * ÚLTIMA ACTUALIZACIÓN: 2026-06-17 20:30
 *
 * 🎯 PROPÓSITO:
 * Estilos CSS del módulo `public-back-bar`.
 *
 * ======================================================
 * 📋 REGLAS PARA PRODUCCIÓN:
 * ------------------------------------------------------
 * - Console.log marcados con // @strip se eliminan al generar build para cliente
 * - Esta cabecera se elimina al generar versión para cliente (documentación interna)
 *
 * ======================================================
 * 📋 HISTORIAL DE CAMBIOS:
 * ------------------------------------------------------
 * [1.1] - 2026-06-17 20:00
 * ======================================================
 */
.public-back-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 20px;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
  font-family: 'Poppins', system-ui, sans-serif;
}

.public-back-bar .public-back-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.public-back-bar .public-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 0.88rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  text-decoration: none;
  border: none;
  transition: background 0.15s, color 0.15s;
}

.public-back-bar .public-back-btn--ghost {
  background: #fff;
  color: #1f4fd8;
  border: 2px solid #1f4fd8;
}

.public-back-bar .public-back-btn--ghost:hover {
  background: rgba(31, 79, 216, 0.06);
}

.public-back-bar .public-back-btn--primary {
  background: #1f4fd8;
  color: #fff;
}

.public-back-bar .public-back-btn--primary:hover {
  filter: brightness(1.06);
}

.public-back-bar .public-back-brand {
  font-size: 0.82rem;
  color: #64748b;
  font-weight: 500;
}