/* ── Aviso de privacidad ── */

/* Documento (compartido por la pestaña de Ajustes y el modal de primera vez) */
.privacy-doc{font-size:13px;line-height:1.65;color:var(--c-text2)}
.privacy-doc h4{font-size:13px;font-weight:700;color:var(--c-text);margin:18px 0 6px}
.privacy-doc h4:first-of-type{margin-top:10px}
.privacy-doc p{margin:0 0 10px}
.privacy-doc ul{margin:0 0 10px;padding-left:18px}
.privacy-doc li{margin-bottom:4px}
.privacy-doc strong{color:var(--c-text);font-weight:600}
.privacy-updated{font-size:11.5px;color:var(--c-text3)}
.privacy-link{color:var(--c-accent);text-decoration:underline}
.privacy-link:hover{opacity:.8}
.privacy-seen{font-size:12px;color:var(--c-text3);background:var(--c-surface2);border:1px solid var(--c-border);border-radius:var(--radius);padding:8px 12px;margin-bottom:14px}

/* Modal de primera vez */
.privacy-modal{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);width:620px;max-width:100%;height:min(640px,86vh);box-shadow:0 20px 60px rgba(0,0,0,.16);display:flex;flex-direction:column;overflow:hidden}
.privacy-modal-head{padding:20px 24px 14px;border-bottom:1px solid var(--c-border);flex-shrink:0}
.privacy-modal-head h3{margin:0 0 4px;font-size:17px;font-weight:700;color:var(--c-text)}
.privacy-modal-head p{margin:0;font-size:12.5px;color:var(--c-text3)}
.privacy-modal-body{flex:1;min-height:0;overflow-y:auto;padding:16px 24px}
.privacy-modal-foot{padding:14px 24px;border-top:1px solid var(--c-border);display:flex;justify-content:flex-end;flex-shrink:0;background:var(--c-surface)}

/* En móvil el overlay ya deja 20px de margen y el modal ocupa casi toda la
   pantalla, así que solo se aprietan los paddings internos. */
@media (max-width:768px){
  .privacy-modal-body{padding:14px 18px}
  .privacy-modal-head{padding:16px 18px 12px}
  .privacy-modal-foot{padding:12px 18px}
}