/* ======================================
   PÁGINAS LEGALES · ONLINE NAVARRA
====================================== */
.legal-page { width:100%; background:#fff; }
.legal-hero { width:min(90%,1500px); margin:0 auto; padding:72px clamp(35px,6vw,90px) 78px; box-sizing:border-box; border-radius:28px; background:linear-gradient(115deg,#f7f1f6 0%,#f4eef7 58%,#f8f6fa 100%); text-align:left; }
.legal-hero__eyebrow { margin:0 0 14px; color:#c00087; font-size:.78rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.legal-hero h1 { max-width:850px; margin:0; color:#29274c; font-size:clamp(2.8rem,5vw,4.8rem); line-height:1; font-weight:800; letter-spacing:-.045em; }
.legal-hero h1 .grad { background:linear-gradient(90deg,#71306f 0%,#c00087 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.legal-hero__intro { max-width:760px; margin:24px 0 0; color:#625e6c; font-size:1.05rem; line-height:1.7; }
.legal-content { width:min(900px,88%); margin:0 auto; padding:85px 0 110px; text-align:left; }
.legal-content section { margin:0 0 55px; }
.legal-content h2 { margin:0 0 20px; color:#29274c; font-size:clamp(1.75rem,3vw,2.35rem); line-height:1.15; font-weight:800; letter-spacing:-.025em; }
.legal-content h3 { margin:34px 0 12px; color:#29274c; font-size:1.2rem; line-height:1.35; font-weight:800; }
.legal-content h4 { margin:28px 0 8px; color:#29274c; font-size:1rem; line-height:1.45; font-weight:800; }
.legal-content p,.legal-content li { color:#555162; font-size:1rem; line-height:1.78; }
.legal-content p { margin:0 0 17px; }
.legal-content ul { margin:14px 0 24px; padding:0; }
.legal-content li { position:relative; margin:0 0 9px; padding-left:20px; list-style:none; }
.legal-content li::before { content:""; position:absolute; left:0; top:.78em; width:6px; height:6px; border-radius:50%; background:#c00087; }
.legal-content a { color:#a80077; font-weight:650; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.legal-content a:hover { color:#29274c; }
.legal-datos { margin:25px 0 30px; padding:25px 28px; border-left:4px solid #c00087; background:#f8f6fa; }
.legal-datos p:last-child { margin-bottom:0; }
.legal-note { margin:28px 0; padding:22px 25px; background:#f8f6fa; border-radius:12px; }
.legal-links { display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:35px; padding-top:25px; border-top:1px solid #e7e2e9; }
.legal-links a { font-size:.95rem; }

/* ACORDEONES PRIVACIDAD */
.legal-accordion { margin:22px 0 10px; border-top:1px solid #ddd8e0; }
.legal-accordion__button { position:relative; width:100%; padding:20px 45px 20px 0; border:0; border-bottom:1px solid #ddd8e0; background:transparent; color:#29274c; font:800 1.15rem "Manrope","Segoe UI",sans-serif; text-align:left; cursor:pointer; }
.legal-accordion__button::after { content:"+"; position:absolute; right:4px; top:50%; transform:translateY(-50%); color:#c00087; font-size:1.65rem; font-weight:400; }
.legal-accordion__button[aria-expanded="true"]::after { content:"−"; }
.legal-accordion__panel { display:none; padding:8px 0 24px; border-bottom:1px solid #ddd8e0; }
.legal-accordion__panel.is-open { display:block; }

/* LISTA DINÁMICA COOKIEFIRST */
#cookiefirst-cookies-list { margin:25px 0; }
.cookie-list-credit { margin-top:18px; color:#777381; font-size:.86rem; }

@media (max-width:700px) {
   .legal-hero { width:100%; padding:55px 7% 62px; border-radius:0 0 24px 24px; }
   .legal-hero h1 { font-size:clamp(2.45rem,12vw,3.4rem); }
   .legal-content { width:86%; padding:65px 0 80px; }
   .legal-content section { margin-bottom:45px; }
   .legal-datos,.legal-note { padding:20px; }
}