/* Marca del producto (Fotoparty) y de la agencia (Durantek Systems).
   Reutilizado por album, muro (footer discreto en la esquina), admin y
   admin-dashboard - public/js/marca.js llena el contenido, este archivo
   solo define el tratamiento visual. Cuando llegue el logo real, .marca-durantek
   es el UNICO lugar que hay que tocar para reemplazar el wordmark por un <img>. */

.marca-durantek {
  display: inline-flex;
  align-items: baseline;
  gap: 0.3em;
  white-space: nowrap;
}

/* "Durantek" destaca: serif, peso alto */
.marca-durantek-d {
  font-family: var(--fuente-titulos, 'Playfair Display', serif);
  font-weight: 700;
  color: inherit;
}

/* "Systems" secundario: sans, ligero, tracking amplio, mas chico */
.marca-durantek-s {
  font-family: var(--fuente-cuerpo, 'Lato', sans-serif);
  font-weight: 300;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.75em;
  opacity: 0.85;
  color: inherit;
}

/* Jerarquia vistas publicas (album, muro): "Maverick" (serif, peso alto -
   Parte 3D) primero y mas grande, el tagline debajo (sans, ligero, tracking
   amplio - mismo tratamiento que "Systems" en el wordmark de agencia). */
.marca-producto {
  font-family: var(--fuente-titulos, 'Playfair Display', serif);
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.01em;
  margin: 0;
  color: inherit;
}

.marca-tagline {
  font-family: var(--fuente-cuerpo, 'Lato', sans-serif);
  font-weight: 300;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.66rem;
  opacity: 0.75;
  margin: 4px 0 0;
  color: inherit;
}

/* Credito de agencia ("Ingeniería web por Durantek Systems") - Parte 3B:
   vive en un elemento APARTE (#marca-agencia), nunca dentro del bloque de
   producto de arriba. Lo usan el footer del album, admin y admin-dashboard. */
.marca-credito {
  font-size: 0.8rem;
  opacity: 0.75;
  margin: 4px 0 0;
  color: inherit;
}

/* --------------------------------------------------------------------------
   Footer del album: bloque centrado normal, ya dentro de .album-footer
   (que ya define padding/border-top/color base) - ver album/index.html.
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   Footer del admin / admin-dashboard: la marca de agencia va sola (sin la
   linea de producto), centrada, discreta.
   -------------------------------------------------------------------------- */
.marca-footer-admin {
  text-align: center;
  padding: 20px 24px 28px;
  color: var(--color-texto-tenue, #b8afc4);
}

.marca-footer-admin .marca-credito {
  margin: 0;
}

/* --------------------------------------------------------------------------
   Muro (footer discreto, Parte "footer del muro" del brief): NO se toca
   muro.css - este bloque vive aca y se activa solo dentro de .muro-body
   (la clase del <body> del muro), asi que muro.css queda intacto y
   verificable con git diff. Esquina superior izquierda: es la unica que
   ningun otro elemento del muro (QR, tarjeta, boton fullscreen) ocupa, y
   con opacity/pointer-events:none nunca compite con las fotos ni intercepta
   clicks. Ver [[proyecto_rediseno_muro]] para el resto del layout del muro.
   Solo trae #marca-publico (producto + tagline) - el muro NUNCA imprime el
   credito de agencia (Parte 3B), y como htmlPublico() ya no lo genera, esta
   vista queda discreta sin necesitar una regla que lo oculte. */
.muro-body #marca-publico {
  position: fixed;
  top: 16px;
  left: 16px;
  z-index: 2;
  text-align: left;
  pointer-events: none;
  opacity: 0.55;
}

.muro-body #marca-publico .marca-producto {
  font-size: 0.85rem;
  color: var(--preset-texto, #f5f1ea);
}

.muro-body #marca-publico .marca-tagline {
  font-size: 0.58rem;
  color: var(--preset-texto, #f5f1ea);
  opacity: 0.85;
  margin-top: 2px;
}