/* Aviso de privacidad. Usa los tokens de site.css. */
.legal-page{background:var(--cream)}
.legal-header{max-width:1000px;width:90%;margin:24px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper);border-radius:14px;padding:12px 16px 12px 20px;box-shadow:0 6px 24px #203c5612}
.legal-back{display:flex;gap:8px;align-items:center;font-size:.9rem;padding:10px 16px;border:1px solid #203c5620;border-radius:999px}
.legal-back:hover{background:var(--cream)}
.legal-main{max-width:1000px;width:90%;margin:0 auto;padding:56px 0 90px}
.legal-intro{display:grid;grid-template-columns:150px 1fr;gap:34px;align-items:center;margin-bottom:34px}
.legal-intro img{width:150px;height:150px;border-radius:50%;background:var(--sky);border:5px solid var(--paper);box-shadow:0 12px 26px #203c5626;animation:bubble-float 7s ease-in-out infinite}
.legal-intro .section-label{margin-bottom:12px}
.legal-intro h1{font-size:clamp(2.6rem,5vw,4.2rem);letter-spacing:-.06em;line-height:1.05;margin-bottom:14px;font-weight:550}
.legal-intro p{font-size:1.08rem;max-width:620px;margin-bottom:8px}
.legal-date{font-size:.85rem!important;color:var(--muted)}
.legal-toc{position:sticky;top:12px;z-index:5;display:flex;gap:8px;overflow-x:auto;padding:10px;margin-bottom:34px;background:#fffdf9ee;border:1px solid var(--line);border-radius:999px;scrollbar-width:none}
.legal-toc a{white-space:nowrap;font-size:.84rem;padding:7px 12px;border-radius:999px}
.legal-toc a:hover{background:var(--blue)}
.legal-body{background:var(--paper);border-radius:24px;padding:10px 44px 24px;box-shadow:0 10px 0 #203c560d}
.legal-body section{padding:30px 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}
.legal-body section:last-child{border-bottom:0}
.legal-body h2{font-size:1.55rem;letter-spacing:-.035em;line-height:1.2;margin-bottom:14px}
.legal-body p,.legal-body li{font-size:1rem;line-height:1.7}
.legal-body ul{padding-left:22px;margin:0 0 16px}
.legal-body li::marker{color:var(--red)}
.legal-body a:not(.button){font-weight:600;border-bottom:1px solid}
.legal-body code{font-size:.88em;background:var(--blue);padding:2px 6px;border-radius:6px}
.legal-body .button{border:0;cursor:pointer;font:inherit;font-weight:500}
/* Datos que el responsable debe completar antes de publicar. */
.fill{background:#fbefca;border-bottom:2px dashed #c79a2b;padding:0 4px;border-radius:4px}
.fill::before{content:"[Completar: "}
.fill::after{content:"]"}
.cookie-table{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:16px 0 18px;font-size:.92rem}
.cookie-table>div{display:grid;grid-template-columns:1fr 1.6fr .9fr;gap:14px;padding:12px 16px;border-top:1px solid var(--line)}
.cookie-table>div:first-child{border-top:0}
.cookie-table .head{background:var(--blue);font-weight:600}
.legal-page .footer{background:var(--cream)}
@media(max-width:700px){
  .legal-header{padding:10px 12px}.legal-main{padding-top:36px}
  .legal-intro{grid-template-columns:1fr;gap:18px;text-align:left}.legal-intro img{width:100px;height:100px}
  .legal-body{padding:4px 20px 14px;border-radius:18px}.legal-body h2{font-size:1.3rem}
  .cookie-table>div{grid-template-columns:1fr;gap:4px}.cookie-table .head{display:none}
  .legal-page .footer-links{width:100%}
}
