/* cliente-pie.css — El pie de las paginas del cliente (demo y portal).
   Usa las variables de color de la pagina que lo carga. */

/* ---- Pie: credenciales y legal. Tranquilo, sin rayas de color. ---- */
.demo-pie{margin-top:48px;border-top:1px solid var(--linea);background:var(--card);}
.demo-pie__in{max-width:1500px;margin:0 auto;padding:32px clamp(16px,3vw,32px) 28px;
    display:grid;grid-template-columns:auto 1fr;gap:22px 40px;align-items:start;}
.demo-pie__marca{display:flex;align-items:center;gap:12px;}
.demo-pie__marca img{width:36px;height:36px;flex:none;}
.demo-pie__nombre{margin:0;font-family:'Archivo',sans-serif;font-size:16px;font-weight:700;color:var(--pizarra);}
.demo-pie__rol{margin:1px 0 0;font-size:12.5px;color:var(--muted);}
.demo-pie__cred{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-content:start;}
.demo-pie__cred li{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid var(--linea);
    border-radius:999px;background:var(--suave);font-size:12.5px;font-weight:600;color:var(--pizarra);}
.demo-pie__cred svg{width:14px;height:14px;flex:none;color:var(--acento-osc);}
.demo-pie__links{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px 18px;}
.demo-pie__links a,.demo-pie__legal-links a{font-size:13px;color:var(--muted);text-decoration:none;}
.demo-pie__links a:hover,.demo-pie__legal-links a:hover{color:var(--acento-osc);}
.demo-pie__legal{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;
    padding-top:18px;border-top:1px solid var(--linea);}
.demo-pie__privada{margin:0;flex:1 1 320px;font-size:12.5px;color:var(--muted);}
.demo-pie__legal-links{display:flex;gap:16px;flex-wrap:wrap;}
.demo-pie__cp{margin:0;font-size:12.5px;color:var(--muted);}
@media (max-width:720px){ .demo-pie__in{grid-template-columns:1fr;} }