/* PuntoLocal · Logo de marca + lenguaje decorativo orgánico (landing + auth).
   Reutilizable: importar <link rel="stylesheet" href="/css/decor.css"> donde se use. */

/* ── Logo dos tonos (verde "Emprende" + naranjo "Chile") con hojita ── */
.brand-logo {
    display: inline-flex; align-items: center; gap: var(--space-2);
    text-decoration: none; font-weight: var(--fw-bold);
    font-size: var(--fs-lg); line-height: 1; letter-spacing: var(--tracking-tight);
}
.brand-logo__mark {
    width: 1.5em; height: 1.5em; flex: none;
    background: url('/img/leaf.svg') center / contain no-repeat;
}
.brand-logo__punto { color: var(--color-trust); }
.brand-logo__local { color: var(--color-primary); }
.brand-logo--lg { font-size: var(--fs-2xl); }

/* ── Decorativo orgánico (siempre aria-hidden + pointer-events:none) ── */
.deco-blob {
    position: absolute; z-index: 0; pointer-events: none;
    border-radius: 50%; filter: blur(6px); opacity: 0.7;
}
.deco-blob--peach { background: var(--color-primary-soft-2); }
.deco-blob--cream { background: var(--bg-surface-muted); }
.deco-leaf {
    position: absolute; z-index: 0; pointer-events: none;
    width: 56px; height: 56px; opacity: 0.45;
    background: url('/img/leaf.svg') center / contain no-repeat;
}
.deco-dots {
    position: absolute; z-index: 0; pointer-events: none; opacity: 0.5;
    background-image: radial-gradient(var(--color-primary-soft-2) 1.6px, transparent 1.6px);
    background-size: 16px 16px;
}
/* El contenido real va sobre el decorativo. overflow:hidden CLIPA los decorativos
   (blobs/hojitas con offsets negativos) para que asomen desde el borde sin generar
   scroll horizontal en la página. */
.deco-host { position: relative; overflow: hidden; }
.deco-host > *:not([class*="deco-"]) { position: relative; z-index: 1; }

@media (max-width: 720px) {
    .deco-leaf, .deco-dots { display: none; }
    .deco-blob { opacity: 0.4; filter: blur(10px); }
}