/* Páginas legales: mismos tokens, tipografías y navegación de la tienda. */
.legal-head{padding-top:48px;padding-bottom:32px}
.legal-head .page-title{max-width:780px;text-wrap:balance}
.legal-intro{max-width:680px;color:var(--mava-color-text);font-size:17px;line-height:1.75}
.legal-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;color:#66574b}
.legal-layout{display:grid;grid-template-columns:240px minmax(0,760px);gap:clamp(32px,5vw,88px);align-items:start;padding-bottom:88px}
.legal-nav{position:sticky;top:112px;border-top:1px solid var(--line);padding-top:20px}
.legal-nav h2{font:700 12px/1.5 var(--ui);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.legal-nav ol{list-style:none;padding:0;margin:0;display:grid;gap:2px}
.legal-nav a{display:block;padding:9px 0;font-size:13px;line-height:1.6;color:#66574b}
.legal-nav a:hover{color:var(--mava-color-brand);text-decoration:underline;text-underline-offset:4px}
.legal-article{min-width:0;overflow-wrap:anywhere}
.legal-summary{padding:28px 32px;border:1px solid var(--line);border-radius:var(--mava-radius-card);background:var(--mava-color-surface);margin-bottom:36px}
.legal-summary h2{font:600 17px/1.5 var(--ui);color:var(--mava-color-brand);margin-bottom:12px}
.legal-summary p:last-child,.legal-summary ul:last-child{margin-bottom:0}
.legal-section{padding:28px 0;border-top:1px solid var(--line);scroll-margin-top:112px}
.legal-section h2{font-size:clamp(25px,2.5vw,31px);line-height:1.25;margin-bottom:18px;color:var(--mava-color-brand)}
.legal-section h3{font:700 15px/1.6 var(--ui);margin:22px 0 10px}
.legal-article p,.legal-article li{font-size:15px;line-height:1.85}
.legal-article p{margin-bottom:16px}
.legal-article ul,.legal-article ol{padding-left:22px;margin:12px 0 18px}
.legal-article li+li{margin-top:8px}
.legal-article a:not(.button){text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;color:var(--mava-color-brand)}
.legal-contact{background:var(--mava-color-surface);border-radius:var(--mava-radius-card);padding:28px 32px;margin-top:16px;scroll-margin-top:112px}
.legal-contact h2{font-size:28px;color:var(--mava-color-brand);margin-bottom:14px}
.legal-contact .button{margin-top:4px;max-width:100%;text-align:center;padding:12px 22px;height:auto}
.legal-contact address{font-style:normal;font-size:15px;line-height:1.85;margin-bottom:18px}
.legal-next{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:28px;margin-top:28px;border-top:1px solid var(--line)}
@media(max-width:899px){.legal-nav{top:100px}.legal-layout{grid-template-columns:200px minmax(0,1fr);gap:32px}}
@media(max-width:639px){
  .legal-head{padding-top:28px;padding-bottom:24px}
  .legal-head .breadcrumb{flex-wrap:wrap;line-height:1.7}
  .legal-head .page-title{font-size:36px;line-height:1.15}
  .legal-intro{font-size:15px;line-height:1.8}
  .legal-layout{display:block;padding-bottom:56px}
  .legal-nav{position:static;margin-bottom:28px;padding-top:16px}
  .legal-nav ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
  .legal-nav a{font-size:12px;min-height:44px}
  .legal-summary,.legal-contact{padding:24px 20px}
  .legal-section{padding:24px 0;scroll-margin-top:92px}
  .legal-contact{scroll-margin-top:92px}
  .legal-meta{font-size:11px}
}
@media print{
  body{background:#fff;color:#222}
  .header,.store-topbar,.site-footer,.skip,.legal-nav,.legal-next,.whatsapp-floating{display:none!important}
  .container{max-width:none;padding:0}
  .legal-layout{display:block;padding:0}
  .legal-head{padding:0 0 16px}
  .legal-summary,.legal-contact{background:none;border:1px solid #ccc}
  .legal-section h2,.legal-contact h2{break-after:avoid}
  .legal-section{scroll-margin-top:0}
  .legal-article p,.legal-article li{font-size:11pt;orphans:3;widows:3}
}