/* Pie legal: letra chica y prolija al final de la tienda, con ventanas para "Cambios y devoluciones" y "Privacidad". Usa los colores de cada plantilla. */
.pl { width: 100%; display: grid; gap: 8px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--line); font: 400 .8125rem/1.45 var(--font-body); color: var(--ink-2); }
.pl p { margin: 0; max-width: 62ch; }
.pl strong { font-weight: 700; color: var(--ink); }
.pl-vend { display: flex; flex-wrap: wrap; gap: 2px 16px; }
.pl-vend span { min-width: 0; overflow-wrap: anywhere; }
.pl-links { display: flex; flex-wrap: wrap; gap: 0 4px; }
.pl-link { min-height: 44px; padding: 0 8px 0 0; color: var(--accent-text); font: 600 .8125rem/1 var(--font-body); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.pl-link + .pl-link { padding-left: 12px; }
.pl-dialog { width: min(560px, calc(100% - 24px)); max-height: min(84dvh, 720px); padding: 0; border: 1px solid var(--line); border-radius: 22px; color: var(--ink); overflow: hidden;
  background: color-mix(in srgb, var(--bg) 90%, var(--ink)); box-shadow: 0 30px 80px -20px rgb(0 0 0 / .6); }
.pl-dialog::backdrop { background: var(--scrim, rgb(0 0 0 / .55)); }
.pl-dialog[open] { display: flex; flex-direction: column; animation: pl-in .24s var(--ease-out, ease-out); }
@keyframes pl-in { from { opacity: 0; transform: translateY(12px) scale(.97); } }
.pl-in { display: flex; flex-direction: column; min-height: 0; max-height: inherit; }
.pl-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 12px 12px 20px; border-bottom: 1px solid var(--line); }
.pl-head h2 { font-size: 1.2rem; }
.pl-x { flex: none; width: 44px; height: 44px; border-radius: 50%; font-size: 1.6rem; line-height: 1; color: var(--ink); background: var(--surface); }
.pl-cuerpo { padding: 16px 20px 22px; overflow-y: auto; overscroll-behavior: contain; font: 400 .95rem/1.55 var(--font-body); }
.pl-cuerpo h3 { margin: 18px 0 6px; font-size: .95rem; }
.pl-cuerpo h3:first-child { margin-top: 0; }
.pl-cuerpo p, .pl-cuerpo ul { margin: 0 0 10px; }
.pl-cuerpo ul { padding-left: 1.2em; }
.pl-cuerpo .pl-nota { color: var(--ink-2); font-size: .8125rem; }
@media (prefers-reduced-motion: reduce) { .pl-dialog[open] { animation: none; } }